*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f6faf7;--color-surface:#fff;--color-surface-alt:#e9f5ee;--color-text:#1a2b22;--color-text-muted:#38765f;--color-primary:#3aa675;--color-primary-hover:#318f65;--color-primary-text:#fff;--color-success:#52c41a;--color-warning:#f5a623;--color-error:#e74c3c;--color-error-hover:#c93c30;--color-border:#b9d9c7;--color-input-background:#fff;--color-focus-ring:#3aa6754d;--color-shadow:#1a2b221a}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#08140e;--color-surface:#0f1e16;--color-surface-alt:#173125;--color-text:#e9f7ef;--color-text-muted:#9cc5a6;--color-primary:#6fd8a8;--color-primary-hover:#8ce3bc;--color-primary-text:#08140e;--color-success:#7bd97b;--color-warning:#ffc857;--color-error:#ff7b6f;--color-error-hover:#ff948a;--color-border:#315b46;--color-input-background:#173125;--color-focus-ring:#6fd8a84d;--color-shadow:#00000059}html,body,#root{min-height:100%}html{background-color:var(--color-background)}body{background-color:var(--color-background);color:var(--color-text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;transition:background-color .2s,color .2s}button,input,textarea,select{font:inherit}img{max-width:100%}.app{background-color:var(--color-background);min-height:100vh;color:var(--color-text)}.page{width:min(100% - 2rem,1100px);color:var(--color-text);margin:0 auto;padding:2rem 0 3rem}.centered-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 120px);display:flex}.form-page{width:min(100% - 2rem,600px)}.page-actions{align-items:center;gap:1.5rem;margin-top:1.25rem;margin-bottom:1.5rem;display:flex}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin-top:0;line-height:1.25}h1{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,2.75rem)}h2{margin-bottom:1rem;font-size:1.5rem}p{color:var(--color-text)}.text-muted,.settings-detail{color:var(--color-text-muted)}a{color:var(--color-primary);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px;border-radius:4px}.navbar,.site-header,.main-header{background-color:var(--color-surface);color:var(--color-text);border-bottom:1px solid var(--color-border);box-shadow:0 2px 10px var(--color-shadow);transition:background-color .2s,border-color .2s}.navbar-inner,.nav-container{justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 2rem,1100px);margin:0 auto;padding:1rem 0;display:flex}.navbar a,.site-header a,.main-header a{color:var(--color-text)}.navbar a:hover,.site-header a:hover,.main-header a:hover{color:var(--color-primary)}.nav-links{align-items:center;gap:1rem;display:flex}.content-section,.card,.note-card,.settings-section{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:0 6px 18px var(--color-shadow);border-radius:12px;margin-top:1.5rem;padding:1.25rem;transition:background-color .2s,border-color .2s,color .2s}.surface-alt{background-color:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:10px;padding:1rem}.basic-form{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:0 6px 18px var(--color-shadow);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:background-color .2s,border-color .2s;display:flex}.basic-form label{color:var(--color-text);margin-top:.25rem;font-weight:700}.basic-form input,.basic-form textarea,.basic-form select{background-color:var(--color-input-background);width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.75rem .9rem;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}.basic-form textarea{resize:vertical;min-height:140px}.basic-form input::placeholder,.basic-form textarea::placeholder{color:var(--color-text-muted);opacity:.8}.basic-form input:focus,.basic-form textarea:focus,.basic-form select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.basic-form input[readonly]{background-color:var(--color-surface-alt);color:var(--color-text-muted);cursor:not-allowed}button,.button-link{background-color:var(--color-primary);min-height:30px;color:var(--color-primary-text);text-align:center;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.2rem .5rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s,transform .1s,opacity .2s;display:inline-flex}button:hover,.button-link:hover{background-color:var(--color-primary-hover);text-decoration:none}button:active,.button-link:active{transform:translateY(1px)}button:focus-visible,.button-link:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.basic-form button{margin-top:.5rem}.delete-button{background-color:var(--color-error);color:#fff}.delete-button:hover{background-color:var(--color-error-hover)}.success-message,.warning-message,.error-message{border-radius:8px;margin:0 0 .75rem;padding:.75rem 1rem;font-weight:700}.success-message{color:var(--color-success);background-color:color-mix(in srgb, var(--color-success) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent)}.warning-message{color:var(--color-warning);background-color:color-mix(in srgb, var(--color-warning) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-warning) 35%, transparent)}.error-message{color:var(--color-error);background-color:color-mix(in srgb, var(--color-error) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-error) 35%, transparent)}.verification-code-input{letter-spacing:.5rem;text-align:center;font-size:1.5rem;font-weight:700}.theme-setting{color:var(--color-text);cursor:pointer;align-items:center;gap:.75rem;font-weight:600;display:flex}.theme-setting input{width:1.1rem;height:1.1rem;accent-color:var(--color-primary);cursor:pointer;margin:0}.settings-detail{margin-top:0;margin-bottom:1rem;font-size:.95rem}.notes-grid,.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.note-card h2,.note-card h3,.card h2,.card h3{margin-bottom:.5rem}.note-card p,.card p{color:var(--color-text-muted)}.hidden{display:none}.full-width{width:100%}.text-center{text-align:center}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.page{width:min(100% - 1.25rem,1100px);padding-top:1.25rem}.form-page{width:min(100% - 1.25rem,600px)}.basic-form,.content-section,.card,.note-card{padding:1rem}.navbar-inner,.nav-container{flex-direction:column;align-items:flex-start;width:min(100% - 1.25rem,1100px)}.nav-links{flex-wrap:wrap;width:100%}.verification-code-input{letter-spacing:.35rem;font-size:1.25rem}}*{box-sizing:border-box}html{color:#222;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}input,textarea,button{font-family:inherit}