:root{--ink:#292524;--ink-soft:#625d59;--muted:#8e8984;--faint:#aaa6a1;--line:#e7e5e1;--line-soft:#efede9;--canvas:#f3f4f4;--paper:#fff;--blue:#5b7fbf;--blue-deep:#3a5a8a;--blue-soft:#e7edf7;--coral:#e8836b;--green:#5d988f;--danger:#d65c5c;--sidebar-width:244px;--list-width:358px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{color:inherit;font:inherit}button{border:0}button,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #5b7fbf3d}::selection{background:#5b7fbf33}.brand-mark{align-items:center;gap:10px;width:fit-content;display:inline-flex}.brand-arrow{color:#fff;background:linear-gradient(145deg,#6f90c9,#4c70ad);border-radius:11px;place-items:center;width:34px;height:34px;font-size:21px;font-weight:650;line-height:1;display:grid;box-shadow:0 8px 20px #496aa438}.brand-word{letter-spacing:-.04em;font-size:24px;font-weight:740}.brand-mark--compact .brand-arrow{border-radius:15px;width:46px;height:46px;font-size:26px}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:730}.spinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:14px;height:14px;animation:.72s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-shell{background:#f7f7f5;grid-template-columns:minmax(520px,1.04fr) minmax(430px,.96fr);min-height:100vh;display:grid}.auth-story{background:linear-gradient(150deg,#eef2f7f5,#e1e8eef0),#e5ebef;min-height:100vh;position:relative;overflow:hidden}.auth-story:after{content:"";border:1px solid #fff9;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-130px;right:-80px}.auth-story-content{z-index:2;flex-direction:column;width:min(620px,100% - 112px);min-height:100vh;margin:0 auto;padding:56px 0 42px;display:flex;position:relative}.story-copy{margin-top:clamp(72px,11vh,130px)}.story-copy h1{letter-spacing:-.065em;max-width:590px;margin:0;font-size:clamp(42px,4.1vw,66px);font-weight:630;line-height:1.13}.story-lead{color:#6f7476;max-width:460px;margin:28px 0 0;font-size:16px;line-height:1.85}.story-note-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffad;border:1px solid #ffffffc7;border-radius:6px 22px 22px;width:min(480px,92%);margin-top:clamp(60px,10vh,100px);margin-left:auto;padding:27px 29px 24px;transform:rotate(-1.35deg);box-shadow:0 26px 70px #47555d21}.story-note-meta{color:#919a9e;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:11px;display:flex}.story-note-card h2{letter-spacing:-.035em;margin:18px 0 13px;font-size:21px;font-weight:650}.story-note-card p{color:#6e7476;margin:0;font-family:Songti SC,STSong,serif;font-size:14px;line-height:1.9}.story-note-tags{gap:7px;margin-top:20px;display:flex}.story-note-tags span{color:var(--blue);background:#5b7fbf17;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:650}.story-footnote{color:#99a0a3;letter-spacing:.14em;margin:auto 0 0;font-size:11px}.story-orb{filter:blur(8px);border-radius:999px;position:absolute}.story-orb--one{background:#a0b2c033;width:280px;height:280px;top:17%;right:-90px}.story-orb--two{background:#aab8a72e;width:220px;height:220px;bottom:9%;left:-80px}.auth-panel{background:#fbfbfa;place-items:center;min-height:100vh;padding:56px 8vw;display:grid}.auth-card{width:min(390px,100%)}.mobile-brand{display:none}.auth-heading h2{letter-spacing:-.05em;margin:0;font-size:32px;font-weight:660}.auth-heading>p:last-child{color:var(--muted);margin:11px 0 0;font-size:13px;line-height:1.6}.auth-tabs{background:#efefed;border-radius:12px;grid-template-columns:1fr 1fr;margin:30px 0 25px;padding:4px;display:grid}.auth-tabs button{height:38px;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;font-size:13px;font-weight:620}.auth-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #2f2d2b12}.auth-form{flex-direction:column;gap:17px;margin-top:26px;display:flex}.auth-tabs+.auth-form{margin-top:0}.auth-form label{flex-direction:column;gap:8px;display:flex}.auth-form label>span{color:var(--ink-soft);font-size:12px;font-weight:610}.auth-form input,.profile-field input{background:#fff;border:1px solid #dfdedb;border-radius:11px;width:100%;height:48px;padding:0 14px;font-size:13px;transition:border-color .16s,box-shadow .16s}.auth-form input::placeholder,.profile-field input::placeholder{color:#b2afab}.auth-form input:focus,.profile-field input:focus{border-color:#5b7fbfa6;outline:none;box-shadow:0 0 0 4px #5b7fbf14}.code-input{grid-template-columns:1fr 104px;gap:8px;display:grid}.code-input button{background:var(--blue-soft);color:var(--blue-deep);cursor:pointer;border:1px solid #dfe4eb;border-radius:11px;font-size:11px;font-weight:650}.code-input button:disabled{cursor:default;opacity:.55}.primary-auth-button{background:var(--ink);color:#fff;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:49px;margin-top:4px;font-size:13px;font-weight:640;transition:transform .16s,background .16s;display:flex;box-shadow:0 10px 24px #29252424}.primary-auth-button:hover{background:#373231;transform:translateY(-1px)}.primary-auth-button:disabled{cursor:wait;opacity:.7}.primary-auth-button span:last-child{font-size:16px}.link-button{color:var(--muted);cursor:pointer;background:0 0;align-self:center;padding:3px 8px;font-size:11px}.link-button:hover{color:var(--blue)}.form-message{border-radius:9px;padding:10px 12px;font-size:11px;line-height:1.45}.form-message--error{color:#b34848;background:#d65c5c14}.form-message--notice{color:#467e76;background:#5d988f17}.auth-server-status{color:#aaa6a1;justify-content:center;align-items:center;gap:7px;margin:30px 0 0;font-size:10px;display:flex}.auth-server-status span{background:#71a89f;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #71a89f1a}.workspace-shell{grid-template-columns:var(--sidebar-width) var(--list-width) minmax(480px, 1fr);background:var(--canvas);min-width:980px;height:100vh;display:grid;overflow:hidden}.workspace-sidebar{z-index:4;background:#edf0f1;border-right:1px solid #e2e3e3;flex-direction:column;min-width:0;min-height:0;padding:22px 14px 14px;display:flex;position:relative}.sidebar-top{padding:4px 8px 18px}.sidebar-compose{background:var(--blue);color:#fff;cursor:pointer;border-radius:11px;align-items:center;gap:8px;width:100%;height:42px;margin-top:25px;padding:0 12px;font-size:12px;font-weight:650;transition:transform .15s,background .15s;display:flex;box-shadow:0 8px 18px #5b7fbf33}.sidebar-compose:hover{background:#5276b4;transform:translateY(-1px)}.sidebar-compose>span{font-size:17px;font-weight:400}kbd{font-family:var(--font-geist-sans), sans-serif}.sidebar-compose kbd{color:#ffffffa6;margin-left:auto;font-size:9px;font-weight:550}.primary-nav,.sidebar-group{flex-direction:column;gap:3px;display:flex}.primary-nav>button,.sidebar-group>button{color:#666968;cursor:pointer;text-align:left;background:0 0;border-radius:9px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-width:0;height:38px;padding:0 11px;font-size:12px;display:grid}.primary-nav>button:hover,.sidebar-group>button:hover,.primary-nav>button.active,.sidebar-group>button.active{color:var(--ink);background:#ffffffa8}.primary-nav>button.active,.sidebar-group>button.active{font-weight:630;box-shadow:0 1px 4px #4246480d}.primary-nav em,.sidebar-group em{color:#a0a3a2;font-size:10px;font-style:normal}.nav-icon{color:#77828a;text-align:center;font-size:15px}.sidebar-scroll{scrollbar-width:none;flex:1;min-height:0;margin:18px -2px 8px;padding:0 2px;overflow-y:auto}.sidebar-group+.sidebar-group{margin-top:22px}.sidebar-label{color:#999d9e;letter-spacing:.12em;text-transform:uppercase;margin:0;padding:0 11px 8px;font-size:9px;font-weight:700}.tag-dot{border-radius:50%;width:8px;height:8px;margin-left:5px;box-shadow:inset 0 0 0 1px #0000000d}.book-glyph{color:#899293;text-align:center;font-size:15px}.sidebar-group button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-profile{cursor:pointer;text-align:left;background:0 0;border-radius:11px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-width:0;padding:10px 9px;display:grid}.sidebar-profile:hover,.sidebar-profile.active{background:#fff9}.avatar{color:#fff;background:linear-gradient(140deg,#a6b7b0,#738e8d);border:1px solid #ffffffa6;border-radius:11px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.sidebar-profile>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-profile strong,.sidebar-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-profile strong{font-size:11px;font-weight:650}.sidebar-profile small{color:#999d9e;font-size:8px}.sidebar-profile>span:last-child{color:#a4a7a7;letter-spacing:1px;font-size:9px}.mobile-menu-button,.mobile-scrim{display:none}.note-list-panel{z-index:2;border-right:1px solid var(--line);background:#f7f7f6;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.list-header{justify-content:space-between;align-items:flex-end;padding:29px 24px 19px;display:flex}.list-header p{color:var(--faint);letter-spacing:.1em;margin:0 0 5px;font-size:9px;font-weight:670}.list-header h1{letter-spacing:-.045em;margin:0;font-size:23px;font-weight:670}.list-header>button{border:1px solid var(--line);width:34px;height:34px;color:var(--blue);cursor:pointer;background:#fff;border-radius:10px;place-items:center;font-size:19px;display:grid;box-shadow:0 3px 10px #2925240d}.search-field{color:#999792;background:#ececea;border:1px solid #e3e2df;border-radius:11px;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;height:39px;margin:0 20px;padding:0 11px;display:grid}.search-field:focus-within{background:#fff;border-color:#5b7fbf59;box-shadow:0 0 0 3px #5b7fbf0f}.search-field>span{font-size:20px;line-height:1;transform:rotate(-16deg)}.search-field input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.search-field input::placeholder{color:#aaa7a2}.search-field kbd{color:#aaa7a2;background:#fff9;border:1px solid #dddbd7;border-radius:5px;padding:3px 5px;font-size:8px}.list-summary{color:#a3a09b;justify-content:space-between;align-items:center;height:43px;padding:0 23px;font-size:9px;display:flex}.list-summary button{color:var(--blue);cursor:pointer;background:0 0;font-size:9px}.note-list{scrollbar-color:#d9d7d2 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:0 12px 18px;overflow-y:auto}.note-list-card{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;width:100%;min-height:142px;margin-bottom:7px;padding:16px 17px 15px 19px;transition:background .14s,border-color .14s,transform .14s;display:flex;position:relative;overflow:hidden}.note-list-card:hover{background:#ffffffb3}.note-list-card.active{background:#fff;border-color:#e0e4e7;box-shadow:0 8px 22px #34312f0f}.card-color{border-radius:0 99px 99px 0;width:3px;position:absolute;top:15px;bottom:15px;left:0;box-shadow:inset 0 0 0 1px #0000000a}.note-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.note-card-top time,.note-card-top em{color:#a5a19d;font-size:8px;font-style:normal}.note-card-top em{background:#f1f1ef;border-radius:99px;padding:3px 6px}.note-list-card>strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:670;overflow:hidden}.note-excerpt{color:#7e7975;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-family:Songti SC,STSong,serif;font-size:11px;line-height:1.65;display:-webkit-box;overflow:hidden}.note-card-tags{gap:7px;margin-top:auto;padding-top:10px;display:flex}.note-card-tags i{color:#8491a3;font-size:8px;font-style:normal;font-weight:580}.empty-list{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:30px;display:flex}.empty-list>span{background:var(--blue-soft);width:50px;height:50px;color:var(--blue);border-radius:17px;place-items:center;font-family:serif;font-size:22px;display:grid}.empty-list h2{margin:18px 0 7px;font-size:15px}.empty-list p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.empty-list button,.focus-empty button{background:var(--blue);color:#fff;cursor:pointer;border-radius:9px;margin-top:20px;padding:9px 14px;font-size:10px}.editor-panel{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.editor-toolbar{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;height:61px;min-height:61px;padding:0 18px 0 24px;display:flex}.sync-status{color:#9b9893;align-items:center;gap:7px;min-width:78px;font-size:9px;display:flex}.sync-status>span{background:#79a79f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #79a79f1a}.sync-status.failed{color:var(--danger)}.sync-status.failed>span{background:var(--danger)}.view-switch{background:#f1f1ef;border-radius:9px;height:31px;margin-left:auto;padding:3px;display:flex}.view-switch button{color:#999590;cursor:pointer;background:0 0;border-radius:7px;min-width:48px;padding:0 11px;font-size:9px}.view-switch button.active{color:var(--ink);background:#fff;font-weight:650;box-shadow:0 1px 5px #29252412}.toolbar-save{background:var(--ink);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:52px;height:31px;padding:0 13px;font-size:9px;font-weight:630;display:flex}.toolbar-save:disabled{opacity:.7}.toolbar-more{color:#9f9b96;cursor:pointer;letter-spacing:1px;background:0 0;border-radius:8px;width:31px;height:31px;font-size:9px}.toolbar-more:hover{color:var(--danger);background:#f3f2f0}.editor-scroll{flex:1;min-height:0;overflow-y:auto}.editor-canvas{flex-direction:column;width:min(780px,100% - 72px);min-height:calc(100vh - 61px);margin:0 auto;padding:58px 36px 30px;display:flex;position:relative}.editor-canvas:before{background:var(--note-tint);content:"";border:1px solid #0000000d;border-radius:50%;width:12px;height:12px;position:absolute;top:34px;right:2px}.editor-meta-row{color:#aaa7a2;justify-content:space-between;align-items:center;font-size:9px;display:flex}.type-pill{color:#617796;cursor:pointer;background:#eef1f5;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:620}.editor-title{width:100%;font-family:var(--font-geist-sans), "PingFang SC", sans-serif;letter-spacing:-.06em;background:0 0;border:0;outline:0;margin:26px 0 12px;padding:0;font-size:clamp(30px,3vw,42px);font-weight:650;line-height:1.2}.editor-title::placeholder{color:#c8c5c1}.editor-tags{flex-wrap:wrap;align-items:center;gap:7px;min-height:30px;margin-bottom:24px;display:flex}.editor-tags button{color:#627fae;cursor:pointer;background:#5b7fbf14;border-radius:99px;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:9px;font-weight:580;display:flex}.editor-tags button span{opacity:0;transition:opacity .12s}.editor-tags button:hover span{opacity:.75}.editor-tags input{width:95px;height:25px;color:var(--muted);background:0 0;border:0;outline:0;padding:0 4px;font-size:9px}.editor-tags input::placeholder{color:#aaa7a2}.editor-content{resize:none;color:#494543;background:0 0;border:0;outline:0;flex:1;width:100%;min-height:440px;padding:0;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:15px;line-height:2}.editor-content::placeholder{color:#c2bfbb}.markdown-preview{color:#494543;overflow-wrap:anywhere;flex:1;min-height:420px;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:15px;line-height:2}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{font-family:var(--font-geist-sans), "PingFang SC", sans-serif;letter-spacing:-.03em}.markdown-preview h1{margin:28px 0 12px;font-size:25px}.markdown-preview h2{margin:24px 0 8px;font-size:20px}.markdown-preview h3{margin:18px 0 5px;font-size:16px}.markdown-preview p{white-space:pre-wrap;margin:0}.markdown-preview blockquote{color:#6c6865;background:#f6f7f8;border-left:3px solid #a5b3c9;margin:18px 0;padding:10px 18px}.preview-list-item{align-items:flex-start;gap:9px;display:flex}.preview-list-item>span{min-width:14px;color:var(--blue)}.preview-spacer{height:13px}.editor-footer{border-top:1px solid var(--line-soft);color:#aaa7a2;justify-content:space-between;align-items:center;min-height:52px;margin-top:25px;padding-top:17px;font-size:9px;display:flex}.color-picker{align-items:center;gap:7px;display:flex}.color-picker>span{margin-right:2px}.color-picker button{cursor:pointer;border:1px solid #00000012;border-radius:50%;width:15px;height:15px}.color-picker button.active{box-shadow:0 0 0 2px white, 0 0 0 3px var(--blue)}.empty-editor{text-align:center;background:radial-gradient(circle at 50% 40%,#f9fafb,#fff 52%);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.empty-editor h1{letter-spacing:-.04em;margin:22px 0 8px;font-size:20px;font-weight:650}.empty-editor p{color:var(--muted);margin:0;font-size:11px}.empty-editor button{background:var(--ink);color:#fff;cursor:pointer;border-radius:9px;margin-top:24px;padding:10px 15px;font-size:10px}.focus-page{background:#f8f8f6;grid-column:2/4;min-width:0;min-height:0;overflow-y:auto}.focus-header{justify-content:space-between;align-items:flex-end;gap:24px;width:min(940px,100% - 96px);margin:0 auto;padding:58px 0 34px;display:flex}.focus-header h1{letter-spacing:-.055em;margin:0;font-size:34px;font-weight:650}.focus-header div>p:last-child{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.6}.focus-header>button{border:1px solid var(--line);height:37px;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:10px;display:flex}.review-card{border:1px solid var(--line);background:#fff;border-radius:3px 22px 22px;width:min(790px,100% - 96px);min-height:530px;margin:8px auto 80px;padding:58px 70px 42px;position:relative;box-shadow:0 25px 80px #37333014}.review-card:before{background:var(--note-tint);content:"";border-radius:3px 22px 0 0;width:100%;height:7px;position:absolute;top:0;left:0}.review-date{color:#a5a19d;justify-content:space-between;align-items:center;font-size:9px;display:flex}.review-date span:last-child{background:var(--blue-soft);color:var(--blue-deep);border-radius:99px;padding:5px 9px}.review-card>h2{letter-spacing:-.05em;margin:34px 0 24px;font-size:32px;font-weight:650}.review-card .markdown-preview{min-height:280px;font-size:16px}.review-footer{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;margin-top:36px;padding-top:18px;display:flex}.review-footer>div{gap:9px;display:flex}.review-footer>div span{color:var(--blue);font-size:9px}.review-footer button{color:var(--ink);cursor:pointer;background:0 0;font-size:10px;font-weight:620}.review-footer button span{color:var(--blue);margin-left:5px}.focus-empty{text-align:center;background:#ffffff8c;border:1px dashed #dcd9d4;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;width:min(790px,100% - 96px);min-height:430px;margin:12px auto;display:flex}.focus-empty>span{color:var(--blue);font-size:36px}.focus-empty h2{margin:18px 0 7px;font-size:20px}.focus-empty p{color:var(--muted);margin:0;font-size:11px}.profile-grid{grid-template-columns:1fr 1fr;gap:16px;width:min(940px,100% - 96px);margin:8px auto 80px;display:grid}.profile-card{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:0;padding:27px;box-shadow:0 12px 35px #3733300a}.profile-card--identity{background:linear-gradient(130deg,#eef2f5,#f4f0ec);grid-column:span 2;align-items:center;gap:20px;min-height:165px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(145deg,#9eb0aa,#6b8685);border:2px solid #ffffffbf;border-radius:26px;place-items:center;width:78px;height:78px;font-size:27px;font-weight:700;display:grid;box-shadow:0 14px 28px #445e5d29}.profile-card--identity p{color:var(--muted);margin:0 0 5px;font-size:10px}.profile-card--identity h2{letter-spacing:-.04em;margin:0 0 7px;font-size:25px}.profile-card--identity span{color:#87837f;font-size:11px}.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.card-heading h2{letter-spacing:-.035em;margin:0;font-size:18px}.card-heading>span{color:var(--faint);font-size:9px}.profile-field{flex-direction:column;gap:8px;margin-top:25px;display:flex}.profile-field>span{color:var(--ink-soft);font-size:10px;font-weight:620}.profile-save{background:var(--ink);color:#fff;cursor:pointer;border-radius:9px;height:37px;margin-top:14px;padding:0 14px;font-size:10px}.stats-row{grid-template-columns:repeat(3,1fr);margin-top:29px;display:grid}.stats-row>div{border-left:1px solid var(--line-soft);flex-direction:column;gap:6px;padding:2px 14px;display:flex}.stats-row>div:first-child{border-left:0;padding-left:0}.stats-row strong{letter-spacing:-.04em;font-size:24px}.stats-row span{color:var(--muted);font-size:9px}.profile-card--session{grid-column:span 2;justify-content:space-between;align-items:center;gap:18px;display:flex}.profile-card--session h2{margin:0 0 8px;font-size:17px}.profile-card--session div>span{color:var(--muted);font-size:10px}.profile-card--session>button{color:var(--danger);cursor:pointer;background:#d65c5c0f;border:1px solid #d65c5c33;border-radius:9px;flex:none;padding:9px 13px;font-size:10px}.toast{z-index:20;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#292524eb;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:9px;min-height:42px;padding:0 16px;font-size:10px;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 14px 35px #29252433}.toast span{color:#8fd1c5}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,7px)}}.app-loading,.app-error{background:#f3f5f5;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-line{background:#dde1e3;border-radius:99px;width:150px;height:2px;margin-top:28px;overflow:hidden}.loading-line span{border-radius:inherit;background:var(--blue);width:50%;height:100%;animation:1.2s ease-in-out infinite loading-slide;display:block}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(200%)}}.app-loading>p{color:var(--muted);margin:14px 0 0;font-size:10px}.app-error h1{margin:28px 0 8px;font-size:23px}.app-error p{color:var(--muted);margin:0;font-size:11px}.app-error button{background:var(--ink);color:#fff;cursor:pointer;border-radius:9px;margin-top:22px;padding:10px 15px;font-size:10px}@media (width<=1180px){:root{--sidebar-width:218px;--list-width:326px}.editor-canvas{width:calc(100% - 34px);padding-left:24px;padding-right:24px}.story-copy h1{font-size:47px}}@media (width<=900px){.auth-shell{display:block}.auth-story{display:none}.auth-panel{padding:42px 24px}.mobile-brand{margin-bottom:55px;display:block}.workspace-shell{grid-template-columns:minmax(290px,40%) minmax(0,1fr);min-width:0}.workspace-sidebar{width:250px;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:18px 0 50px #2925242e}.workspace-sidebar.is-open{transform:translate(0)}.mobile-menu-button{z-index:8;border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-radius:10px;place-items:center;width:34px;height:34px;font-size:13px;display:grid;position:fixed;top:14px;left:13px;box-shadow:0 5px 18px #2925241a}.mobile-scrim{z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2925242e;display:block;position:fixed;inset:0}.list-header{padding-left:56px}.focus-page{grid-column:1/3}.focus-header{padding-left:30px}}@media (width<=680px){.workspace-shell{height:auto;min-height:100vh;display:block;overflow:visible}.note-list-panel{min-height:100vh}.editor-panel{z-index:6;display:none;position:fixed;inset:0}.note-list-panel:has(+.editor-panel .editor-canvas){display:none}.note-list-panel+.editor-panel:has(.editor-canvas){display:flex}.editor-toolbar{padding-left:52px}.editor-canvas{width:100%;padding:45px 25px 24px}.editor-title{font-size:31px}.view-switch{display:none}.focus-page{min-height:100vh}.focus-header,.review-card,.profile-grid,.focus-empty{width:calc(100% - 34px)}.focus-header{flex-direction:column;align-items:flex-start;padding:72px 0 28px}.review-card{padding:42px 28px 30px}.profile-grid{flex-direction:column;display:flex}.profile-card--identity,.profile-card--session{grid-column:auto}.profile-card--session{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.workspace-shell{background:#f6f7f6;grid-template-columns:minmax(340px,430px) minmax(0,1fr);width:min(1680px,100%);min-width:980px;height:100vh;margin:0 auto;display:grid;position:relative;overflow:hidden}.workspace-shell:before{z-index:20;content:"";background:#c8e2dc;height:2px;position:fixed;top:0;left:0;right:0}.workspace-sidebar{z-index:4;background:#fafbfa;border-right:0;padding:42px 36px 28px}.sidebar-identity{cursor:pointer;text-align:left;background:0 0;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;width:100%;padding:0;display:grid}.sidebar-identity strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:720;overflow:hidden}.sidebar-identity span{color:#fff;background:#303231;border-radius:4px;padding:3px 5px;font-size:9px;font-style:normal;font-weight:720}.sidebar-identity i{color:#a6aaa7;letter-spacing:1px;justify-self:end;font-size:10px;font-style:normal}.sidebar-stats{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;display:grid}.sidebar-stats div{flex-direction:column;gap:7px;display:flex}.sidebar-stats strong{color:#999d9a;letter-spacing:-.04em;font-size:30px;font-weight:620}.sidebar-stats span{color:#9b9f9c;font-size:13px;font-weight:560}.activity-calendar{margin-top:23px}.activity-grid{grid-template-rows:repeat(7,1fr);grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.activity-grid span{aspect-ratio:1;background:#eff1ef;border-radius:4px;box-shadow:inset 0 0 0 1px #252d2904}.activity-grid .level-1{background:#d8f0df}.activity-grid .level-2{background:#a9dfba}.activity-grid .level-3{background:#65cc84}.activity-months{color:#9a9e9b;grid-template-columns:repeat(3,1fr);margin-top:8px;font-size:12px;display:grid}.activity-months span:nth-child(2){text-align:center}.activity-months span:last-child{text-align:right}.workspace-sidebar .primary-nav{gap:3px;margin-top:25px}.workspace-sidebar .primary-nav>button,.workspace-sidebar .sidebar-group>button{color:#303332;border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;height:44px;padding:0 12px;font-size:14px;font-weight:540}.workspace-sidebar .primary-nav>button:hover,.workspace-sidebar .sidebar-group>button:hover{background:#f1f3f1}.workspace-sidebar .primary-nav>button.active,.workspace-sidebar .sidebar-group>button.active{box-shadow:none;color:#fff;background:#65ce84;font-weight:650}.workspace-sidebar .nav-icon{color:currentColor;font-size:17px}.workspace-sidebar .sidebar-scroll{margin:26px 0 0;padding:0}.workspace-sidebar .sidebar-label{color:#a3a6a4;letter-spacing:0;text-transform:none;padding:0 12px 10px;font-size:11px;font-weight:540}.tag-hash{color:currentColor;text-align:center;font-size:18px}.notes-feed-page{scroll-behavior:smooth;scrollbar-color:#dadeda transparent;scrollbar-width:thin;background:#f6f7f6;min-width:0;min-height:0;padding:37px 54px 72px;position:relative;overflow-y:auto}.feed-header{justify-content:space-between;align-items:flex-start;gap:28px;min-height:56px;display:flex}.feed-title{cursor:pointer;letter-spacing:-.04em;background:0 0;align-items:center;gap:10px;min-height:44px;padding:0;font-size:21px;font-weight:690;display:flex}.feed-title span{color:#8f9491;font-size:15px;font-weight:500}.feed-search{color:#989c99;background:#e9eae9;border-radius:16px;grid-template-columns:24px 1fr auto auto;align-items:center;gap:8px;width:min(330px,42%);height:48px;padding:0 15px;display:grid}.feed-search>span{font-size:24px;line-height:1;transform:rotate(-14deg)}.feed-search input{background:0 0;border:0;outline:0;min-width:0;font-size:14px}.feed-search input::placeholder{color:#a1a4a2}.feed-search kbd{color:#9ca09d;font-size:13px}.feed-search button{color:#777c79;cursor:pointer;background:#d9dbd9;border-radius:50%;width:22px;height:22px}.quick-composer{background:#fff;border:1.5px solid #5fd17f;border-radius:17px;min-height:164px;margin-top:12px;padding:22px 20px 13px;box-shadow:0 8px 22px #2c443312}.quick-composer:focus-within{border-color:#39bd64;box-shadow:0 0 0 3px #52cc7617,0 10px 26px #2c443314}.quick-composer textarea{resize:none;color:#353936;background:0 0;border:0;outline:0;width:100%;min-height:82px;padding:0 4px;font-family:inherit;font-size:17px;line-height:1.65}.quick-composer textarea::placeholder{color:#a8aca9}.composer-toolbar{justify-content:space-between;align-items:center;min-height:40px;display:flex}.composer-toolbar>div{align-items:center;gap:4px;display:flex}.composer-toolbar>div>button{color:#929693;cursor:pointer;background:0 0;border-radius:8px;place-items:center;width:35px;height:34px;font-size:20px;display:grid}.composer-toolbar>div>button:hover{color:#555b57;background:#f1f4f1}.composer-toolbar>div>span{background:#e7e9e7;width:1px;height:23px;margin:0 5px}.composer-send{color:#fff;cursor:pointer;background:#5dcc7d;border-radius:11px;place-items:center;width:56px;height:39px;font-size:21px;display:grid}.composer-send:disabled{cursor:default;background:#d8dad8}.feed-summary{color:#a0a4a1;justify-content:space-between;align-items:center;height:44px;padding:0 2px;font-size:11px;display:flex}.feed-summary button{color:#6c9c78;cursor:pointer;background:0 0;font-size:11px}.feed-list{flex-direction:column;gap:14px;display:flex}.feed-note-card{cursor:pointer;background:#fff;border:1px solid #f0f1f0;border-radius:18px;padding:25px 24px 27px;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden;box-shadow:0 1px #21262303}.feed-note-card:hover{border-color:#e1e7e2;transform:translateY(-1px);box-shadow:0 10px 30px #2c3a310d}.feed-note-card:focus-visible{outline-offset:2px;outline:3px solid #59cd7a2e}.feed-note-card>header{justify-content:space-between;align-items:center;display:flex}.feed-note-card time{color:#a2a6a3;font-size:12px}.feed-note-more{color:#989c99;letter-spacing:1px;padding:5px 2px;font-size:11px}.feed-note-tags{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.feed-note-tags span{color:#6c92e5;background:#eef3ff;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:580}.feed-note-card h2{color:#343936;letter-spacing:-.02em;margin:17px 0 9px;font-size:17px;font-weight:650}.feed-note-content{color:#414642;max-height:250px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}.feed-note-content .markdown-preview{min-height:0;color:inherit;font-family:inherit;font-size:15px;line-height:1.95}.feed-note-content .markdown-preview h1,.feed-note-content .markdown-preview h2,.feed-note-content .markdown-preview h3{margin:13px 0 7px;font-size:16px}.feed-note-content .preview-spacer{height:9px}.scroll-top{z-index:3;color:#303532;cursor:pointer;background:#fffffff0;border:1px solid #e4e7e4;border-radius:50%;place-items:center;width:47px;height:47px;font-size:20px;display:grid;position:fixed;bottom:28px;right:max(42px,50vw - 802px);box-shadow:0 8px 24px #303b3312}.editor-modal-layer{z-index:30;place-items:center;padding:34px;display:grid;position:fixed;inset:0}.editor-modal-scrim{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#232b2657;position:absolute;inset:0}.editor-modal{z-index:1;background:#fff;border:1px solid #ffffffc7;border-radius:22px;flex-direction:column;width:min(960px,100vw - 68px);height:min(820px,100vh - 68px);min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 90px #1e27213d}.editor-modal .editor-toolbar{min-height:64px;padding-left:20px;padding-right:20px}.editor-close{color:#6e746f;cursor:pointer;background:0 0;border-radius:9px;height:34px;padding:0 11px;font-size:11px}.editor-close:hover{background:#f2f4f2}.editor-modal .editor-canvas{min-height:100%;padding-top:44px;padding-bottom:42px}.focus-page{grid-column:2/3}@media (width<=1180px){.workspace-shell{grid-template-columns:300px minmax(0,1fr)}.workspace-sidebar{padding:35px 25px 24px}.sidebar-stats{gap:14px}.sidebar-stats strong{font-size:25px}.activity-grid{gap:6px}.notes-feed-page{padding-left:34px;padding-right:34px}}@media (width<=900px){.workspace-shell{min-width:0;display:block}.workspace-sidebar{width:310px;padding:36px 28px 26px}.notes-feed-page,.focus-page{width:100%;height:100vh}.feed-header{padding-left:32px}}@media (width<=620px){.notes-feed-page{padding:21px 15px 70px}.feed-header{flex-direction:column;align-items:stretch;gap:7px;min-height:106px;padding-left:42px}.feed-title{min-height:39px;font-size:19px}.feed-search{width:100%;height:43px}.quick-composer{margin-top:9px;padding:18px 14px 10px}.composer-toolbar>div>button{width:31px}.composer-toolbar>div>span{margin:0 2px}.feed-note-card{border-radius:15px;padding:21px 18px 23px}.scroll-top{bottom:18px;right:18px}.editor-modal-layer{padding:0}.editor-modal{border-radius:0;width:100vw;height:100vh}.editor-modal .editor-toolbar{padding:0 10px}.editor-modal .sync-status{display:none}.editor-close{padding:0 7px}}