/* Performance notes: the device owns its status bar; the page owns the note. */
.notes-launch{display:flex;align-items:center;gap:14px;padding:18px 0 24px;margin:0;border-bottom:1px solid var(--line)}
.notes-launch button{white-space:nowrap;min-height:48px;background:var(--accent-soft);color:var(--accent);border-color:var(--accent-edge)}
.notes-launch p{font-size:13px;line-height:1.55;margin:0;color:var(--muted)}
body.notes-active{overflow:hidden;background:#000}
.notes-screen{box-sizing:border-box;position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:0;overflow:hidden;background:#000;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;font-size:18px;text-align:left;color-scheme:dark}
.notes-screen::backdrop{background:#000}
.notes-screen{height:var(--notes-height,100dvh);top:var(--notes-top-offset,0px);--notes-safe-bottom:env(safe-area-inset-bottom,0px);--notes-footer-height:calc(var(--notes-safe-bottom) + 68px);--notes-content-top:calc(env(safe-area-inset-top,0px) + 120px);--notes-word-size:20px;--notes-line-height:28px}
.notes-screen *{box-sizing:border-box}
.notes-screen button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#f5f5f5;font-family:inherit;box-shadow:none;margin:0;min-height:44px;min-width:44px;padding:0;border-radius:0;cursor:pointer;line-height:1.2}
.notes-screen button:disabled{opacity:.3;cursor:default}
.notes-screen button:focus-visible{outline:2px solid #a8a8a8;outline-offset:3px}
.notes-screen svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}
.notes-screen .notes-top{position:absolute;z-index:3;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 8px;display:flex;gap:12px;align-items:center;justify-content:space-between;background:#000}
.notes-top-right{display:flex;align-items:center;gap:12px}
.notes-screen .notes-round,.notes-screen .notes-glass{background:linear-gradient(155deg,#282828,#191919);border:1px solid #363636;box-shadow:inset 0 1px 1px #ffffff16,0 1px 3px #0008;border-radius:40px}
.notes-screen .notes-round{width:46px;height:46px}
.notes-screen .notes-glass{display:flex;padding:0 6px;height:46px;gap:5px}
.notes-glass button{width:43px;height:44px}
.notes-screen .notes-bottom{position:absolute;z-index:3;bottom:0;left:0;right:0;height:var(--notes-footer-height);display:flex;justify-content:space-between;align-items:center;padding:6px 24px calc(var(--notes-safe-bottom) + 7px);background:#000;touch-action:none}
.notes-bottom .notes-glass{height:49px;padding:0 10px;gap:9px}
.notes-bottom .notes-glass button{width:49px;height:47px}
.notes-bottom .notes-round{width:49px;height:49px}
.notes-screen .notes-scroll{position:absolute;top:var(--notes-content-top);bottom:calc(var(--notes-footer-height) + var(--notes-dock-height,0px));left:0;right:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 24px 12px;touch-action:pan-y;overflow-anchor:none}
.notes-scroll::-webkit-scrollbar{display:none}
.notes-paper{position:relative;min-height:100%}
.notes-date{position:absolute;z-index:2;top:calc(env(safe-area-inset-top,0px) + 66px);left:0;right:0;height:50px;display:flex;align-items:flex-start;justify-content:center;padding:1px 20px 4px;background:#000;color:#777;font-size:14px;line-height:1.4;text-align:center;font-weight:400;touch-action:none;user-select:none;-webkit-user-select:none}
.notes-date .notes-cue-text{display:flex;flex-direction:column;gap:3px;max-width:100%;white-space:normal;line-height:1.45;color:#b9b9bb}
.notes-cue-location{font-size:11px;letter-spacing:.02em;color:#858588}
.notes-cue-action{font-size:13px;font-weight:400;color:#a9a9ad;white-space:nowrap}
.notes-cue-place{font-size:12px;color:#85858b;white-space:nowrap}.notes-holder{font-weight:600;color:#b9b9bb}.notes-menu-holder{color:#ddd}
.notes-source{font-weight:400;letter-spacing:.03em}.notes-source b{font-weight:700}
.notes-source[data-part=FIRST] b{color:#ffc57d}.notes-source[data-part=SECOND] b{color:#85d9ed}.notes-source[data-part=LAST] b{color:#d8b5ff}
.notes-paragraph{display:inline-flex;align-items:center;justify-content:center;min-width:25px;min-height:20px;padding:0 3px;border:1px solid #515155;border-radius:3px;font-size:11px;line-height:1.2}
.notes-date .notes-zones{position:absolute;inset:0;display:flex}
.notes-date .notes-zones button{flex:1;min-width:0;height:100%;opacity:0}
.notes-screen .notes-words{margin:4px 0 0;padding:0;list-style:none;letter-spacing:0;overflow-wrap:anywhere}
.notes-words li{margin:0;padding:0;min-height:var(--notes-line-height)}
.notes-screen .notes-entry{margin:0;padding:0;border:0;display:block}
.notes-screen input.notes-input{min-height:var(--notes-line-height);height:var(--notes-line-height);width:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#f5f5f5;caret-color:#e7bd46;outline:none}
.notes-input::placeholder{color:#515151;font-size:18px}
.notes-screen .notes-words,.notes-screen input.notes-input{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;font-size:var(--notes-word-size);font-weight:600;line-height:var(--notes-line-height);letter-spacing:0;text-transform:uppercase}
.notes-words li{cursor:text}
.notes-screen .notes-reveal{position:absolute;pointer-events:none;overflow:visible;z-index:2;stroke:#f44747;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.notes-screen .notes-done{font-size:14px;font-weight:500;width:62px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}
.notes-screen .notes-suggestions{display:flex;flex-wrap:wrap;gap:0 16px;padding:0;margin:0;max-width:100%;max-height:88px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#484848 transparent;touch-action:pan-y}
.notes-screen .notes-suggestions button{display:flex;align-items:center;gap:5px;font-size:15px;min-height:44px;min-width:0;padding:2px 0;color:#aaa;background:none;overflow-wrap:anywhere;text-align:left;touch-action:manipulation}
.notes-suggestions small{font-size:10px;font-weight:400;color:#777;white-space:nowrap}
.notes-screen .notes-feedback{color:#999;font-size:12px;line-height:1.6;margin:4px 0}
.notes-screen .notes-quick{position:absolute;z-index:7;left:76px;bottom:calc(var(--notes-footer-height) + 5px);display:flex;gap:2px;padding:3px 5px;width:152px;max-width:calc(100% - 48px);border:1px solid #29292b;border-radius:26px;background:#141415;box-shadow:none;animation:none;transition:none}
.notes-quick button{position:relative;flex:1;min-width:44px;min-height:40px;font-size:13px;font-weight:400;color:#929294;border-radius:20px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:none;animation:none}
.notes-quick button[aria-pressed=true]{color:#b7b7ba;background:transparent}
.notes-quick button[aria-pressed=true]::after{content:'';position:absolute;bottom:5px;width:3px;height:3px;border-radius:50%;background:#77777c}
.notes-screen #notes-location,.notes-screen .notes-zones button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.notes-screen .notes-menu{position:absolute;z-index:8;inset:auto 16px calc(env(safe-area-inset-bottom,0px) + 90px);max-height:70%;overflow:auto;max-width:390px;margin-left:auto;border:1px solid #3c3c3e;background:#202022f8;border-radius:20px;padding:18px;box-shadow:0 8px 60px #000c;backdrop-filter:blur(20px)}
.notes-menu h2{font-size:18px;font-weight:600;margin:0 0 14px;color:#f5f5f5;letter-spacing:0}
.notes-menu p{font-size:14px;line-height:1.6;color:#b5b5b7;margin:10px 0}
.notes-menu .notes-menu-row{display:flex;gap:8px;flex-wrap:wrap}
.notes-menu button{display:flex;padding:12px 10px;font-size:14px;min-height:44px;border-radius:9px;line-height:1.4}
.notes-menu .notes-menu-row button{flex:1;background:#333335;border:1px solid #454548}
.notes-menu .notes-spread-list{display:grid;gap:8px}
.notes-menu .notes-spread-list button{display:flex;align-items:flex-start;flex-direction:column;gap:4px;background:#2c2c2e;border:1px solid #454548;text-align:left;font-weight:600}
.notes-spread-list small{color:#b4b4b8;font-size:12px;font-weight:400}
.notes-spread-words{color:#919196;font-size:12px;font-weight:400;line-height:1.4}
.notes-menu button[aria-pressed=true]{border-color:#eee;background:#454548}
.notes-menu .notes-menu-item{justify-content:flex-start;width:100%;border-top:1px solid #ffffff15;border-radius:0;padding:12px 2px}
.notes-menu .notes-menu-close{float:right;width:32px;min-width:32px;height:30px;min-height:30px;margin-top:-5px;margin-right:-7px}
.notes-screen .notes-menu-compact{top:calc(env(safe-area-inset-top,0px) + 69px);bottom:auto;left:auto;right:16px;width:216px;padding:12px 14px;border-radius:15px;background:#202022;box-shadow:none;backdrop-filter:none}
.notes-menu-compact h2{font-size:14px;margin-bottom:6px;font-weight:500;color:#aaa}
.notes-menu-compact .notes-menu-item{font-size:14px;padding:10px 2px}
.notes-help-steps{display:grid;gap:17px;margin:18px 0}
.notes-help-step{display:flex;gap:13px;align-items:flex-start}
.notes-help-icon{width:35px;min-width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#aaa;border:1px solid #424245;border-radius:9px}
.notes-help-icon svg{width:20px;height:20px}.notes-swipe-symbol{font-size:22px}
.notes-help-step strong{font-size:15px;font-weight:500}.notes-help-step p{font-size:13px;line-height:1.45;margin:3px 0 0}
.notes-help-legend{display:flex;gap:13px;align-items:center;font-size:12px;color:#999}
.notes-menu details{margin:12px 0;border-top:1px solid #ffffff15;padding-top:10px}.notes-menu summary{font-size:13px;color:#b3b3b6;cursor:pointer}.notes-menu details p{font-size:12px}
.notes-skip-help{display:flex;align-items:center;gap:8px;font-size:12px;color:#999;margin:15px 0 5px}.notes-skip-help input{width:15px;height:15px;accent-color:#888}
.notes-screen [hidden]{display:none!important}
.notes-screen.is-clean .notes-private{display:none!important}
.notes-screen.is-clean .notes-date{color:#777}
@media(min-width:650px){.notes-screen{width:430px;height:min(900px,96dvh);inset:2dvh auto auto calc(50% - 215px);border:1px solid #333;border-radius:28px}.notes-launch p{max-width:45ch}}
@media(max-width:440px){.notes-launch{align-items:flex-start;flex-direction:column;gap:9px}.notes-launch button{width:100%}}
@media(prefers-reduced-motion:reduce){.notes-screen *{scroll-behavior:auto!important;transition:none!important}}
.notes-copy-text{display:block;width:100%;box-sizing:border-box;min-height:130px;max-height:240px;padding:12px;border:1px solid #444;border-radius:10px;background:#151515;color:#f5f5f5;font:16px/1.65 system-ui,sans-serif;resize:vertical;user-select:text;-webkit-user-select:text}

/* Cues and choices stay outside the scrolling paper, even above a small keyboard. */
.notes-screen.is-typing{--notes-safe-bottom:0px}
.notes-screen .notes-dock{position:absolute;left:0;right:0;bottom:var(--notes-footer-height);padding:2px 24px 4px;background:#000;z-index:3;box-shadow:0 -8px 12px #000}
.notes-feedback:empty{display:none}
.notes-screen.is-short{--notes-content-top:calc(env(safe-area-inset-top,0px) + 108px);--notes-footer-height:calc(var(--notes-safe-bottom) + 56px);--notes-word-size:19px;--notes-line-height:27px}
.notes-screen.is-short .notes-top{padding-top:calc(env(safe-area-inset-top,0px) + 4px);padding-bottom:4px}
.notes-screen.is-short .notes-date{top:calc(env(safe-area-inset-top,0px) + 58px);height:46px}
.notes-screen.is-short .notes-bottom{padding-top:2px;padding-bottom:calc(var(--notes-safe-bottom) + 3px)}