@layer{*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;block-size:100%;line-height:1.5}body{min-block-size:100%}audio,canvas,iframe,img,video{block-size:auto;display:block;max-inline-size:100%}svg{max-inline-size:100%}svg:not([fill]){fill:currentColor}button,input,select,textarea{font:inherit}textarea{resize:vertical}fieldset,iframe{border:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty;font-variant-numeric:proportional-nums}h1,h2,h3,h4,h5,h6{font-variant-numeric:lining-nums}blockquote,figcaption,li,p,q{hanging-punctuation:first allow-end last}button,h1,h2,h3,h4,h5,h6,input,label{line-height:1.1}math,table,time{font-variant-numeric:tabular-nums lining-nums slashed-zero}code{font-variant-numeric:slashed-zero}table{border-collapse:collapse}abbr{font-variant-caps:all-small-caps;text-decoration:none;&[title]{cursor:help;text-decoration:underline dotted}}sub,sup{line-height:0}:disabled{cursor:not-allowed;opacity:.8}:focus-visible{outline-offset:.2rem}}:root{--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#dbeafe;--success:#10b981;--success-hover:#059669;--success-light:#d1fae5;--warning:#f59e0b;--warning-hover:#d97706;--warning-light:#fef3c7;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#fee2e2;--bg:#f8fafc;--surface:#fff;--text:#0f172a;--text-secondary:#64748b;--border:#e2e8f0;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.05),0 10px 15px rgba(0,0,0,.1)}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;margin:0;min-height:100vh;padding:0}.app{display:flex;flex-direction:column;margin:0 auto;max-width:960px;min-height:100dvh;padding:20px}.app-content{flex:1}.btnLogout{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:block;font-family:inherit;font-size:14px;font-weight:500;margin:32px auto 0;padding:10px 28px;transition:all .15s}.btnLogout:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}@media (min-width:768px){.app{padding:32px}}.app-header{margin-bottom:24px;text-align:center}.app-logo{color:var(--primary);font-size:22px;font-weight:700;letter-spacing:-.02em}button{cursor:pointer;font:inherit}.btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:1;padding:10px 20px;transition:all .15s ease}.btn:hover{background:var(--bg)}.btn:active{transform:scale(.98)}.btn-sm{font-size:12px;padding:6px 12px}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{background:var(--success-hover)}.btn-warning{background:var(--warning);border-color:var(--warning);color:#fff}.btn-warning:hover{background:var(--warning-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.card-danger{background:var(--surface);border:1px solid var(--danger);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:24px;padding:32px}.card-danger .card-title{color:var(--danger);font-size:16px;font-weight:700;margin-bottom:16px}.archive-warning{color:var(--danger);font-size:14px;margin-bottom:12px}.archive-hint{color:var(--text-secondary);font-size:13px;margin-bottom:16px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.card-title{font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.form-group input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:15px;padding:11px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-footer{color:var(--text-secondary);font-size:14px;margin-top:16px;text-align:center}.form-footer a{color:var(--primary);font-weight:500;text-decoration:none}.form-footer a:hover{text-decoration:underline}.page-head{align-items:center;background:var(--bg);display:flex;gap:12px;margin-bottom:24px;padding:16px 0 12px;position:sticky;top:0;z-index:10}.page-head .pageTitle{margin-bottom:0}.btnBack{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:4px;padding:0;transition:color .15s;white-space:nowrap}.btnBack:hover,.pageTitle{color:var(--text)}.pageTitle{font-size:22px;font-weight:700;margin-bottom:24px}.loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;justify-content:center;padding:48px}.spinner{animation:spin .7s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:32px;margin-bottom:12px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text-secondary);font-size:15px;padding:48px 24px;text-align:center}.image-upload{align-items:center;display:flex;gap:16px}.image-preview{border:1px solid var(--border);border-radius:var(--radius-sm);height:64px;object-fit:cover;width:64px}.image-placeholder{align-items:center;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:11px;height:64px;justify-content:center;width:64px}.image-actions{display:flex;flex-direction:column;gap:6px}