:root{--mobile-nav-item-height:max(56px, 2.92rem);--mobile-nav-height:max(76px, calc(var(--mobile-nav-item-height) + .25rem + max(.25rem, env(safe-area-inset-bottom)) + 1px));color:#102a27;background:#f7faf9;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{min-width:0;margin:0}button,input,textarea{font:inherit}button{overflow-wrap:anywhere;color:#fff;cursor:pointer;touch-action:manipulation;background:#0f766e;border:2px solid #0f766e;border-radius:.75rem;min-width:48px;max-width:100%;min-height:48px;padding:.625rem min(1rem,4vw)}button:hover:not(:disabled){background:#115e59;border-color:#115e59}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #0f766e}[data-display-mode=elder]{font-size:20px}[data-display-mode=elder] button,[data-display-mode=elder] input,[data-display-mode=elder] textarea{min-width:56px;min-height:56px}.app-shell{width:min(100% - 2rem,52rem);margin:0 auto;padding-block:1rem 4rem}.app-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.brand{color:#0f766e;letter-spacing:.02em;margin:0;font-weight:700}h1{margin:.25rem 0 0;font-size:clamp(1.75em,6vw,2.5em);line-height:1.2}.mode-button{color:#115e59;background:0 0;flex:none}.mode-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){color:#fff}.note-form{background:#fff;border:1px solid #cbd5e1;border-radius:1rem;gap:1rem;padding:1.25rem;display:grid}.field{gap:.375rem;display:grid}.field label{font-weight:700}.note-form input,.note-form textarea{color:#102a27;background:#fff;border:2px solid #64748b;border-radius:.75rem;width:100%;padding:.875rem}.note-form textarea{resize:vertical}.save-status{color:#115e59;min-height:1.6em;margin-block:.75rem;font-weight:600}.empty-state{text-align:center;border:1px dashed #64748b;border-radius:1rem;padding:1.5rem}.note-list{gap:.875rem;padding:0;list-style:none;display:grid}.note-card{overflow-wrap:anywhere;background:#fff;border:1px solid #cbd5e1;border-radius:1rem;padding:1rem}.note-card h2{margin-top:0;line-height:1.3}.note-card p{white-space:pre-wrap}.secondary-button{color:#115e59;background:0 0}.note-card-actions,.editor-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.danger-text-button{color:#912018;border-color:#b42318}.danger-text-button:hover:not(:disabled){color:#fff;background:#912018;border-color:#912018}.note-editor{width:min(100% - 2rem,52rem);margin:0 auto;padding-block:1.5rem 8rem}.editor-form{gap:1rem}.editor-form textarea{min-height:14rem}.editor-actions>button{min-width:min(100%,10rem)}.editor-error{color:#7a271a;background:#fef3f2;border-left:.3rem solid #b42318;border-radius:.5rem;min-height:1.6em;padding:.75rem 1rem;font-weight:700}.editor-empty{align-content:start;gap:1rem;display:grid}.auth-shell{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));background:linear-gradient(#edf8f6 0%,#f7faf9 55%);place-items:center;display:grid}.auth-card{background:#fff;border:1px solid #b8d8d3;border-radius:1.25rem;width:min(100%,32rem);padding:clamp(1.25rem,5vw,2rem);box-shadow:0 1rem 2.5rem #0f766e1a}.auth-card h1{margin-block:.35rem .75rem}.auth-intro,.auth-help{color:#405c58}.auth-help{margin-bottom:0;font-size:.9em}.auth-form{gap:1rem;margin-block:1.5rem .5rem;display:grid}.auth-form input{color:#102a27;background:#fff;border:2px solid #64748b;border-radius:.75rem;width:100%;min-height:56px;padding:.75rem .875rem}.auth-form button{width:100%}.full-width{width:100%;margin-top:1.5rem}.manual-code-form{border-top:1px solid #cbd5e1;padding-top:1rem}.manual-code-form input{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.08em}.primary-action{font-weight:700}.text-button{color:#115e59;text-underline-offset:.2em;background:0 0;border-color:#0000;text-decoration:underline}.text-button:hover:not(:disabled){color:#115e59;background:#edf8f6;border-color:#0f766e}.otp-input{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.35em;font-size:1.35em}.auth-email-summary{overflow-wrap:anywhere;margin:0}.auth-status{color:#115e59;min-height:1.6em;font-weight:600}.auth-error,.offline-login-alert{color:#7a271a;background:#fef3f2;border-left:.3rem solid #b42318;border-radius:.5rem;padding:.75rem 1rem}.offline-login-alert{width:min(100% - 2rem,32rem);margin:1rem auto -.5rem}.offline-banner{z-index:2;color:#573a00;text-align:center;background:#ffefc2;margin:0;padding:.65rem 1rem;font-weight:700;position:sticky;top:0}.turnstile-challenge{border-top:1px solid #cbd5e1;gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid;overflow:hidden}.turnstile-widget{min-height:65px}.app-navigation{z-index:3;background:#fffffff5;border-bottom:1px solid #b8d8d3;position:sticky;top:0}.navigation-inner{gap:.25rem;width:min(100% - 1rem,52rem);margin:0 auto;padding:.5rem 0;display:flex;overflow-x:auto}.navigation-inner a{color:#115e59;border-radius:.75rem;flex:none;min-height:48px;padding:.65rem .9rem;font-weight:700;text-decoration:none}.navigation-inner a[aria-current=page]{color:#fff;background:#0f766e}.navigation-inner a:focus-visible{outline-offset:2px;outline:3px solid #0f766e}.settings-page{width:min(100% - 2rem,52rem);margin:0 auto;padding-block:1.5rem 5rem}.settings-heading{margin-bottom:1.5rem}.settings-heading>p:last-child{color:#405c58}.settings-panel{background:#fff;border:1px solid #cbd5e1;border-radius:1rem;margin-block:1rem;padding:clamp(1rem,4vw,1.5rem)}.settings-panel h2,.settings-card h2,.settings-card h3{margin-top:0;line-height:1.3}.settings-form{gap:1rem;display:grid}.settings-form input,.settings-form select{color:#102a27;background:#fff;border:2px solid #64748b;border-radius:.75rem;width:100%;min-height:56px;padding:.75rem .875rem}.settings-list{gap:1rem;padding:0;list-style:none;display:grid}.compact-list{margin-bottom:0}.settings-card{overflow-wrap:anywhere;background:#fff;border:1px solid #cbd5e1;border-radius:1rem;padding:1rem}.detail-list{gap:.5rem;margin-block:1rem;display:grid}.detail-list div{grid-template-columns:7rem minmax(0,1fr);gap:.5rem;display:grid}.detail-list dt{color:#405c58}.detail-list dd{margin:0;font-weight:700}.card-actions{flex-wrap:wrap;gap:.75rem;display:flex}.danger-button{background:#b42318;border-color:#b42318}.danger-button:hover:not(:disabled){background:#912018;border-color:#912018}.device-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.current-badge{color:#115e59;background:#dff7f2;border-radius:999px;padding:.25rem .65rem;font-size:.85em;font-weight:700}.inline-editor,.pending-change{background:#f4fbfa;border:1px solid #b8d8d3;border-radius:.75rem;margin-block:1rem;padding:1rem}.inline-editor summary{cursor:pointer;font-weight:700}.lost-phone-warning{color:#7a271a;background:#fef3f2;border:2px solid #b42318;border-radius:.75rem;margin-top:1rem;padding:1rem}.dialog-backdrop{z-index:50;background:#0f172ab8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.grant-dialog{background:#fff;border-radius:1rem;width:min(100%,38rem);padding:clamp(1.25rem,5vw,2rem);box-shadow:0 1.5rem 4rem #00000047}.grant-warning{color:#573a00;background:#ffefc2;border-radius:.5rem;padding:.75rem;font-weight:700}.grant-qr{width:min(100%,20rem);height:auto;margin:1rem auto;display:block}.grant-qr-placeholder{background:#f1f5f9;place-items:center;width:min(100%,20rem);min-height:20rem;margin:1rem auto;display:grid}.grant-short-code{overflow-wrap:anywhere;letter-spacing:.08em;text-align:center;font-size:clamp(1.2rem,5vw,1.75rem);font-weight:800}.grant-actions{justify-content:center}.discard-dialog{color:#102a27;background:#fff;border-radius:1rem;width:min(100%,34rem);padding:clamp(1.25rem,5vw,2rem);box-shadow:0 1.5rem 4rem #00000047}.discard-dialog h2{margin-top:0;line-height:1.3}.discard-dialog .card-actions{margin-top:1.5rem}.notes-home{padding-bottom:calc(var(--mobile-nav-height) + 6.5rem)}.notes-home-header{align-items:center;margin-bottom:.75rem}.notes-home-header h1{margin:0}.member-avatar{border-radius:50%;flex:0 0 48px;width:48px;padding:0}.note-search,.notes-search{color:#102a27;background:#fff;border:1px solid #64748b;border-radius:.75rem;width:100%;min-height:48px;padding:.7rem .9rem}.notes-status{color:#405c58;min-height:1.6em;margin:.5rem 0}.note-list{border-top:1px solid #d7e3e0;gap:0;margin:0}.note-list>li{border-bottom:1px solid #d7e3e0;min-width:0}.note-row-link{min-width:0;min-height:96px;color:inherit;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .25rem;text-decoration:none;display:flex}.note-row-link:hover{background:#edf8f6}.note-row-copy{flex:1;gap:.1rem;min-width:0;display:grid}.note-row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:750;line-height:1.35;overflow:hidden}.note-row-preview{overflow-wrap:anywhere;color:#405c58;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.note-row-copy time{color:#58716d;font-size:.875em}.note-row-chevron{color:#0f766e;flex:none;font-size:1.75em;line-height:1}.floating-create{z-index:10;right:max(1rem, env(safe-area-inset-right));bottom:calc(var(--mobile-nav-height) + .75rem);min-height:52px;position:fixed;box-shadow:0 .25rem .75rem #0f766e2e}.note-primary-action{z-index:10;bottom:calc(var(--mobile-nav-height) + .75rem);width:min(100% - 2rem,50rem);min-height:52px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 .25rem .75rem #0f766e2e}.note-loading-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.note-loading-row{border-bottom:1px solid #d7e3e0;min-height:96px}.note-detail{width:min(100% - 2rem,52rem);padding-block:1.25rem calc(var(--mobile-nav-height) + 6rem);overflow-wrap:anywhere;margin:0 auto}.note-detail>header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex;position:relative}.note-detail>header>button:first-child{flex:1 0 100%;justify-self:start}.note-detail-context{color:#405c58;flex:1 0 100%;margin:0;font-weight:700}.note-detail>header h1{overflow-wrap:anywhere;flex:16rem;min-width:0}.note-detail>header>div{margin-left:auto}.note-detail>time{color:#58716d}.note-detail>article{margin-top:1.5rem;font-size:1.05em;line-height:1.75}.note-detail [role=menu],.note-actions-menu{z-index:20;background:#fff;border:1px solid #b8d8d3;border-radius:.75rem;min-width:min(15rem,100vw - 2rem);padding:.35rem;position:absolute;top:calc(100% + .35rem);right:0}.note-detail [role=menuitem]{width:100%}.note-detail [role=dialog],.trash-note-dialog{z-index:50;background:#fff;border:1px solid #b8d8d3;border-radius:1rem;width:min(100% - 2rem,30rem);max-height:calc(100dvh - 2rem);padding:1.25rem;position:fixed;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #0f172ab3}.note-detail [role=dialog] h2{margin-top:0;line-height:1.35}.note-detail [role=dialog]>div{flex-wrap:wrap;gap:.75rem;display:flex}.settings-home{width:min(100% - 2rem,52rem);padding-block:1.25rem calc(var(--mobile-nav-height) + 2rem);overflow-wrap:anywhere;margin:0 auto}.settings-home section{background:#fff;border:1px solid #d7e3e0;border-radius:.75rem;margin-block:1rem;padding:1rem}.settings-home section h2{margin-top:0}.settings-home section button{margin:.25rem}.settings-sign-out-panel{border-top:2px solid #d7e3e0!important}.mobile-navigation{z-index:30;min-height:var(--mobile-nav-height);padding:.25rem .25rem max(.25rem, env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid #b8d8d3;gap:.5rem;position:fixed;bottom:0;left:0;right:0}.mobile-navigation--2{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-navigation--3{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-navigation a{min-width:0;min-height:var(--mobile-nav-item-height);color:#405c58;text-align:center;border-radius:.5rem;align-content:center;justify-items:center;gap:.1rem;padding:.2rem;font-size:.8em;line-height:1.15;text-decoration:none;display:grid}.mobile-navigation a[aria-current=page]{color:#0f766e;background:#e4f5f2;font-weight:750}.mobile-navigation svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:1.5rem;height:1.5rem}@media print{body>*{visibility:hidden}.dialog-backdrop,.dialog-backdrop *{visibility:visible}.dialog-backdrop{background:#fff;display:block;position:static}.grant-dialog{box-shadow:none}.grant-actions,.grant-dialog>.text-button{display:none}}@media (width<=36rem){.app-navigation{display:none}.mobile-navigation{display:grid}.app-header{flex-direction:column;align-items:stretch}.notes-home-header{flex-direction:row;align-items:center}.mode-button{width:100%}.auth-shell{place-items:start center}.auth-card{box-shadow:none;border-radius:1rem}.card-actions,.note-card-actions{display:grid}.note-card-actions>button{width:100%}.editor-actions{z-index:10;right:auto;bottom:calc(var(--mobile-nav-height) + .75rem);background:#fff;width:min(100% - 2rem,50rem);margin:0;padding:.75rem .25rem;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 -.75rem 1.5rem #0f766e14}.note-editor{padding-bottom:calc(var(--mobile-nav-height) + 11rem)}.editor-actions>button{width:100%}.detail-list div{grid-template-columns:1fr;gap:0}}@media (width>=36.001rem){.mobile-navigation{display:none}.notes-home{padding-bottom:5rem}.floating-create,.note-primary-action{bottom:max(1rem, env(safe-area-inset-bottom))}.note-detail,.settings-home{padding-bottom:5rem}.note-detail{padding-bottom:7rem}.note-editor .editor-actions{z-index:10;bottom:max(1rem, env(safe-area-inset-bottom));background:#fff;width:min(100% - 2rem,50rem);padding:.75rem;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 -.75rem 1.5rem #0f766e14}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}