:root{color-scheme:dark;font-family:IBM Plex Sans,system-ui,sans-serif;background:var(--bg, #0f1114)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--fg)}button{font:inherit}button:focus-visible{outline:2px solid var(--accent, #e2703a);outline-offset:3px}.app-shell{min-height:100dvh;background:var(--bg);color:var(--fg);overflow:hidden}.app-content{min-height:100dvh}.app-content--chrome{min-height:calc(100dvh - 56px)}.app-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:7px 14px 4px 8px}.header-back,.header-icon,.header-action,.text-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;color:inherit}.header-back{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:10px;color:var(--accent);font-size:14px;font-weight:500}.header-back__chevron{font-size:24px;line-height:.6;margin-top:-2px}.header-icon{border-radius:10px;padding:7px 10px;color:var(--dim);font-size:18px}.header-spacer{width:86px}.screen{width:min(100%,620px);margin:0 auto;padding:4px 20px 120px}.eyebrow,.section-label{color:var(--dim);font:500 11px IBM Plex Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.title-xl,.title-lg,.title-md{margin:0;color:var(--fg);font-family:var(--font-display);font-weight:600;letter-spacing:-.03em}.title-xl{font-size:clamp(30px,9vw,38px);line-height:1.12}.title-lg{font-size:31px;line-height:1.1}.title-md{font-size:27px;line-height:1.15}.copy{color:var(--dim);font-size:13px;line-height:1.55}.surface{background:var(--surface);border:1px solid var(--line)}.onboard{min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:max(40px,env(safe-area-inset-top)) 26px max(34px,env(safe-area-inset-bottom))}.onboard__eyebrow{color:var(--accent);letter-spacing:.14em}.onboard__lead{margin:14px 0 0;color:var(--dim);font-size:14.5px;line-height:1.6}.onboard__example{display:grid;gap:10px}.onboard__line{border-radius:18px;padding:16px;color:var(--dim);font:14px/1.6 IBM Plex Mono,monospace}.accent-text{color:var(--accent)}.onboard__arrow{color:var(--dim);text-align:center;font-size:16px}.onboard__folder{display:flex;align-items:center;gap:11px;padding:15px 16px;border:1px solid var(--accent-line);border-radius:18px;background:var(--surface)}.accent-dot{width:10px;height:10px;flex:none;border-radius:3px;background:var(--accent);box-shadow:0 0 14px var(--accent)}.onboard__folder-name{color:var(--fg);font:500 15px var(--font-display)}.mono-muted{color:var(--dim);font:11px IBM Plex Mono,monospace}.onboard__auto{margin-left:auto}.primary-button,.secondary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;text-align:center}.primary-button{width:100%;padding:16px;border-radius:16px;background:var(--accent);color:var(--on-accent);font-size:15px;font-weight:600;transition:transform .16s ease}.primary-button:hover{transform:translateY(-2px)}.screen-subtitle{margin:6px 0 18px;color:var(--dim);font-size:13px}.search{display:flex;align-items:center;gap:10px;height:44px;margin-bottom:22px;padding:0 14px;border-radius:15px;color:var(--dim);font-size:14px}.search__icon{font-size:17px}.folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.folder-card{position:relative;min-height:143px;overflow:hidden;padding:15px 14px 14px;border:1px solid var(--line);border-radius:21px;background:var(--surface);color:inherit;text-align:left;cursor:pointer;transition:transform .2s cubic-bezier(.22,.9,.28,1)}.folder-card:hover{transform:translateY(-4px)}.folder-card__glow{position:absolute;top:-46px;right:-34px;width:120px;height:120px;border-radius:50%;filter:blur(30px);opacity:.45}.folder-card__top,.template-card__top,.settings-row{display:flex;align-items:center;justify-content:space-between}.folder-card__top{position:relative;margin-bottom:30px}.folder-card__dot{width:9px;height:9px;border-radius:3px;box-shadow:0 0 12px currentColor}.folder-card__count{color:var(--dim);font:11px IBM Plex Mono,monospace}.folder-card__name{position:relative;color:var(--fg);font:500 16.5px/1.15 var(--font-display);letter-spacing:-.015em}.folder-card__last{position:relative;margin-top:5px;color:var(--dim);font-size:11.5px}.recent-label{margin:24px 0 6px}.recent-row{display:flex;width:100%;align-items:center;gap:13px;padding:13px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;text-align:left}.recent-row__bar{width:3px;height:32px;flex:none;border-radius:2px}.recent-row__body{min-width:0;flex:1}.recent-row__title{overflow:hidden;color:var(--fg);font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.recent-row__meta{margin-top:2px;color:var(--dim);font-size:11.5px}.chevron{color:var(--dim);font-size:18px}.template-callout{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:22px;padding:15px 16px;border:1px dashed var(--accent-line);border-radius:17px;background:var(--surface);color:inherit;cursor:pointer;text-align:left}.template-callout__title{display:block;color:var(--fg);font-size:14px;font-weight:500}.template-callout__description{display:block;margin-top:2px;color:var(--dim);font-size:11.5px}.folder-heading{display:flex;align-items:center;gap:11px}.folder-heading .accent-dot{width:12px;height:12px;border-radius:4px;box-shadow:0 0 16px var(--accent)}.color-picker{display:flex;align-items:center;gap:8px;margin:0 0 20px}.swatch{width:20px;height:20px;padding:0;border:0;border-radius:7px;cursor:pointer;outline:2px solid transparent;outline-offset:2px;transition:transform .16s}.swatch:hover{transform:scale(1.15)}.swatch--active{outline-color:var(--fg)}.note-list{display:flex;flex-direction:column;gap:10px}.note-card{width:100%;padding:15px 16px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:19px;background:var(--surface);color:inherit;cursor:pointer;text-align:left;transition:transform .2s cubic-bezier(.22,.9,.28,1)}.note-card:hover{transform:translate(4px)}.note-card__title{color:var(--fg);font:500 16px/1.25 var(--font-display);letter-spacing:-.015em}.note-card__snippet{margin-top:6px;color:var(--dim);font-size:13px;line-height:1.5}.note-card__meta{display:flex;gap:12px;margin-top:11px;color:var(--dim);font:11px IBM Plex Mono,monospace}.fab{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(34px,env(safe-area-inset-bottom));display:grid;width:58px;height:58px;place-items:center;border:0;border-radius:20px;background:var(--accent);box-shadow:0 10px 30px var(--accent-glow);color:var(--on-accent);cursor:pointer;font-size:30px;font-weight:300;transition:transform .18s cubic-bezier(.22,.9,.28,1)}.fab:hover{transform:translateY(-3px) rotate(90deg)}.note-screen{padding-right:22px;padding-left:22px}.note-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}.toolbar-button{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);cursor:pointer;padding:6px 12px;font-size:12.5px;font-weight:500}.toolbar-button--accent{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.markdown-raw{margin:0;color:var(--fg);font:13.5px/1.9 IBM Plex Mono,monospace;white-space:pre-wrap}.note-folder{color:var(--accent)}.note-title{margin-top:8px;font-size:27px;line-height:1.18}.divider{height:1px;margin:18px 0 4px;background:var(--line)}.note-blocks>*{animation:rise .44s cubic-bezier(.22,.9,.28,1) both}.note-blocks>*:nth-child(2){animation-delay:.06s}.note-blocks>*:nth-child(3){animation-delay:.1s}.note-blocks>*:nth-child(4){animation-delay:.14s}.note-blocks>*:nth-child(5){animation-delay:.18s}.note-paragraph{margin:0 0 12px;color:var(--body);font-size:15px;line-height:1.7}.note-heading{margin:22px 0 8px;color:var(--fg);font:600 18px/1.3 var(--font-display);letter-spacing:-.02em}.note-list-item{display:flex;gap:11px;margin:0 0 9px;color:var(--body);font-size:15px;line-height:1.65}.note-list-item:before{width:5px;height:5px;flex:none;margin-top:10px;border-radius:50%;background:var(--accent);content:""}.note-quote{margin:4px 0 14px;border-left:2px solid var(--accent);padding:2px 0 2px 14px;color:var(--dim);font-size:15px;font-style:italic;line-height:1.6}.note-footer{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--line);color:var(--dim);font:11px IBM Plex Mono,monospace}.template-list{display:flex;flex-direction:column;gap:10px}.template-card{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:19px;background:var(--surface);color:inherit;cursor:pointer;text-align:left}.template-card__name{color:var(--fg);font:500 15.5px var(--font-display)}.template-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.chip{padding:4px 9px;border-radius:8px;background:var(--chip);color:var(--dim);font:11px IBM Plex Mono,monospace}.settings-section{margin-bottom:26px}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.theme-card{overflow:hidden;padding:0;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--fg);cursor:pointer;text-align:left}.theme-card--active{border-color:var(--accent)}.theme-card__preview{display:flex;height:56px;align-items:center;gap:7px;padding:0 13px}.theme-card__swatch{width:22px;height:22px;border-radius:7px;background:var(--accent)}.theme-card__lines{flex:1}.theme-card__line{height:5px;margin-bottom:5px;border-radius:3px}.theme-card__line--short{width:60%}.theme-card__label{display:flex;justify-content:space-between;padding:9px 13px;background:var(--surface);font-size:12.5px;font-weight:500}.font-options{display:grid;gap:8px;margin-top:10px}.font-option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--fg);cursor:pointer;text-align:left}.font-option--active{border-color:var(--accent-line)}.font-option__name{font-size:19px;font-weight:500}.settings-panel{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.settings-row{width:100%;gap:18px;padding:15px 16px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left}.settings-row:last-child{border-bottom:0}.settings-row__title{color:var(--fg);font-size:14px;font-weight:500}.settings-row__description{margin-top:3px;color:var(--dim);font-size:11.5px;line-height:1.4}.switch{width:44px;height:26px;flex:none;border-radius:13px;padding:3px;background:var(--chip);transition:background .22s}.switch--on{background:var(--accent)}.switch__thumb{width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .22s cubic-bezier(.22,.9,.28,1)}.switch--on .switch__thumb{transform:translate(18px)}.language-toggle{display:flex;gap:4px;padding:3px;border-radius:11px;background:var(--chip)}.language-toggle span{padding:5px 11px;border-radius:8px;color:var(--dim);font-size:12px;font-weight:500}.language-toggle .active{background:var(--accent);color:var(--on-accent)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ai-sheet{position:fixed;right:0;bottom:0;left:0;display:flex;max-height:76dvh;flex-direction:column;border-top:1px solid var(--line);border-radius:28px 28px 0 0;background:var(--sheet);box-shadow:0 -20px 50px #0006}.sheet-handle{width:38px;height:4px;margin:12px auto 0;border-radius:2px;background:var(--line)}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 20px 12px}.sheet-title{color:var(--fg);font:600 19px var(--font-display);letter-spacing:-.02em}.sheet-subtitle{margin-top:4px;color:var(--dim);font-size:12px}.sheet-close{border:0;background:transparent;color:var(--dim);cursor:pointer;font-size:19px}.sheet-content{overflow-y:auto;padding:0 20px 16px}.ai-actions{display:grid;gap:9px;padding-bottom:8px}.ai-action{display:flex;align-items:center;gap:13px;width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:inherit;cursor:pointer;text-align:left}.ai-action__icon{display:grid;width:32px;height:32px;flex:none;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font:500 14px IBM Plex Mono,monospace}.ai-action__body{flex:1}.ai-action__name{display:block;color:var(--fg);font-size:14.5px;font-weight:500}.ai-action__desc{display:block;margin-top:2px;color:var(--dim);font-size:11.5px;line-height:1.4}.diff-list{display:grid;gap:11px}.diff-card{overflow:hidden;border:1px solid var(--accent-line);border-radius:18px;background:var(--surface)}.diff-card--muted{opacity:.45}.diff-card__header{display:flex;gap:8px;padding:11px 15px 9px;border-bottom:1px solid var(--line)}.diff-card__kind{color:var(--accent);font:500 11px IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.diff-card__status{margin-left:auto;color:var(--dim);font:11px IBM Plex Mono,monospace}.diff-card__body{padding:12px 15px}.diff-before{color:var(--dim);font-size:13px;line-height:1.55;text-decoration:line-through;text-decoration-color:#e2703a99;white-space:pre-wrap}.diff-after{margin-top:8px;border-left:2px solid var(--accent);padding-left:10px;color:var(--fg);font-size:13.5px;line-height:1.6;white-space:pre-wrap}.diff-actions{display:flex;gap:8px;padding:0 15px 13px}.diff-actions button{flex:1;border:0;border-radius:11px;cursor:pointer;padding:9px;font-size:12.5px;font-weight:500}.diff-apply{background:var(--accent);color:var(--on-accent)}.diff-reject{background:var(--chip);color:var(--dim)}.sheet-footer{display:flex;gap:9px;padding:12px 20px max(26px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.sheet-footer button{border:0;border-radius:15px;cursor:pointer;padding:15px;font-size:14.5px}.sheet-footer .primary-button{flex:1}.sheet-later{background:var(--chip);color:var(--dim)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 700px){.app-shell{width:min(100%,520px);min-height:844px;margin:24px auto;border-radius:34px;box-shadow:0 24px 60px #00000047}.fab{right:calc(50% - 238px);bottom:48px}}