:root{color-scheme:light;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#191714;background:#111316;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #161614;--muted: #6a665d;--paper: #f4efe5;--paper-strong: #fbf8f0;--line: rgba(30, 29, 25, .18);--cyan: #21d7de;--cyan-dark: #0c8ea0;--coral: #ff7d63;--graphite: #111316;--graphite-2: #171d1f;--shadow: 0 18px 42px rgba(24, 22, 18, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;overflow-x:hidden;background:radial-gradient(circle at 12% 18%,rgba(33,215,222,.08),transparent 34%),linear-gradient(135deg,#070909,#121416 46%,#201f1a)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-shell{--sidebar-width: 250px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;background:linear-gradient(90deg,rgba(3,8,9,.94) 0 var(--sidebar-width),transparent var(--sidebar-width)),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 7px)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:34px;padding:38px 16px 26px;color:#f6fbf9c2;overflow:hidden}.sidebar:after{content:"";position:absolute;inset:auto -60px 60px 18px;height:230px;border:1px solid rgba(33,215,222,.13);transform:skewY(-22deg) rotate(-4deg);opacity:.55;pointer-events:none}.brand{position:relative;display:flex;align-items:center;gap:18px;padding:0 14px}.brand a{color:inherit;text-decoration:none}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(33,215,222,.8);clip-path:polygon(50% 0,95% 24%,95% 75%,50% 100%,5% 75%,5% 24%);color:var(--cyan)}.brand-mark-editor{position:relative;cursor:pointer;background:#21d7de14}.brand-mark-editor input,.brand-avatar-shortcut input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.brand-mark span{width:20px;height:20px;border:1px solid currentColor;transform:rotate(45deg)}.brand-mark img{width:100%;height:100%;padding:7px;object-fit:contain;clip-path:inherit}.brand strong{display:block;color:var(--cyan);font-size:31px;font-style:italic;font-weight:750;line-height:1}.brand small{display:block;margin-top:8px;color:#f6fbf97a;font-size:12px}.brand-edit-shortcut{display:inline-flex;align-items:center;gap:5px;min-height:28px;margin-top:8px;border:1px solid rgba(33,215,222,.26);border-radius:6px;padding:0 8px;background:#21d7de14;color:#f6fbf9bd;font-size:11px;font-weight:850}.brand-edit-shortcut:hover{border-color:#21d7de7a;color:var(--cyan)}.brand-compact-edit{position:absolute;left:46px;top:-5px;z-index:2;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(33,215,222,.4);border-radius:999px;background:#0a1214eb;color:var(--cyan);box-shadow:0 10px 22px #00000038}.brand-compact-edit:hover{background:#21d7de2e}.brand-editing{align-items:start;border:1px solid rgba(33,215,222,.26);border-radius:8px;padding:10px;background:#21d7de0f}.brand-editing .brand-compact-edit{display:none}.brand-editing>div:last-child{display:grid;gap:6px;min-width:0}.brand-editing input{width:100%;min-width:0;border:1px solid rgba(33,215,222,.26);border-radius:6px;padding:7px 9px;background:#ffffff14;color:#f6fbf9;font-weight:800}.brand-editing input::placeholder{color:#f6fbf961}.brand-avatar-shortcut{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;border:1px dashed rgba(33,215,222,.36);border-radius:6px;color:#f6fbf9ad;font-size:12px;font-weight:850;cursor:pointer}.brand-edit-status{color:#f6fbf985;font-size:11px;line-height:1.35}.nav-list{display:grid;gap:9px}.nav-link{display:flex;align-items:center;gap:16px;min-height:54px;padding:0 18px;border:1px solid transparent;border-radius:7px;color:#f6fbf9ad;font-size:15px;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.nav-link:hover{background:linear-gradient(90deg,#21d7de1f,#21d7de05);border-color:#21d7de2e;color:var(--cyan);transform:translate(2px)}.nav-link.active{background:linear-gradient(90deg,#21d7de2e,#ff7d630d),#ffffff0a;border-color:#21d7de6b;color:#f8fffc}.sidebar-footer{margin-top:auto;position:relative;z-index:1;padding:0 12px}.focus-state{display:flex;align-items:center;gap:10px;color:var(--cyan);font-weight:700}.pulse-dot{width:12px;height:12px;border-radius:999px;background:#41f5b7;box-shadow:0 0 18px #41f5b7a6}.clock-copy{margin-top:6px;color:#f6fbf98f}.utility-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px}.utility-row button,.utility-row a,.hero-toolbar button,.mobile-brand{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff09;color:inherit}.global-account-bar{position:fixed;top:var(--account-bar-top, 18px);right:18px;z-index:60;display:block;max-width:min(500px,calc(100vw - var(--sidebar-width) - 52px));pointer-events:none}.global-account-bar>*{pointer-events:auto}.global-account-bar .backend-status{grid-column:1 / -1;margin:0;font-size:11px}.account-dock{position:relative;display:grid;justify-items:end;gap:8px;pointer-events:none}.account-dock>*{pointer-events:auto}.account-dock-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.account-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;width:min(280px,calc(100vw - var(--sidebar-width) - 76px));min-height:46px;border:1px solid rgba(30,29,25,.14);border-radius:8px;padding:6px 8px;background:#fbf8f0d6;box-shadow:0 12px 26px #1113161f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--ink);text-align:left}.account-trigger:hover,.account-trigger.is-open{border-color:#21d7de52;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#fbf8f0e6}.account-trigger-avatar{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#111316;color:#f7f1e6;font-size:12px;font-weight:900}.account-trigger-avatar img{width:100%;height:100%;object-fit:cover}.account-trigger>span:nth-child(2){min-width:0;display:grid;gap:2px}.account-trigger small{overflow:hidden;color:var(--muted);font-size:10px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.account-trigger strong{overflow:hidden;color:var(--ink);font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.account-trigger-dot{width:8px;height:8px;border-radius:999px;background:var(--cyan);box-shadow:0 0 0 4px #21d7de29}.account-trigger-dot.is-loading{background:var(--coral);box-shadow:0 0 0 4px #ff7d6329}.account-edit-toggle{min-height:46px;padding-inline:13px;background:#fbf8f0d6;box-shadow:0 12px 26px #1113161a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-popover{width:min(500px,calc(100vw - var(--sidebar-width) - 52px));display:grid;gap:8px;border:1px solid rgba(30,29,25,.14);border-radius:8px;padding:8px;background:#fbf8f0eb;box-shadow:0 18px 44px #1113162e;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.account-popover-head{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:0}.account-popover-head span{overflow:hidden;color:var(--muted);font-size:11px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.account-popover .account-panel{max-width:none;border:0;padding:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.account-panel{display:grid;grid-template-columns:auto minmax(116px,1fr) auto auto;gap:8px;align-items:center;max-width:min(470px,calc(100vw - 48px));border:1px solid rgba(30,29,25,.15);border-radius:8px;padding:7px;background:#fbf8f0c7;box-shadow:0 12px 26px #1113161f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-panel-form{grid-template-columns:minmax(98px,1fr) minmax(110px,.72fr) auto}.account-recovery-panel{grid-template-columns:minmax(110px,.8fr) repeat(2,minmax(130px,1fr)) auto}.account-panel-form .account-email-help{grid-column:2 / 4}.account-recovery-panel .backend-status,.account-recovery-hint,.account-inline-password,.account-password-nudge,.account-password-recovery-tip{grid-column:1 / -1}.global-account-bar .account-panel-form{grid-template-columns:minmax(116px,1.2fr) minmax(120px,1fr) minmax(88px,.74fr) auto}.global-account-bar .account-panel-form .ghost-button{min-height:42px;padding-inline:14px}.account-panel>div,.account-profile-fields{display:grid;gap:2px;min-width:0}.account-panel span,.account-panel small,.comment-author-lock span{color:var(--muted);font-size:11px}.account-panel strong,.comment-author-lock strong{min-width:0;overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.account-panel input,.account-profile-fields input{min-width:0;min-height:34px;border:1px solid rgba(30,29,25,.16);border-radius:6px;padding:0 9px;background:#ffffff9e;color:var(--ink);font-size:13px}.account-profile-fields input{min-height:32px;padding-inline:8px;font-weight:800}.account-email-help{display:grid;grid-column:1 / -1;gap:7px;min-width:0;border:1px solid rgba(33,215,222,.18);border-radius:7px;padding:8px;background:#21d7de14}.account-email-help>span{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#0c6b78;font-size:11px;font-weight:820;line-height:1.35}.account-email-help>span svg{flex:0 0 auto}.account-email-help>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.account-email-help .ghost-button{min-width:0;width:100%;min-height:34px;padding-inline:8px}.account-mail-radar{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.account-mail-radar-signed{grid-column:2 / -1}.account-mail-radar span{min-width:0;display:grid;gap:2px;border:1px solid rgba(30,29,25,.1);border-radius:7px;padding:7px 8px;background:#ffffff57}.account-mail-radar span.is-ready{border-color:#21d7de42;background:linear-gradient(90deg,rgba(33,215,222,.1),transparent),#ffffff6b}.account-mail-radar small{overflow:hidden;color:var(--cyan-dark);font-size:9px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.account-mail-radar strong{overflow:hidden;color:#4d473d;font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.account-recovery-hint{margin:0;border:1px solid rgba(33,215,222,.18);border-radius:7px;padding:8px;background:#21d7de14;color:#0c6b78;font-size:11px;font-weight:820;line-height:1.45}.account-inline-password{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr)) auto;gap:8px;min-width:0;border:1px solid rgba(33,215,222,.18);border-radius:7px;padding:8px;background:#21d7de14}.account-inline-password .backend-status{grid-column:1 / -1}.account-password-nudge{display:grid;gap:7px;min-width:0;border:1px solid rgba(33,215,222,.18);border-radius:7px;padding:8px;background:#21d7de14}.account-password-nudge>span{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#0c6b78;font-size:11px;font-weight:820;line-height:1.45;white-space:normal}.account-password-nudge svg{flex:0 0 auto}.account-password-recovery-tip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;border:1px solid rgba(234,87,87,.2);border-radius:7px;padding:8px;background:linear-gradient(90deg,rgba(234,87,87,.1),transparent),#ffffff6b}.account-password-recovery-tip>span{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#7e342f;font-size:11px;font-weight:850;line-height:1.45;white-space:normal}.account-password-recovery-tip svg{flex:0 0 auto}.account-password-recovery-tip .cyan-button{min-height:34px;padding-inline:12px;white-space:nowrap}.account-avatar-picker,.editable-media,.cover-edit-button{position:relative;overflow:hidden;cursor:pointer}.account-avatar-picker{display:grid;place-items:center}.account-avatar-picker>svg,.editable-media>svg{position:absolute;right:0;bottom:0;border-radius:999px;padding:3px;background:var(--cyan);color:#062b31}.account-avatar-picker input,.editable-media input,.cover-edit-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.comment-avatar img,.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.workspace{min-width:0;height:100vh;height:100svh;overflow:hidden;background:linear-gradient(#f8f4eaf0,#f8f4eaf0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}.mobile-nav-strip{display:none}.screen-section{height:100vh;height:100svh;display:grid;grid-template-columns:minmax(260px,.34fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(44px,6vw,88px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.screen-intro{max-width:430px}.screen-intro h2,.hero-copy h1{margin-bottom:18px;color:var(--ink);font-size:clamp(38px,5vw,76px);line-height:.98;letter-spacing:0}.screen-intro p,.hero-copy p{margin-bottom:28px;color:var(--muted);font-size:clamp(15px,1.4vw,18px)}.text-action,.ghost-button,.cyan-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:6px;padding:0 20px;font-weight:800;white-space:nowrap}.text-action{border:0;background:transparent;color:#423f39;padding-inline:0;text-decoration:none}.cyan-button{border:0;background:linear-gradient(135deg,#48cfe1,#1aa8c3);color:#fff;box-shadow:0 14px 24px #0c8ea03d}.ghost-button{border:1px solid rgba(30,29,25,.2);background:#ffffff57;color:var(--ink)}.media-tile{position:relative;min-height:140px;border-radius:8px;overflow:hidden;background-image:var(--media-image);background-size:var(--media-size, 300% 300%);background-position:var(--media-x) var(--media-y);background-repeat:no-repeat}.media-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.36));pointer-events:none}.hero-section{grid-template-columns:minmax(360px,.82fr) minmax(0,1fr)}.hero-copy{max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.edit-mode-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.brand-edit-panel{display:grid;gap:12px;max-width:560px;margin-top:16px;border:1px solid rgba(30,29,25,.14);border-radius:8px;padding:14px;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#ffffff6b;box-shadow:0 1px #ffffff8a inset}.brand-edit-panel>div:first-child{display:grid;gap:3px}.brand-edit-panel>div:first-child span{color:var(--cyan-dark);font-size:11px;font-weight:900;text-transform:uppercase}.brand-edit-panel>div:first-child strong{color:var(--ink);font-size:15px}.owner-brand-panel{max-width:640px}.owner-brand-panel:not(.is-editing){padding:12px}.owner-command-actions{display:flex;flex-wrap:wrap;gap:8px}.owner-command-actions .ghost-button{min-height:36px;border-color:#1e1d1924;padding:0 10px;font-size:12px;font-weight:880}.owner-command-actions .ghost-button.active{border-color:#21d7de70;background:#21d7de24}.owner-brand-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.owner-brand-status span{min-width:0;display:grid;gap:2px;border:1px solid rgba(30,29,25,.1);border-radius:8px;padding:8px 10px;background:#ffffff57}.owner-brand-status small{color:var(--muted);font-size:10px;font-weight:900}.owner-brand-status strong{min-width:0;overflow:hidden;color:var(--ink);font-size:12px;font-weight:920;text-overflow:ellipsis;white-space:nowrap}.brand-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-edit-grid label{display:grid;gap:5px}.brand-edit-grid label span,.brand-upload-tile>span{color:var(--muted);font-size:12px;font-weight:820}.brand-edit-grid input{min-width:0;min-height:40px;border:1px solid rgba(30,29,25,.16);border-radius:7px;padding:0 11px;background:#ffffffa8;color:var(--ink);font-weight:820}.brand-media-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-upload-tile{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-height:74px;border:1px solid rgba(30,29,25,.12);border-radius:8px;padding:9px;background:#ffffff57;cursor:pointer;overflow:hidden}.brand-upload-tile input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.brand-upload-preview{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(33,215,222,.32);border-radius:999px;background:linear-gradient(145deg,#21d7de33,#ff7d6324),#1a1c1e;color:#f8f5ed;font-weight:900}.brand-logo-preview{border-radius:8px}.brand-upload-preview img{width:100%;height:100%;object-fit:cover}.ghost-button.active,.hero-section.is-editing .ghost-button.active{border-color:#21d7de8a;background:#21d7de29;color:#0b5964}.editable-display{display:inline-flex;align-items:center;gap:8px;border-radius:6px;outline:1px dashed rgba(33,215,222,.5);outline-offset:6px;cursor:text}.editable-display svg{flex:0 0 auto;color:var(--cyan-dark)}.editable-shell{display:block;width:100%}.editable-field{width:100%;min-height:52px;border:2px solid rgba(33,215,222,.6);border-radius:8px;padding:8px 12px;background:#ffffffe0;color:var(--ink);font:inherit;font-weight:800}.editable-field-textarea{min-height:132px;resize:vertical;font-weight:500;line-height:1.55}.hero-console{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}.hero-search-wrap{position:relative;z-index:5;min-width:0}.search-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:52px;padding:0 14px;border:1px solid rgba(30,29,25,.34);border-radius:7px;background:#ffffff85;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.search-box.is-active,.search-box:focus-within{border-color:#21d7de8c;background:#ffffffc7;box-shadow:0 14px 32px #1816121f,0 0 0 3px #21d7de1a}.search-box input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-box kbd{color:var(--muted);font-size:12px}.global-search-panel{position:absolute;inset:calc(100% + 10px) 0 auto 0;display:none;gap:8px;max-height:min(62vh,540px);overflow:auto;border:1px solid rgba(30,29,25,.16);border-radius:8px;padding:10px;background:radial-gradient(circle at 92% 8%,rgba(33,215,222,.16),transparent 30%),#fbf8f0f0;box-shadow:0 24px 58px #18161233;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.global-search-panel.is-open,.hero-search-wrap:focus-within .global-search-panel{display:grid}.global-search-panel-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(30,29,25,.1);padding:2px 4px 9px}.global-search-panel-head span{color:var(--cyan-dark);font-size:11px;font-weight:900;text-transform:uppercase}.global-search-panel-head strong{color:var(--muted);font-size:12px}.global-search-result{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;border:1px solid rgba(30,29,25,.1);border-radius:7px;padding:11px;background:#ffffff6b;color:var(--ink);text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.global-search-result:hover,.global-search-result:focus-visible{border-color:#21d7de61;background:#ffffffb8;transform:translateY(-1px)}.global-search-result span,.global-search-result small,.global-search-result em{font-size:12px}.global-search-result span{color:var(--coral);font-weight:900}.global-search-result strong{min-width:0;overflow:hidden;color:var(--ink);font-size:15px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.global-search-result small{grid-column:1 / 2;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);line-height:1.45}.global-search-result em{grid-column:2;grid-row:1 / 4;align-self:center;display:inline-flex;align-items:center;gap:5px;color:#0c6b78;font-style:normal;font-weight:900;white-space:nowrap}.global-search-empty{display:grid;gap:4px;border:1px dashed rgba(30,29,25,.16);border-radius:7px;padding:16px;color:var(--muted)}.global-search-empty strong{color:var(--ink)}.hero-toolbar{display:flex;gap:10px;align-items:center}.hero-toolbar button{border-color:#1e1d191f;background:#ffffff52;color:var(--ink)}.avatar{width:58px;height:58px;display:grid;place-items:center;border:3px solid #0b0f12;border-radius:999px;background:linear-gradient(145deg,#21d7de40,#ff7d6333),#1a1c1e;color:#f8f5ed;font-weight:800}.avatar.editable-media{border-color:var(--cyan)}.hero-media{grid-column:1 / 3;min-height:min(58vh,560px);border:1px solid rgba(30,29,25,.18);box-shadow:var(--shadow)}.cover-edit-button{position:absolute;top:18px;right:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid rgba(255,255,255,.32);border-radius:6px;padding:0 12px;background:#0e1214c7;color:#f8f5ed;font-size:13px;font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-media-caption{position:absolute;z-index:1;left:24px;bottom:24px;display:grid;gap:6px;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.72)}.hero-media-caption span{color:var(--cyan);font-size:13px;font-weight:800}.hero-media-caption strong{font-size:clamp(22px,2vw,34px)}.docs-section{grid-template-columns:minmax(260px,.28fr) minmax(0,.72fr);align-items:stretch}.portfolio-command{display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:0;overflow:auto}.owner-badge{display:inline-flex;align-items:center;gap:8px;max-width:420px;border:1px solid rgba(30,29,25,.15);border-radius:7px;padding:10px 12px;background:#ffffff70;color:#444039;font-size:13px}.owner-badge svg{color:var(--cyan-dark);flex:0 0 auto}.portfolio-admin{display:grid;gap:10px;max-width:420px;border:1px solid rgba(30,29,25,.12);border-radius:8px;padding:12px;background:#ffffff61}.portfolio-admin-head{display:grid;gap:3px}.portfolio-admin-head span,.portfolio-editor label span{color:var(--muted);font-size:12px}.portfolio-admin-head strong{color:var(--ink);font-size:14px}.portfolio-login-row,.portfolio-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.portfolio-editor{display:grid;gap:8px}.portfolio-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portfolio-editor label{display:grid;gap:5px}.portfolio-login-row input,.portfolio-editor input,.portfolio-editor select,.portfolio-editor textarea{min-width:0;border:1px solid rgba(30,29,25,.16);border-radius:6px;padding:0 10px;background:#ffffff9e;color:var(--ink);font:inherit}.portfolio-login-row input,.portfolio-editor input,.portfolio-editor select{min-height:38px}.portfolio-editor textarea{min-height:72px;resize:vertical;padding-block:9px}.portfolio-file-picker{position:relative;min-height:44px;display:inline-flex!important;grid-auto-flow:column;justify-content:center;align-items:center;gap:8px!important;border:1px solid rgba(30,29,25,.18);border-radius:6px;padding:0 12px;background:#ffffff70;color:var(--ink);font-weight:800;overflow:hidden}.portfolio-file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.portfolio-file-picker.is-busy{border-color:#21d7de57;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#ffffff80;color:var(--cyan-dark)}.portfolio-file-picker input:disabled{cursor:not-allowed}.portfolio-upload-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.owner-management-strip{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid rgba(30,29,25,.12);border-radius:8px;padding:8px;background:#ffffff57}.owner-management-strip span{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.ghost-button.danger,.mini-post-actions button.danger{border-color:#ff7d634d;color:#9b3c2a}.portfolio-workbench{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.portfolio-toolbar{display:grid;grid-template-columns:minmax(240px,.38fr) minmax(0,1fr);gap:12px;align-items:center}.portfolio-search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;min-height:44px;border:1px solid rgba(30,29,25,.2);border-radius:7px;padding:0 12px;background:#ffffff8a}.portfolio-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.portfolio-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.portfolio-filters button{flex:0 0 auto;min-height:36px;border:1px solid rgba(30,29,25,.13);border-radius:6px;padding:0 12px;background:#ffffff59;color:#4b4740;font-size:13px;white-space:nowrap}.portfolio-filters button.active{border-color:#21d7de94;background:#21d7de21;color:#0d4e59;font-weight:800}.portfolio-content{min-height:0;display:grid;grid-template-columns:minmax(340px,.34fr) minmax(0,.66fr);gap:14px}.portfolio-browser{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;overflow:hidden}.portfolio-folder-tree,.portfolio-file-panel{min-width:0;border:1px solid rgba(30,29,25,.12);border-radius:8px;background:#ffffff5c}.portfolio-folder-tree{display:grid;gap:8px;padding:10px}.portfolio-browser-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 4px}.portfolio-browser-label span,.portfolio-path span,.portfolio-detail-path span{color:var(--muted);font-size:12px;font-weight:850}.portfolio-browser-label small,.portfolio-path small{color:#776f63;font-size:12px}.portfolio-folder{min-width:0;min-height:48px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid transparent;border-radius:7px;padding:7px 8px;background:transparent;color:var(--ink);text-align:left}.portfolio-folder:hover,.portfolio-folder.selected{border-color:#21d7de6b;background:#21d7de1a}.portfolio-folder-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:6px;background:#1e1d1914;color:#4a463e}.portfolio-folder.selected .portfolio-folder-icon{background:#111316;color:var(--cyan)}.portfolio-folder-copy{min-width:0;display:grid;gap:3px}.portfolio-folder-copy strong{min-width:0;overflow:hidden;color:var(--ink);font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.portfolio-folder-copy small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.portfolio-folder-count{min-width:26px;border-radius:999px;padding:3px 7px;background:#1e1d1914;color:#514b42;font-size:12px;font-weight:900;text-align:center}.portfolio-file-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;overflow:hidden;padding:10px}.portfolio-path,.portfolio-detail-path{min-width:0;display:flex;align-items:center;gap:7px}.portfolio-path{min-height:32px;border-radius:6px;padding:0 8px;background:#1e1d190f}.portfolio-path em,.portfolio-detail-path em{color:#1e1d196b;font-style:normal;font-weight:900}.portfolio-path strong,.portfolio-detail-path strong{min-width:0;overflow:hidden;color:var(--ink);font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.portfolio-list{min-height:0;display:grid;align-content:start;gap:10px;overflow:auto;padding-right:4px}.portfolio-file-card{background:#ffffff7a}.portfolio-empty-list{min-height:180px;display:grid;place-items:center;gap:8px;border:1px dashed rgba(30,29,25,.2);border-radius:8px;padding:22px 16px;background:#ffffff57;color:var(--muted);text-align:center}.portfolio-empty-list svg{color:var(--cyan-dark)}.portfolio-empty-list strong{color:var(--ink);font-size:14px}.portfolio-empty-list span{max-width:240px;font-size:12px;line-height:1.55}.portfolio-card{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;border:1px solid rgba(30,29,25,.12);border-radius:8px;padding:12px;background:#fff6;color:var(--ink);text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.portfolio-card:hover,.portfolio-card.selected{border-color:#21d7de8c;background:#ffffffad;transform:translateY(-1px)}.portfolio-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:7px;background:#111316;color:var(--cyan)}.portfolio-card-copy{min-width:0;display:grid;gap:6px}.portfolio-card-copy>span:first-child{display:flex;align-items:center;gap:8px}.portfolio-card-copy strong{min-width:0;overflow-wrap:anywhere;font-size:15px}.portfolio-card-copy em{flex:0 0 auto;border-radius:4px;padding:2px 6px;background:#ff7d632e;color:#9d3c2d;font-size:11px;font-style:normal;font-weight:800}.portfolio-card-copy small,.portfolio-card-copy p{color:var(--muted);font-size:12px}.portfolio-card-copy p{margin:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.portfolio-detail{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(520px,1fr) auto auto;gap:12px;border:1px solid rgba(30,29,25,.16);border-radius:8px;padding:14px;background:#fbf8f0a3;box-shadow:var(--shadow)}.portfolio-detail-empty{grid-template-rows:auto minmax(260px,1fr)}.portfolio-detail-head{display:grid;gap:7px}.portfolio-detail-head>span{color:var(--cyan-dark);font-size:12px;font-weight:900}.portfolio-detail-head strong{color:var(--ink);overflow-wrap:anywhere;font-size:clamp(20px,2vw,32px);line-height:1.12}.portfolio-detail-head .portfolio-detail-path{min-height:30px;border-radius:6px;padding:0 8px;background:#1e1d190f}.portfolio-detail-head .portfolio-detail-path svg{flex:0 0 auto;color:var(--cyan-dark)}.portfolio-detail-head .portfolio-detail-path strong{color:#3f3b33;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-detail-head p{margin:0;color:var(--muted);font-size:14px}.portfolio-empty-preview{min-height:260px;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed rgba(30,29,25,.18);border-radius:8px;background:#ffffff4d;color:var(--muted);text-align:center}.portfolio-empty-preview svg{color:var(--cyan-dark)}.portfolio-empty-preview strong{max-width:min(100%,420px);color:var(--ink);font-size:clamp(18px,2vw,26px);overflow-wrap:anywhere}.portfolio-empty-preview span{font-size:12px;font-weight:850}.portfolio-owner-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.portfolio-owner-actions .ghost-button{min-height:36px;padding:0 12px;font-size:12px}.portfolio-meta{display:flex;flex-wrap:wrap;gap:8px}.portfolio-meta span,.portfolio-meta time{border-radius:5px;padding:4px 8px;background:#1e1d1912;color:#504c44;font-size:12px}.portfolio-preview{min-height:0;height:min(68svh,760px);border:1px solid rgba(30,29,25,.14);border-radius:7px;overflow:hidden;background:#101316;scroll-margin-top:72px}.portfolio-preview:focus{outline:2px solid rgba(33,215,222,.72);outline-offset:3px}.portfolio-preview iframe,.portfolio-preview img{display:block;width:100%;height:100%;min-height:300px;border:0}.portfolio-preview img{object-fit:contain;background:#f4efe5}.portfolio-preview-empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:10px;padding:28px;color:#f5f3eabd;text-align:center}.portfolio-preview-empty svg{color:var(--cyan)}.portfolio-preview-empty span{max-width:360px;font-size:13px}.portfolio-fallback-preview{min-height:300px;height:100%;display:grid;align-content:center;gap:12px;padding:clamp(20px,3vw,34px);background:linear-gradient(135deg,#121516f5,#1e1d19f0),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 24px);color:#f7f1e6b8}.fallback-orb{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(33,215,222,.36);border-radius:8px;background:#21d7de1f;color:var(--cyan)}.fallback-kicker{color:var(--cyan);font-size:11px;font-weight:900;text-transform:uppercase}.portfolio-fallback-preview strong{max-width:720px;color:#fff7e8;font-size:clamp(24px,3.2vw,42px);line-height:1.05;overflow-wrap:anywhere}.portfolio-fallback-preview p{max-width:720px;margin:0;color:#f7f1e6a8;font-size:14px;line-height:1.7}.fallback-signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:760px}.fallback-signal-grid span{min-width:0;display:grid;gap:3px;border:1px solid rgba(247,241,230,.1);border-radius:7px;padding:10px;background:#ffffff0e;color:#f7f1e6d6;font-size:13px;font-weight:850}.fallback-signal-grid small{color:#21d7ded1;font-size:10px;font-weight:900;text-transform:uppercase}.fallback-tags{margin:2px 0}.fallback-tags span{border-color:#f7f1e61f;background:#ffffff12;color:#f7f1e6b8}.fallback-source-line{max-width:760px;min-width:0;display:grid;gap:5px;border-left:3px solid rgba(33,215,222,.72);padding-left:10px}.fallback-source-line span{color:#f7f1e67a;font-size:11px;font-weight:900}.fallback-source-line code{min-width:0;color:#f7f1e6b8;font-size:12px;overflow-wrap:anywhere}.fallback-action-hint{max-width:760px;display:flex;gap:8px;align-items:flex-start;border:1px solid rgba(255,125,99,.2);border-radius:7px;padding:10px;background:#ff7d6314;color:#f7f1e6a8;font-size:12px;line-height:1.6}.fallback-action-hint svg{flex:0 0 auto;margin-top:2px;color:var(--coral)}.structured-empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:10px;padding:28px;color:#f5f3eabd;text-align:center}.structured-empty svg{color:var(--cyan)}.structured-empty span{max-width:360px;font-size:13px}.structured-empty.compact{min-height:180px;background:#fffdf6;color:var(--ink)}.excel-reader,.document-reader{height:100%;min-height:300px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;background:#fffdf6;color:var(--ink)}.excel-reader-head,.document-reader-head{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid rgba(30,29,25,.12);background:#f8f2e6}.excel-reader-head>div:first-child,.document-reader-head{min-width:0}.excel-reader-head span,.document-reader-head span{color:var(--cyan-dark);font-size:12px;font-weight:900}.excel-reader-head strong,.document-reader-head strong{display:block;margin-top:3px;overflow-wrap:anywhere;font-size:14px}.excel-stats{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-content:start}.excel-stats span{border-radius:5px;padding:4px 7px;background:#1e1d1914;color:#4f4a41;font-size:12px;font-weight:800}.excel-sheet-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;border-bottom:1px solid rgba(30,29,25,.1);background:#fff9ef}.excel-sheet-tabs button{flex:0 0 auto;max-width:260px;min-height:32px;border:1px solid rgba(30,29,25,.14);border-radius:6px;padding:0 10px;background:#ffffffbf;color:#514c43;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.excel-sheet-tabs button.active{border-color:#21d7de9e;background:#21d7de21;color:#0c4e59}.excel-image-board{display:grid;gap:10px;padding:12px;border-bottom:1px solid rgba(30,29,25,.1);background:#fdf7ed}.excel-image-board-head,.document-page-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#514c43}.excel-image-board-head span,.document-page-preview-head span{color:var(--cyan-dark);font-size:12px;font-weight:900}.excel-image-board-head strong,.document-page-preview-head strong{font-size:13px}.excel-image-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.excel-image-card{flex:0 0 min(82vw,360px);display:grid;gap:7px;margin:0;border:1px solid rgba(30,29,25,.12);border-radius:7px;padding:8px;background:#fffef8;scroll-snap-align:start}.excel-image-card img{width:100%;max-height:360px;object-fit:contain;border-radius:5px;background:#f5efe2}.excel-image-card figcaption{display:flex;justify-content:space-between;gap:8px;color:#5f574a;font-size:12px;font-weight:800}.excel-image-card small{color:#837767;font-size:11px;font-weight:750}.excel-table-shell,.doc-table-shell{min-height:0;overflow:auto}.excel-table,.doc-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:12px;line-height:1.45}.excel-table th,.excel-table td,.doc-table th,.doc-table td{max-width:260px;border:1px solid rgba(30,29,25,.12);padding:7px 9px;vertical-align:top;overflow-wrap:anywhere;white-space:pre-wrap}.excel-table thead th,.excel-table tbody th{position:sticky;z-index:1;background:#efe7d7;color:#615845;font-weight:900;text-align:center}.excel-table thead th{top:0}.excel-table tbody th{left:0;min-width:42px}.excel-table thead th:first-child{left:0;z-index:2}.excel-table td{min-width:120px;background:#fffdf7}.preview-note{margin:0;padding:9px 12px;border-top:1px solid rgba(30,29,25,.1);background:#f8f2e6;color:#6f6658;font-size:12px}.source-file-links{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border-top:1px solid rgba(30,29,25,.1);background:#fff9ef}.source-file-links a{border-radius:5px;padding:5px 8px;background:#1e1d1912;color:#3f3b33;font-size:12px;font-weight:800;text-decoration:none}.document-reader{display:flex;flex-direction:column;overflow:auto}.document-reader-head{display:grid;flex:0 0 auto}.document-page-preview{display:grid;gap:10px;padding:12px;border-bottom:1px solid rgba(30,29,25,.1);background:#f8f2e6}.document-page-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.document-page-card,.document-image-block{margin:0}.document-page-card{flex:0 0 min(82vw,420px);display:grid;gap:7px;border:1px solid rgba(30,29,25,.12);border-radius:7px;padding:8px;background:#fffdf7;scroll-snap-align:start}.document-page-card img,.document-image-block img{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:5px;background:#f5efe2}.document-page-card figcaption,.document-image-block figcaption{color:#6f6658;font-size:12px;font-weight:800}.document-blocks{display:grid;gap:10px;padding:18px 20px 28px}.document-blocks h3,.document-blocks h4{margin:12px 0 0;color:var(--ink);line-height:1.25}.document-blocks h3{font-size:20px}.document-blocks h4{font-size:16px}.document-blocks p{margin:0;color:#4f493f;font-size:14px;line-height:1.75;white-space:pre-wrap}.document-table-block{display:grid;gap:0}.document-image-block{display:grid;gap:7px;border:1px solid rgba(30,29,25,.1);border-radius:7px;padding:8px;background:#fffdf7}.doc-table{background:#fffdf7}.doc-table th{background:#efe7d7;color:#4f493f;font-weight:900}.doc-table td{color:#514b42}.markdown-gap{height:6px}.markdown-list-line{display:flex;gap:8px}.plain-text-reader pre{margin:0;padding:18px 20px 28px;color:#4f493f;font:14px/1.75 inherit;white-space:pre-wrap}.portfolio-detail-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.portfolio-expanded-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;padding:18px;background:#101316b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.portfolio-expanded-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(247,241,230,.24);border-radius:8px;overflow:hidden;background:#f8f2e6;box-shadow:0 24px 70px #0000005c}.portfolio-expanded-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(30,29,25,.12);background:#fff8ec}.portfolio-expanded-head div{min-width:0}.portfolio-expanded-head span{color:var(--cyan-dark);font-size:12px;font-weight:900}.portfolio-expanded-head strong{display:block;margin-top:3px;color:var(--ink);font-size:clamp(18px,1.6vw,26px);overflow-wrap:anywhere}.portfolio-expanded-body{min-height:0;overflow:hidden;background:#101316}.portfolio-expanded-body>iframe,.portfolio-expanded-body>img,.portfolio-expanded-body .portfolio-fallback-preview,.portfolio-expanded-body .structured-empty,.portfolio-expanded-body .excel-reader,.portfolio-expanded-body .document-reader{width:100%;height:100%;min-height:0}.portfolio-expanded-body .document-page-card{flex-basis:min(72vw,880px)}.portfolio-expanded-body .document-page-card img,.portfolio-expanded-body .document-image-block img{max-height:none}.portfolio-source{display:grid;gap:4px;color:var(--muted);font-size:12px}.portfolio-source code{overflow-wrap:anywhere;color:#4a463d}.doc-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);align-items:stretch}.doc-card{position:relative;min-width:0;min-height:min(56vh,520px);display:flex;flex-direction:column;padding:clamp(48px,4vw,72px) clamp(14px,1.5vw,22px) 20px;border:1px solid rgba(83,71,48,.32);border-radius:7px;overflow:hidden;box-shadow:var(--shadow)}.doc-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.18),transparent 40%),repeating-linear-gradient(0deg,rgba(62,54,41,.06) 0 1px,transparent 1px 12px);pointer-events:none}.doc-card.paper{background:#d7bb84}.doc-card.grid,.doc-card.sketch{background:#e8dfcf}.doc-card.dark{background:linear-gradient(150deg,#111316f5,#222526eb),#151719;color:#e9eadf}.clip{position:absolute;top:-7px;left:26px;width:18px;height:54px;border:3px solid rgba(82,70,52,.5);border-bottom:0;border-radius:9px 9px 0 0;transform:rotate(3deg)}.doc-card h3,.demo-feature-copy h3,.track-copy h3{position:relative;margin-bottom:10px;overflow-wrap:anywhere;font-size:clamp(22px,2vw,34px);line-height:1.12}.doc-card p,.demo-feature-copy p{position:relative;color:currentColor;opacity:.74;font-size:14px}.demo-feature-copy .demo-play-message{display:inline-flex;width:fit-content;border:1px solid rgba(33,215,222,.38);border-radius:6px;padding:7px 10px;background:#21d7de1f;color:#0c4e59;opacity:1;font-weight:800}.tag-row,.meta-row{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tag-row span,.meta-row span{border-radius:5px;background:#ffffff5c;padding:4px 9px;font-size:12px}.doc-card time{position:relative;display:block;margin-top:26px;font-size:12px;opacity:.82}.demos-section,.music-section,.gallery-section,.notes-section,.private-section,.comments-section,.contact-section{grid-template-columns:minmax(260px,.3fr) minmax(0,1fr)}.demo-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:18px;align-items:stretch}.demo-feature{min-height:min(62vh,620px);box-shadow:var(--shadow)}.demo-feature-overlay{position:absolute;left:16px;right:16px;bottom:16px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:10px 12px;background:#080c0d9e;color:#f5f3ea;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.demo-feature-overlay span{color:#f5f3eaad;font-size:11px;font-weight:900;text-transform:uppercase}.demo-feature-overlay strong{font-size:13px;font-weight:920}.play-orb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;width:76px;height:76px;margin:auto;border:2px solid rgba(255,255,255,.82);border-radius:999px;background:#0000005c;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.demo-feature-copy,.playlist-panel,.private-composer,.comment-form,.roadmap-item,.owner-upload-panel,.note-card{border:1px solid var(--line);border-radius:8px;background:#fbf8f094;box-shadow:0 1px #ffffff8c inset}.demo-feature-copy{display:flex;flex-direction:column;padding:24px}.demo-status{width:fit-content;margin-bottom:10px;border:1px solid rgba(33,215,222,.24);border-radius:6px;padding:5px 8px;background:#21d7de1a;color:#0c6b78;font-size:11px;font-weight:900}.demo-action-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.demo-action-strip .cyan-button,.demo-action-strip .ghost-button{min-height:40px;padding-inline:13px;font-size:13px}.demo-experience-console{grid-column:2;display:grid;grid-template-columns:minmax(220px,.48fr) minmax(0,1fr);gap:12px;align-items:stretch;margin-top:14px;border:1px solid rgba(30,29,25,.12);border-radius:8px;padding:14px;background:linear-gradient(115deg,rgba(255,125,99,.1),transparent 52%),#ffffff6b;box-shadow:0 1px #ffffff94 inset}.demo-experience-console>div:first-child{display:grid;align-content:start;gap:5px;min-width:0}.demo-experience-console>div:first-child span{color:var(--cyan-dark);font-size:11px;font-weight:920;text-transform:uppercase}.demo-experience-console>div:first-child strong{min-width:0;overflow:hidden;color:var(--ink);font-size:16px;font-weight:920;text-overflow:ellipsis;white-space:nowrap}.demo-experience-console>div:first-child p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.demo-signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.demo-signal-grid span{min-width:0;display:grid;align-content:center;gap:3px;border:1px solid rgba(30,29,25,.1);border-radius:8px;padding:9px 10px;background:#ffffff5c}.demo-signal-grid small{color:var(--muted);font-size:10px;font-weight:900}.demo-signal-grid strong{min-width:0;overflow:hidden;color:var(--ink);font-size:12px;font-weight:920;text-overflow:ellipsis;white-space:nowrap}.demo-shelf{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.demo-card{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;border:1px solid rgba(30,29,25,.16);border-radius:8px;padding:8px;background:#ffffff57;color:var(--ink);text-align:left}.demo-card.selected,.demo-card:hover{border-color:#21d7de8f;box-shadow:0 14px 30px #1113161f}.demo-card .media-tile,.playlist-row .media-tile{min-height:64px;aspect-ratio:1}.demo-card .media-tile:after,.playlist-row .media-tile:after{display:none}.demo-card strong,.demo-card small,.playlist-row strong,.playlist-row small{display:block}.demo-card small,.playlist-row small{color:var(--muted)}.music-section{grid-template-columns:minmax(260px,.28fr) minmax(0,.72fr)}.player-surface,.playlist-panel,.private-composer{border-radius:8px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 12% 0%,rgba(33,215,222,.13),transparent 34%),linear-gradient(145deg,#101719,#0b0f11);color:#f5f3ea}.player-surface{display:grid;grid-template-columns:minmax(260px,.42fr) 1fr auto;gap:clamp(16px,2vw,28px);align-items:start;padding:clamp(18px,2.4vw,34px)}.album-art{grid-row:span 4;min-height:min(44vh,480px);aspect-ratio:1;border:1px solid rgba(255,255,255,.16)}.track-copy span{display:block;margin-top:18px;color:var(--cyan);font-size:13px;font-weight:800}.track-copy h3{margin-top:6px;color:#fff}.track-copy p{color:#f5f3ea9e}.heart-button{width:52px;height:52px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff12;color:#f5f3eacc}.heart-button.liked{color:var(--coral)}.waveform{grid-column:2 / 4;display:flex;align-items:center;gap:4px;height:64px;overflow:hidden}.waveform span{width:4px;height:var(--bar);border-radius:99px;background:var(--cyan);box-shadow:0 0 8px #21d7de66}.progress-row{grid-column:2 / 4;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:#f5f3ea94;font-size:12px}.progress-track{height:2px;background:#ffffff24}.progress-track span{display:block;width:43%;height:100%;background:var(--cyan)}.player-feedback{grid-column:1 / 4;margin:0;border:1px solid rgba(33,215,222,.18);border-radius:8px;padding:9px 11px;background:#21d7de1a;color:#f5f3eac7;font-size:12px;font-weight:780;line-height:1.45;overflow-wrap:anywhere}.player-feedback.is-error{border-color:#ec6d5347;background:#ec6d5321;color:#ffe8e0eb}.player-audio-element{grid-column:1 / 4;width:100%}.player-audio-element:not([controls]){display:none}.player-controls{grid-column:1 / 4;display:flex;justify-content:space-around;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}.background-music-status{grid-column:1 / 4;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;border:1px solid rgba(33,215,222,.18);border-radius:8px;padding:9px 11px;background:linear-gradient(90deg,rgba(33,215,222,.1),transparent),#ffffff0b;color:#f5f3ea9e;font-size:12px;font-weight:820}.background-music-status span{min-width:0;display:inline-flex;align-items:center;gap:7px}.background-music-status svg{flex:0 0 auto;color:var(--cyan)}.background-music-status strong{color:#f5f3eacc;font-size:12px}.player-controls button,.playlist-row,.filter-row button,.comment-actions button,.owner-actions button,.ghost-icon-button{border:0;background:transparent;color:inherit}.primary-play{width:58px;height:58px;border:2px solid rgba(255,255,255,.72)!important;border-radius:999px}.primary-play.is-loading{border-color:#21d7dee6!important;color:var(--cyan);box-shadow:0 0 0 5px #21d7de1a}.primary-play:disabled{cursor:not-allowed;opacity:.48}.ghost-icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:999px;background:#ffffff14}.ghost-icon-button.is-background-track{background:#21d7de33;color:var(--cyan);box-shadow:0 0 0 1px #21d7de38 inset}.playlist-panel{grid-column:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;padding:14px;color:var(--ink)}.playlist-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;min-height:72px;border-radius:7px;padding:6px;text-align:left}.playlist-row.selected{background:#21d7de1f;color:#f5f3ea}.playlist-row.is-background-track{position:relative;border:1px solid rgba(33,215,222,.34);background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#ffffff0b}.playlist-row.is-background-track:after{content:"默认";position:absolute;right:8px;top:6px;border-radius:999px;padding:2px 6px;background:#21d7de29;color:var(--cyan);font-size:10px;font-weight:900}.playlist-empty-state{grid-column:1 / -1;display:grid;gap:4px;border:1px solid rgba(33,215,222,.18);border-radius:8px;padding:14px;background:linear-gradient(90deg,rgba(33,215,222,.1),transparent),#ffffff61;color:#f5f3eab8}.playlist-empty-state strong{color:#f5f3ea;font-size:14px;font-weight:920}.playlist-empty-state span{color:#f5f3ea94;font-size:12px;font-weight:780}.playlist-mini-row{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;color:#f5f3ea99;font-size:12px}.owner-upload-panel{display:grid;gap:10px;padding:14px;align-self:start;background:#ffffff70}.music-upload-panel,.gallery-upload-panel,.notes-upload-panel{grid-column:2;margin-top:14px}.owner-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.owner-upload-wide-field{grid-column:1 / -1}.owner-upload-panel label{display:grid;gap:5px}.owner-upload-panel label span{color:var(--muted);font-size:12px}.owner-upload-panel input,.owner-upload-panel select,.owner-upload-panel textarea{min-width:0;border:1px solid rgba(30,29,25,.16);border-radius:6px;padding:0 10px;background:#ffffff9e;color:var(--ink);font:inherit}.owner-upload-panel input,.owner-upload-panel select{min-height:38px}.owner-upload-panel textarea{min-height:76px;resize:vertical;padding-block:9px}.owner-toggle-row{display:flex!important;grid-auto-flow:column;align-items:center;gap:9px!important;color:var(--muted);font-size:13px}.owner-toggle-row input{min-height:auto}.music-background-toggle{border:1px solid rgba(33,215,222,.18);border-radius:8px;padding:10px;background:#21d7de14}.music-background-console{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:center;border:1px solid rgba(33,215,222,.2);border-radius:8px;padding:12px;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#ffffff7a}.music-background-console span{grid-row:span 2;color:var(--cyan-dark);font-size:11px;font-weight:920;text-transform:uppercase}.music-background-console strong{min-width:0;overflow:hidden;color:var(--ink);font-size:15px;font-weight:920;text-overflow:ellipsis;white-space:nowrap}.music-background-console small{color:var(--muted);font-size:12px;font-weight:760}.music-action-status{margin:0;border:1px solid rgba(33,215,222,.2);border-radius:8px;padding:10px 12px;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#ffffff70;color:#31545b;font-weight:820;line-height:1.55}.music-upload-inline-status{grid-column:1 / -1;width:100%;min-width:0;overflow-wrap:anywhere;color:#31545b;font-size:11px;font-weight:820;line-height:1.45;text-align:center}.music-upload-note{margin:0;border:1px solid rgba(30,29,25,.12);border-radius:8px;padding:9px 10px;background:#ffffff57;color:var(--muted);font-size:12px;font-weight:780;line-height:1.55}.music-delete-confirm{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid rgba(255,125,99,.26);border-radius:8px;padding:10px;background:linear-gradient(90deg,rgba(255,125,99,.12),transparent),#ffffff75}.music-delete-confirm span{min-width:0;color:#7c3b2d;font-size:12px;font-weight:850;line-height:1.5}.music-delete-confirm .ghost-button{min-height:38px;padding-inline:12px}.music-draft-radar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.music-draft-radar span{min-width:0;display:grid;gap:3px;border:1px solid rgba(30,29,25,.11);border-radius:8px;padding:9px 10px;background:#ffffff5c}.music-draft-radar span.is-ready{border-color:#21d7de47;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#ffffff75}.music-draft-radar span.is-optional:not(.is-ready){opacity:.78}.music-draft-radar small{color:var(--cyan-dark);font-size:10px;font-weight:900}.music-draft-radar strong{min-width:0;overflow:hidden;color:#423d35;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-row button{flex:0 0 auto;min-height:36px;padding:0 14px;border-radius:6px;color:#48443d;font-size:13px;white-space:nowrap}.filter-row button.active{border:1px solid rgba(30,29,25,.18);background:#ffffff94}.gallery-command-console{display:grid;grid-template-columns:minmax(220px,.48fr) minmax(0,1fr);gap:12px;align-items:stretch;margin-bottom:14px;border:1px solid rgba(30,29,25,.12);border-radius:8px;padding:14px;background:linear-gradient(115deg,rgba(33,215,222,.12),transparent 52%),#ffffff6b;box-shadow:0 1px #ffffff94 inset}.gallery-command-console>div:first-child{display:grid;align-content:start;gap:5px;min-width:0}.gallery-command-console>div:first-child span{color:var(--cyan-dark);font-size:11px;font-weight:920;text-transform:uppercase}.gallery-command-console>div:first-child strong{min-width:0;overflow:hidden;color:var(--ink);font-size:16px;font-weight:920;text-overflow:ellipsis;white-space:nowrap}.gallery-command-console>div:first-child p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gallery-signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gallery-signal-grid span{min-width:0;display:grid;align-content:center;gap:3px;border:1px solid rgba(30,29,25,.1);border-radius:8px;padding:9px 10px;background:#ffffff5c}.gallery-signal-grid small{color:var(--muted);font-size:10px;font-weight:900}.gallery-signal-grid strong{min-width:0;overflow:hidden;color:var(--ink);font-size:12px;font-weight:920;text-overflow:ellipsis;white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-card{position:relative;min-width:0;border-radius:8px;overflow:hidden}.gallery-card.is-editing{outline:2px solid rgba(33,215,222,.52);outline-offset:2px}.gallery-admin-actions{position:absolute;right:10px;top:10px;z-index:2;display:inline-flex;gap:6px}.gallery-admin-actions button{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:6px;background:#fbf8f0db;color:#26383b;box-shadow:0 8px 18px #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-admin-actions button.danger{color:#9b3c2a}.gallery-card .media-tile{aspect-ratio:16 / 10;min-height:180px;box-shadow:var(--shadow)}.gallery-card span{position:absolute;left:12px;bottom:32px;z-index:1;max-width:calc(100% - 24px);color:#fff;font-size:13px;font-weight:800;text-shadow:0 1px 8px rgba(0,0,0,.58)}.gallery-card p,.gallery-card small{position:absolute;z-index:1;left:12px;right:12px;color:#ffffffc7;text-shadow:0 1px 8px rgba(0,0,0,.58)}.gallery-card p{bottom:8px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.gallery-card small{top:10px;right:auto;border-radius:5px;padding:3px 7px;background:#21d7dec7;color:#062b31;font-size:11px;font-weight:900}.notes-section{grid-template-columns:minmax(260px,.26fr) minmax(0,.74fr);align-items:stretch;gap:clamp(22px,3vw,44px);padding-top:max(clamp(44px,6vw,88px),190px);background:linear-gradient(180deg,#ffffff3d,#f4efe533),radial-gradient(circle at 82% 12%,rgba(33,215,222,.13),transparent 30%),radial-gradient(circle at 28% 92%,rgba(255,125,99,.11),transparent 28%)}.notes-section .screen-intro h2{max-width:9ch}.notes-rail{display:flex;flex-direction:column;gap:18px;align-self:stretch}.notes-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.notes-stat-grid span,.notes-archive-mark,.notes-sync-state,.notes-reading-lens,.notes-source-map,.notes-featured-note,.notes-active-summary,.notes-mini-index,.reading-count{border:1px solid rgba(30,29,25,.14);border-radius:8px;background:#ffffff5c;box-shadow:0 1px #ffffff85 inset}.notes-stat-grid span{position:relative;display:grid;gap:2px;min-height:82px;padding:13px;color:var(--muted);font-size:12px;overflow:hidden}.notes-stat-grid span:after{content:"";position:absolute;inset:auto 11px 10px;height:2px;background:linear-gradient(90deg,rgba(33,215,222,.72),transparent)}.notes-stat-grid strong{color:var(--ink);font-size:28px;line-height:1}.notes-archive-mark{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:auto;padding:12px;color:#3d3932;font-size:13px;font-weight:800}.notes-archive-mark svg{color:var(--cyan-dark)}.notes-archive-mark small{grid-column:2;min-width:0;overflow:hidden;color:var(--muted);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.notes-reading-lens{display:grid;gap:6px;padding:14px;background:linear-gradient(135deg,#111316f0,#141e1fe0),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 18px);color:#f7f1e6ad}.notes-reading-lens span,.notes-command-title span{color:var(--cyan);font-size:11px;font-weight:900;text-transform:uppercase}.notes-reading-lens strong{color:#fff7e8;font-size:18px;line-height:1.15}.notes-reading-lens p{margin:0;color:#f7f1e694;font-size:12px}.notes-reading-lens small{width:fit-content;border:1px solid rgba(33,215,222,.2);border-radius:5px;padding:5px 7px;background:#21d7de14;color:#f7f1e6b8;font-size:11px;font-weight:820}.notes-source-map{display:grid;gap:10px;padding:14px;color:var(--muted)}.notes-source-kicker{color:var(--cyan-dark);font-size:11px;font-weight:900;text-transform:uppercase}.notes-source-row{display:grid;grid-template-columns:minmax(38px,auto) minmax(24px,auto) minmax(0,1fr);gap:8px;align-items:center;min-width:0;color:var(--muted);font-size:12px;font-weight:800}.notes-source-row strong{color:var(--ink);font-size:13px}.notes-source-meter{height:7px;overflow:hidden;border-radius:999px;background:#1e1d1914}.notes-source-meter span{display:block;width:var(--source-ratio, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--coral))}.notes-top-tags{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid rgba(30,29,25,.1);padding-top:10px}.notes-top-tags button{display:inline-flex;align-items:center;gap:6px;min-height:28px;border:1px solid rgba(30,29,25,.13);border-radius:6px;padding:0 8px;background:#ffffff5c;color:#504b42;font-size:11px;font-weight:850}.notes-top-tags button.active{border-color:#21d7de75;background:#21d7de21;color:#0c6b78}.notes-top-tags small{color:var(--muted);font-size:10px;font-weight:900}.notes-featured-note{position:relative;display:grid;gap:8px;overflow:hidden;padding:15px;background:linear-gradient(135deg,#ffffff94,#fbf8f05c),radial-gradient(circle at 88% 14%,rgba(255,125,99,.24),transparent 34%);color:var(--muted)}.notes-featured-note:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--coral),var(--cyan))}.notes-featured-note span{display:inline-flex;align-items:center;gap:6px;color:#9b4b38;font-size:11px;font-weight:900;text-transform:uppercase}.notes-featured-note strong{color:var(--ink);font-size:17px;line-height:1.18}.notes-featured-note p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin:0;font-size:13px;line-height:1.65}.notes-workbench{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto;align-content:start;gap:12px}.notes-command{display:grid;grid-template-columns:minmax(170px,.34fr) minmax(0,1fr) minmax(260px,.42fr);gap:10px;align-items:center;border:1px solid rgba(30,29,25,.12);border-radius:8px;padding:12px;background:#ffffff47;box-shadow:0 1px #ffffff7a inset}.notes-command-title{display:grid;gap:3px;min-width:0}.notes-command-title strong{color:var(--ink);font-size:18px;line-height:1.1}.notes-command-title small{color:var(--muted);font-size:12px;font-weight:760}.notes-command-tools{min-width:0;display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;align-items:center}.notes-search-box{min-width:0;min-height:38px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid rgba(30,29,25,.14);border-radius:7px;padding:0 11px;background:#ffffff6b;color:var(--muted)}.notes-search-box input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:760}.notes-search-box input::placeholder{color:#4c463d94}.notes-clear-button{min-height:38px;padding-inline:12px;font-size:12px}.notes-filter-stack{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;gap:8px}.notes-command .filter-row{margin-bottom:0;justify-content:flex-start}.notes-tag-filter{display:flex;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 2px 4px;scrollbar-width:thin;gap:7px}.notes-tag-filter button,.note-tags button{border:1px solid rgba(30,29,25,.14);border-radius:6px;background:#ffffff5c;color:#504b42;font-weight:780}.notes-tag-filter button{flex:0 0 auto;min-height:30px;padding:0 10px;font-size:12px}.notes-tag-filter button.active,.note-tags button.active{border-color:#21d7de75;background:#21d7de21;color:#0c6b78}.notes-tag-filter button:hover,.note-tags button:hover,.reading-quick-tags button:hover{border-color:#21d7de57;transform:translateY(-1px)}.notes-sync-state{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;color:var(--muted);font-size:12px}.notes-active-summary{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px;color:var(--muted);font-size:12px;font-weight:820}.notes-active-summary span{min-height:30px;display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:0 10px;background:#ffffff5c}.notes-active-summary svg{color:var(--cyan-dark)}.notes-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.notes-layout.has-composer{align-items:start}.notes-layout.has-composer .notes-grid{flex:0 0 auto;width:100%;grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr))}.notes-grid{min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));grid-auto-rows:max-content;gap:16px;overflow:visible;padding:2px 4px 2px 0;scrollbar-color:rgba(33,215,222,.32) transparent;scrollbar-width:thin}.notes-grid::-webkit-scrollbar,.reading-composer::-webkit-scrollbar{width:8px;height:8px}.notes-grid::-webkit-scrollbar-track,.reading-composer::-webkit-scrollbar-track{background:transparent}.notes-grid::-webkit-scrollbar-thumb,.reading-composer::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#21d7de47;background-clip:padding-box}.note-reader-panel{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:minmax(190px,.28fr) minmax(0,1fr);gap:clamp(14px,2vw,22px);overflow:hidden;border:1px solid rgba(30,29,25,.14);border-radius:8px;padding:clamp(12px,1.8vw,18px);background:linear-gradient(90deg,rgba(33,215,222,.16),transparent 1px),radial-gradient(circle at 94% 8%,rgba(33,215,222,.2),transparent 30%),linear-gradient(135deg,#141717f5,#201e1bf0);background-size:1px 100%,auto,auto;color:#f7f1e6bd;box-shadow:0 18px 42px #1816121f}.note-reader-media{position:relative;min-width:0;max-width:100%;min-height:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:7px}.note-reader-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.34)),linear-gradient(90deg,rgba(33,215,222,.14),transparent);pointer-events:none}.note-reader-media img,.note-reader-media .media-tile{width:100%;height:100%;min-height:240px;border-radius:7px;object-fit:cover}.note-reader-copy{min-width:0;position:relative;display:grid;align-content:center;gap:11px;padding:clamp(4px,1.5vw,14px) clamp(2px,1vw,10px)}.note-reader-kicker{display:inline-flex;align-items:center;gap:6px;width:fit-content;color:var(--cyan);font-size:11px;font-weight:900;text-transform:uppercase}.note-reader-copy h3{margin:0;overflow-wrap:anywhere;color:#fff7e8;font-size:clamp(26px,3vw,46px);line-height:1.02}.note-reader-brief{max-width:72ch;margin:0;color:#f7f1e69e;font-size:14px;line-height:1.75}.note-reader-copy .note-meta-line{justify-content:flex-start;color:#f7f1e694}.note-reader-document{display:grid;gap:10px;border:1px solid rgba(247,241,230,.12);border-radius:8px;padding:clamp(14px,2vw,20px);background:linear-gradient(180deg,#ffffff14,#ffffff0b),repeating-linear-gradient(0deg,transparent 0 31px,rgba(247,241,230,.045) 31px 32px);box-shadow:0 1px #ffffff14 inset}.note-reader-document-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(247,241,230,.1);padding-bottom:8px}.note-reader-document-head span{color:var(--cyan);font-size:11px;font-weight:900}.note-reader-document-head strong{min-width:0;color:#f7f1e68a;font-size:11px;font-weight:820}.note-reader-digest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.note-reader-digest span{min-width:0;display:grid;gap:2px;border:1px solid rgba(247,241,230,.1);border-radius:7px;padding:8px 9px;background:#ffffff0b}.note-reader-digest small{color:#f7f1e673;font-size:10px;font-weight:900}.note-reader-digest strong{min-width:0;overflow:hidden;color:#fff7e8;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.note-reader-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(247,241,230,.1);border-radius:8px;padding:8px;background:#ffffff0b}.note-reader-toolbar>span{display:inline-flex;align-items:baseline;gap:8px;color:#fff7e8;font-size:13px;font-weight:900}.note-reader-toolbar small{color:#f7f1e67a;font-size:11px;font-weight:760}.note-reader-nav{display:inline-flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.note-reader-nav button,.note-copy-button{min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(247,241,230,.13);border-radius:6px;padding:0 9px;background:#ffffff12;color:#f7f1e6cc;font-size:12px;font-weight:850}.note-copy-button{padding-inline:10px}.note-reader-nav button:disabled{cursor:not-allowed;opacity:.42}.note-reader-progress{height:6px;overflow:hidden;border-radius:999px;background:#f7f1e61a}.note-reader-progress span{display:block;width:var(--reader-progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--cyan));transition:width .18s ease}.note-reader-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.note-reader-signals span{min-width:0;display:grid;gap:2px;border:1px solid rgba(247,241,230,.1);border-radius:7px;padding:8px 10px;background:#ffffff0b;color:#f7f1e680;font-size:11px;font-weight:820}.note-reader-signals strong{color:#fff7e8;font-size:16px;line-height:1}.note-reader-context{display:flex;flex-wrap:wrap;gap:7px}.note-reader-context span{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid rgba(247,241,230,.11);border-radius:6px;padding:0 10px;background:#ffffff0e;color:#f7f1e6a8;font-size:12px;font-weight:820}.note-reader-copy blockquote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin:0;border:0;border-radius:0;padding:0;background:transparent;color:#f7f1e6e6;font-size:clamp(15px,1.35vw,18px);font-weight:760;line-height:1.78}.note-reader-copy blockquote svg{margin-top:4px;color:var(--coral)}.note-reader-copy p{margin:0}.note-reader-reflection{display:grid;gap:6px;border-left:3px solid rgba(33,215,222,.72);padding:2px 0 2px 12px}.note-reader-reflection span{color:#8deaf2;font-size:11px;font-weight:900}.note-reader-reflection p{color:#f7f1e6a8;font-size:14px;line-height:1.75}.note-reader-actions{display:flex;flex-wrap:wrap;gap:8px}.note-reader-actions button,.note-reader-actions a,.note-expand-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(247,241,230,.13);border-radius:6px;min-height:30px;padding:0 10px;background:#ffffff12;color:#f7f1e6c7;font-size:12px;font-weight:850;text-decoration:none}.note-reader-actions button.active{border-color:#21d7de6b;background:#21d7de29;color:#8deaf2}.note-reader-feedback{width:fit-content;border:1px solid rgba(33,215,222,.24);border-radius:6px;padding:6px 9px;background:#21d7de1f;color:#a9f6fb;font-size:12px;font-weight:820}.notes-mini-index{grid-column:1 / -1;display:grid;gap:9px;padding:11px}.notes-mini-index-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;font-weight:850}.notes-mini-index-head span{color:var(--cyan-dark);font-size:11px;font-weight:900;text-transform:uppercase}.notes-mini-index-head strong{color:var(--ink);font-size:13px}.notes-mini-index-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(176px,100%),1fr));gap:7px}.notes-mini-index-list button{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:2px 8px;align-items:center;border:1px solid rgba(30,29,25,.12);border-radius:7px;padding:9px;background:#ffffff52;color:var(--muted);text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.notes-mini-index-list button:hover{border-color:#21d7de4d;transform:translateY(-1px)}.notes-mini-index-list button.active{border-color:#21d7de70;background:#21d7de1f}.notes-mini-index-list button>span{grid-row:1 / 3;color:var(--cyan-dark);font-size:11px;font-weight:900}.notes-mini-index-list strong,.notes-mini-index-list small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-mini-index-list strong{color:var(--ink);font-size:13px;line-height:1.15}.notes-mini-index-list small{color:var(--muted);font-size:11px;font-weight:780}.note-card{position:relative;min-width:0;display:grid;grid-template-rows:auto 1fr;align-content:start;overflow:hidden;padding:0;background:linear-gradient(180deg,#ffffffa8,#fbf8f08f),repeating-linear-gradient(0deg,rgba(30,29,25,.035) 0 1px,transparent 1px 29px);isolation:isolate;content-visibility:auto;contain-intrinsic-size:540px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.note-card:before{content:"";position:absolute;inset:0 0 auto;z-index:1;height:3px;background:linear-gradient(90deg,var(--cyan),var(--coral),transparent 72%);opacity:.76;pointer-events:none}.note-card:hover{border-color:#21d7de47;box-shadow:0 18px 38px #1816121f,0 1px #ffffff8c inset;transform:translateY(-2px)}.note-card.is-selected{border-color:#21d7de6b;box-shadow:0 18px 42px #18161221,0 0 0 2px #21d7de1a}.note-card.is-selected:before{height:4px;opacity:1}.note-card.is-editing{border-color:#21d7de7a;box-shadow:0 0 0 2px #21d7de1f,0 1px #ffffff8c inset}.note-card.is-expanded{border-color:#21d7de75;box-shadow:0 18px 42px #18161221,0 0 0 2px #21d7de1a}.note-cover-wrap{position:relative;aspect-ratio:16 / 9;min-height:148px;overflow:hidden}.note-cover-wrap>img,.note-cover-wrap>.media-tile{width:100%;height:100%;min-height:148px;border-radius:0;object-fit:cover}.note-cover-wrap>.media-tile:after,.note-cover-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000005,#0000006b),linear-gradient(90deg,rgba(33,215,222,.16),transparent);pointer-events:none}.note-kind{position:absolute;left:12px;bottom:12px;z-index:1;border-radius:5px;padding:5px 8px;background:#fbf8f0d1;color:#243a3d;font-size:11px;font-weight:900}.note-index{position:absolute;right:12px;bottom:12px;z-index:1;color:#ffffffd1;font-size:13px;font-weight:900;text-shadow:0 1px 10px rgba(0,0,0,.42)}.note-admin-actions{position:absolute;right:10px;top:10px;z-index:2;display:inline-flex;gap:6px}.note-admin-actions button{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:6px;background:#fbf8f0db;color:#26383b;box-shadow:0 8px 18px #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.note-admin-actions button.danger{color:#9b3c2a}.note-admin-actions button:disabled{cursor:not-allowed;opacity:.58}.note-card-body{display:grid;gap:11px;padding:16px}.note-card-head{display:grid;gap:8px}.note-meta-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.note-meta-line span,.note-meta-line time{display:inline-flex;align-items:center;gap:5px}.note-card h3{margin:0;overflow-wrap:anywhere;color:var(--ink);font-size:clamp(18px,1.5vw,24px);line-height:1.12}.note-card-reading-meta{display:flex;flex-wrap:wrap;gap:6px}.note-card-reading-meta span{border:1px solid rgba(30,29,25,.09);border-radius:5px;padding:4px 7px;background:#ffffff52;color:#5c554b;font-size:11px;font-weight:820}.note-card p,.note-card blockquote{margin:0}.note-card blockquote{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;border-left:0;border-radius:8px;padding:13px;background:linear-gradient(135deg,#ffffffa3,#ffffff57),linear-gradient(90deg,rgba(33,215,222,.12),transparent);color:#332f28;font-size:14px;font-weight:760;line-height:1.65}.note-card blockquote span{min-width:0;overflow-wrap:anywhere}.note-card:not(.is-expanded) blockquote span,.note-card:not(.is-expanded) .note-reflection span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.note-card:not(.is-expanded) blockquote span{-webkit-line-clamp:5}.note-card:not(.is-expanded) .note-reflection span{-webkit-line-clamp:3}.note-card blockquote svg{color:var(--coral);margin-top:3px}.note-reflection{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;border-left:3px solid rgba(33,215,222,.78);padding-left:10px;color:var(--muted);font-size:13px;line-height:1.7}.note-reflection span{min-width:0;overflow-wrap:anywhere}.note-reflection svg{margin-top:3px;color:var(--cyan-dark)}.note-tags{margin-top:2px}.note-tags button{min-height:27px;padding:0 8px;font-size:12px}.note-source-link{display:inline-flex;align-items:center;gap:6px;width:fit-content;color:#0c6b78;font-size:13px;font-weight:850}.note-card-footer{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid rgba(30,29,25,.1);padding-top:10px;color:var(--muted);font-size:11px;font-weight:820}.note-card-footer span{border-radius:5px;padding:4px 8px;background:#ffffff57}.note-expand-button{margin-left:auto;border-color:#21d7de47;background:#21d7de1a;color:#0c6b78}.note-expand-button svg{transition:transform .16s ease}.note-card.is-expanded .note-expand-button svg{transform:rotate(90deg)}.notes-empty-state{grid-column:1 / -1;min-height:clamp(220px,34vh,320px);display:grid;place-items:center;align-content:center;gap:9px;border:1px dashed rgba(30,29,25,.22);border-radius:8px;padding:28px;background:linear-gradient(135deg,#ffffff8a,#fbf8f052),repeating-linear-gradient(90deg,rgba(30,29,25,.035) 0 1px,transparent 1px 22px);color:var(--muted);text-align:center}.notes-empty-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(33,215,222,.32);border-radius:8px;background:#21d7de1a;color:var(--cyan-dark)}.notes-empty-kicker{color:var(--cyan-dark);font-size:11px;font-weight:900;text-transform:uppercase}.notes-empty-state strong{color:var(--ink);font-size:clamp(20px,2vw,28px);line-height:1.12}.notes-empty-state p{max-width:430px;margin:0;font-size:14px;line-height:1.7}.notes-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:6px}.notes-empty-actions .cyan-button,.notes-empty-actions .ghost-button{min-height:40px;padding-inline:14px;font-size:13px}.archive-empty-state{display:grid;place-items:center;align-content:center;gap:9px;min-height:clamp(220px,34vh,340px);border:1px dashed rgba(30,29,25,.2);border-radius:8px;padding:28px;background:linear-gradient(135deg,#ffffff8a,#fbf8f04d),repeating-linear-gradient(90deg,rgba(30,29,25,.035) 0 1px,transparent 1px 22px);color:var(--muted);text-align:center}.archive-empty-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(33,215,222,.32);border-radius:8px;background:#21d7de1a;color:var(--cyan-dark)}.archive-empty-state span{color:var(--cyan-dark);font-size:11px;font-weight:900;text-transform:uppercase}.archive-empty-state strong{color:var(--ink);font-size:clamp(20px,2vw,28px);line-height:1.12}.archive-empty-state p{max-width:460px;margin:0;font-size:14px;line-height:1.7}.reading-composer{grid-column:1 / -1;flex:0 0 auto;width:100%;margin-top:0;align-self:stretch;overflow:visible;scrollbar-color:rgba(33,215,222,.32) transparent;scrollbar-width:thin;background:linear-gradient(90deg,rgba(33,215,222,.2),transparent 1px),radial-gradient(circle at 100% 0%,rgba(255,125,99,.14),transparent 32%),linear-gradient(180deg,#ffffffad,#f4efe58a);background-size:1px 100%,auto,auto}@media(min-width:1680px){.notes-layout.has-composer{display:grid;grid-template-columns:minmax(0,.64fr) minmax(360px,.36fr)}.notes-layout.has-composer .notes-grid{grid-template-columns:minmax(0,1fr)}.reading-composer{grid-column:auto;overflow-x:hidden;overflow-y:auto;max-height:calc(100svh - 210px)}}.reading-composer.is-editing{border-color:#21d7de5c;box-shadow:0 18px 38px #1816121a,0 0 0 2px #21d7de1a}.reading-draft-state{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid rgba(30,29,25,.11);border-radius:8px;padding:8px;background:#ffffff47}.reading-draft-state span{min-width:0;display:inline-flex;align-items:center;gap:7px;color:#5f574b;font-size:12px;font-weight:850}.reading-draft-state svg{flex:0 0 auto;color:var(--cyan-dark)}.reading-draft-state.has-draft{border-color:#21d7de42;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#ffffff57}.reading-draft-state .ghost-button{min-height:34px;padding-inline:10px;font-size:12px}.reading-draft-preview{position:relative;display:grid;gap:8px;overflow:hidden;border:1px solid rgba(33,215,222,.22);border-radius:8px;padding:15px;background:radial-gradient(circle at 92% 12%,rgba(33,215,222,.22),transparent 34%),linear-gradient(135deg,#111316f5,#161d1df0);color:#f7f1e6b8}.reading-draft-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 22px);pointer-events:none}.reading-draft-preview>*{position:relative}.reading-draft-preview span{display:inline-flex;align-items:center;gap:6px;color:var(--cyan);font-size:12px;font-weight:900}.reading-draft-preview strong{color:#fff7e8;font-size:20px;line-height:1.15}.reading-draft-preview p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin:0;color:#f7f1e6a8;font-size:13px;line-height:1.65}.reading-draft-meta{display:flex;flex-wrap:wrap;gap:7px}.reading-draft-meta span{border:1px solid rgba(247,241,230,.14);border-radius:5px;padding:4px 8px;background:#ffffff0f;color:#f7f1e6b8;font-size:11px;font-weight:850}.reading-workflow-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.reading-workflow-rail span{position:relative;min-width:0;display:grid;grid-template-columns:auto 1fr;gap:4px 7px;align-items:center;border:1px solid rgba(30,29,25,.11);border-radius:8px;padding:9px;background:linear-gradient(180deg,#ffffff5c,#fff3),repeating-linear-gradient(90deg,rgba(30,29,25,.025) 0 1px,transparent 1px 18px)}.reading-workflow-rail span.is-ready{border-color:#21d7de4d;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#ffffff6b}.reading-workflow-rail span.is-optional:not(.is-ready){opacity:.78}.reading-workflow-rail em{grid-row:span 2;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#1e1d1914;color:#1e1d1975;font-size:10px;font-style:normal;font-weight:900}.reading-workflow-rail span.is-ready em{background:#21d7de29;color:#0c6b78}.reading-workflow-rail svg{position:absolute;right:9px;top:9px;color:#0c6b788f}.reading-workflow-rail strong,.reading-workflow-rail small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-workflow-rail strong{padding-right:18px;color:#423d35;font-size:12px;font-weight:900}.reading-workflow-rail small{color:var(--muted);font-size:10px;font-weight:820}.reading-publication-board{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:10px;align-items:stretch}.reading-publication-preview,.reading-publication-quality{min-width:0;border:1px solid rgba(30,29,25,.11);border-radius:8px;background:linear-gradient(180deg,#ffffff6b,#ffffff3d),repeating-linear-gradient(90deg,rgba(30,29,25,.025) 0 1px,transparent 1px 18px)}.reading-publication-preview{display:grid;gap:9px;padding:10px}.reading-publication-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.reading-publication-head>span{display:inline-flex;align-items:center;gap:6px;color:#0c6b78;font-size:12px;font-weight:900}.reading-publication-head .note-copy-button{min-height:30px;padding:0 10px;font-size:11px}.reading-public-card{display:grid;grid-template-columns:minmax(94px,.32fr) minmax(0,1fr);gap:12px;min-width:0;border:1px solid rgba(30,29,25,.1);border-radius:8px;padding:10px;background:#fffcf6b3;box-shadow:inset 0 1px #ffffff8c}.reading-public-card>img,.reading-public-cover{width:100%;min-height:132px;border-radius:7px;object-fit:cover}.reading-public-cover{display:grid;place-items:center;align-content:center;gap:8px;border:1px solid rgba(33,215,222,.22);background:radial-gradient(circle at 72% 16%,rgba(33,215,222,.22),transparent 32%),linear-gradient(135deg,#121618f5,#1f2624f0);color:#f7f1e6cc}.reading-public-cover span{font-size:10px;font-weight:900;letter-spacing:0;text-transform:uppercase}.reading-public-copy{min-width:0;display:grid;gap:6px;align-content:start}.reading-public-copy small,.reading-public-creator{color:var(--muted);font-size:11px;font-weight:830}.reading-public-copy h3{margin:0;color:var(--ink);font-size:19px;line-height:1.18}.reading-public-creator{margin:0}.reading-public-copy blockquote{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin:2px 0 0;border-left:3px solid var(--coral);padding-left:10px;color:#4d473d;font-size:13px;line-height:1.7}.reading-public-reflection{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0;color:#6a6256;font-size:12px;line-height:1.65}.reading-public-tags{display:flex;flex-wrap:wrap;gap:6px}.reading-public-tags span{min-height:24px;display:inline-flex;align-items:center;border:1px solid rgba(33,215,222,.2);border-radius:6px;padding:0 7px;background:#21d7de14;color:#0c6b78;font-size:10px;font-weight:900}.reading-publication-quality{display:grid;gap:9px;align-content:start;padding:10px}.reading-quality-head,.reading-quality-foot{display:flex;gap:8px;align-items:center;justify-content:space-between}.reading-quality-head span,.reading-quality-foot span{color:var(--muted);font-size:11px;font-weight:850}.reading-quality-head strong{color:var(--ink);font-size:22px;line-height:1}.reading-quality-meter{height:8px;overflow:hidden;border-radius:999px;background:#1e1d191a}.reading-quality-meter span{display:block;width:var(--publish-progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--cyan))}.reading-quality-list{display:grid;gap:6px}.reading-quality-list span{min-width:0;display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:6px;align-items:center;border:1px solid rgba(30,29,25,.1);border-radius:7px;padding:7px;background:#ffffff57;color:#504b429e}.reading-quality-list span.is-ready{border-color:#21d7de47;background:#21d7de1a;color:#0c6b78}.reading-quality-list span.is-optional:not(.is-ready){opacity:.76}.reading-quality-list svg{opacity:.42}.reading-quality-list span.is-ready svg{opacity:1}.reading-quality-list small{color:inherit;font-size:10px;font-weight:900}.reading-quality-list strong{min-width:0;overflow:hidden;color:var(--ink);font-size:11px;font-weight:900;text-align:right;text-overflow:ellipsis;white-space:nowrap}.reading-publish-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.reading-publish-checks span{min-width:0;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(30,29,25,.12);border-radius:6px;padding:0 7px;background:#ffffff57;color:#504b429e;font-size:11px;font-weight:860;white-space:nowrap}.reading-publish-checks svg{opacity:.32}.reading-publish-checks span.is-ready{border-color:#21d7de57;background:#21d7de1c;color:#0c6b78}.reading-publish-checks span.is-ready svg{opacity:1}.reading-publish-checks span.is-optional:not(.is-ready){color:#504b427a}.reading-publish-meter{height:7px;overflow:hidden;border-radius:999px;background:#1e1d191a}.reading-publish-meter span{display:block;width:var(--publish-progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--cyan));transition:width .18s ease}.reading-composer-helper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.reading-composer-helper span{min-width:0;min-height:36px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(30,29,25,.1);border-radius:7px;padding:0 10px;background:#ffffff4d;color:#4d473d;font-size:11px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-composer-helper svg{flex:0 0 auto;color:var(--cyan-dark)}.reading-import-guide{display:flex;flex-wrap:wrap;gap:7px;align-items:center;border:1px solid rgba(33,215,222,.18);border-radius:8px;padding:8px;background:linear-gradient(90deg,rgba(33,215,222,.1),transparent),#ffffff4d}.reading-import-guide span{color:#0c6b78;font-size:11px;font-weight:900}.reading-import-guide code{min-height:26px;display:inline-flex;align-items:center;border:1px solid rgba(30,29,25,.1);border-radius:6px;padding:0 8px;background:#ffffff6b;color:#4d473d;font-family:inherit;font-size:11px;font-weight:830}.reading-field-radar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.reading-field-radar span{min-width:0;display:grid;gap:3px;border:1px solid rgba(30,29,25,.1);border-radius:8px;padding:9px 10px;background:linear-gradient(180deg,#ffffff57,#ffffff38),repeating-linear-gradient(90deg,rgba(30,29,25,.025) 0 1px,transparent 1px 18px)}.reading-field-radar span.is-ready{border-color:#21d7de42;background:linear-gradient(90deg,rgba(33,215,222,.1),transparent),#ffffff57}.reading-field-radar span.is-optional:not(.is-ready){opacity:.78}.reading-field-radar small{color:var(--cyan-dark);font-size:10px;font-weight:900}.reading-field-radar strong{min-width:0;overflow:hidden;color:#423d35;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.reading-wide-field textarea:first-of-type,.reading-composer textarea{min-height:108px}.reading-wide-field{border:1px solid rgba(30,29,25,.1);border-radius:8px;padding:10px;background:#ffffff3d}.reading-composer .owner-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-quick-tags{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid rgba(30,29,25,.1);padding-bottom:10px}.reading-quick-tags button{display:inline-flex;align-items:center;gap:5px;min-height:30px;border:1px solid rgba(30,29,25,.14);border-radius:6px;padding:0 9px;background:#ffffff61;color:#504b42;font-size:12px;font-weight:780}.reading-quick-tags button.active{border-color:#21d7de75;background:#21d7de21;color:#0c6b78}.reading-action-row{position:sticky;bottom:-14px;z-index:2;grid-template-columns:minmax(160px,1fr) minmax(82px,auto) repeat(2,minmax(112px,auto));align-items:stretch;border-top:1px solid rgba(30,29,25,.12);padding-top:10px;background:linear-gradient(180deg,#f7f3ebb8,#f7f3ebf0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reading-action-row .ghost-button,.reading-action-row .cyan-button{min-height:44px}.reading-count{display:grid;place-items:center;min-height:46px;min-width:82px;padding:5px 10px;color:var(--muted);font-size:11px;line-height:1.1}.reading-count strong{color:var(--ink);font-size:16px}.reading-cover-preview{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(33,215,222,.22);border-radius:8px;padding:8px;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#fff6}.reading-cover-preview img{width:72px;aspect-ratio:4 / 3;border-radius:6px;object-fit:cover}.reading-cover-preview div{display:grid;gap:3px;min-width:0}.reading-cover-preview strong{color:var(--ink);font-size:13px}.reading-cover-preview span{color:var(--muted);font-size:12px;line-height:1.45}.reading-cover-preview .ghost-button{min-height:36px;padding:0 12px}.private-section{grid-template-columns:minmax(260px,.28fr) minmax(0,.72fr)}.private-composer{padding:clamp(18px,2.4vw,34px)}.owner-login{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.42fr) auto;gap:10px;align-items:center;margin-bottom:12px;border:1px solid rgba(30,29,25,.13);border-radius:8px;padding:12px;background:#ffffff6b}.owner-login div{display:grid;gap:3px}.owner-login span,.backend-status{color:var(--muted);font-size:12px}.owner-login strong{color:var(--ink);font-size:14px}.owner-login p{margin:0;color:var(--muted);font-size:13px}.owner-login input{min-width:0;min-height:42px;border:1px solid rgba(30,29,25,.16);border-radius:7px;padding:0 12px;background:#ffffffa3;color:var(--ink)}.public-activity-console,.comment-health-console{display:grid;grid-template-columns:minmax(220px,.54fr) minmax(0,1fr);gap:12px;align-items:stretch;margin-bottom:14px;border:1px solid rgba(30,29,25,.12);border-radius:8px;padding:14px;background:linear-gradient(115deg,rgba(33,215,222,.12),transparent 56%),#ffffff6b;box-shadow:0 1px #ffffff94 inset}.public-activity-head,.comment-health-console>div:first-child{display:grid;align-content:start;gap:5px;min-width:0}.public-activity-head span,.comment-health-console>div:first-child span{color:var(--cyan-dark);font-size:11px;font-weight:920;text-transform:uppercase}.public-activity-head strong,.comment-health-console>div:first-child strong{min-width:0;overflow:hidden;color:var(--ink);font-size:16px;font-weight:920;text-overflow:ellipsis;white-space:nowrap}.public-activity-head p,.comment-health-console>div:first-child p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.public-activity-signals,.comment-health-signals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.public-activity-signals span,.comment-health-signals span{min-width:0;display:grid;align-content:center;gap:3px;border:1px solid rgba(30,29,25,.1);border-radius:8px;padding:9px 10px;background:#ffffff5c}.public-activity-signals small,.comment-health-signals small{color:var(--muted);font-size:10px;font-weight:900}.public-activity-signals strong,.comment-health-signals strong{min-width:0;overflow:hidden;color:var(--ink);font-size:12px;font-weight:920;text-overflow:ellipsis;white-space:nowrap}.composer-lock{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:#f5f3ea9e}.private-composer textarea{width:100%;min-height:min(48vh,460px);resize:vertical;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:18px;background:#01060775;color:#f5f3ea}.post-title-input{width:100%;min-height:46px;margin-bottom:12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:0 14px;background:#01060775;color:#f5f3ea;font-weight:900}.private-composer textarea:disabled,.comment-form input:disabled,.cyan-button:disabled{cursor:not-allowed;opacity:.58}.composer-bottom{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:14px}.owner-actions{display:flex;border:1px solid rgba(255,255,255,.12);border-radius:6px;overflow:hidden}.owner-actions button{width:44px;height:44px;display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.12)}.owner-actions button:last-child{border-right:0}.composer-bottom>span{color:#f5f3ea75;font-size:13px}.post-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.post-empty-state{grid-column:1 / -1}.backend-status{margin:10px 0 0}.backend-mode-notice{margin:0;border:1px solid rgba(255,125,99,.22);border-radius:6px;padding:9px 10px;background:#ff7d6314;color:#6d5144;font-size:12px;line-height:1.55}.backend-mode-notice span{display:block;margin-top:4px}.mini-post{border:1px solid rgba(30,29,25,.12);border-radius:7px;padding:14px;background:#ffffff5c}.mini-post.is-editing{border-color:#21d7de7a;box-shadow:0 0 0 2px #21d7de1f}.mini-post div{display:flex;justify-content:space-between;gap:12px}.mini-post time,.mini-post p{color:var(--muted);font-size:13px}.mini-post-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mini-post-actions button{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid rgba(30,29,25,.14);border-radius:6px;padding:0 10px;background:#ffffff57;color:var(--ink);font-size:12px;font-weight:800}.comments-section{grid-template-columns:minmax(260px,.3fr) minmax(0,1fr)}.comment-form{display:grid;grid-template-columns:auto minmax(130px,.2fr) minmax(220px,1fr) minmax(170px,.24fr) auto;gap:12px;align-items:center;padding:16px;margin-bottom:16px}.comment-author-lock{min-width:0;display:grid;gap:2px}.comment-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(145deg,#1b2124,#414448);color:#f7f1e6;font-size:13px;font-weight:800}.comment-form input{min-width:0;min-height:46px;border:1px solid rgba(30,29,25,.22);border-radius:6px;padding:0 14px;background:#ffffff7a}.human-gate{position:relative;display:grid;grid-template-columns:auto auto minmax(58px,1fr);gap:7px;align-items:center;min-height:46px;border:1px solid rgba(30,29,25,.22);border-radius:6px;padding:0 10px;background:#ffffff7a;color:#4b463f;font-size:13px;font-weight:800}.human-gate input{min-height:32px;border:0;padding:0;background:transparent}.human-gate-trap{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}.github-comments-panel{display:grid;gap:10px;margin-bottom:16px;border:1px solid var(--line);border-radius:8px;padding:16px;background:#ffffff80}.github-comments-panel>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.github-comments-panel span{color:var(--muted);font-size:12px;font-weight:800}.github-comments-panel strong{color:var(--ink);font-size:15px}.github-comments-panel p{margin:0;color:#5f5a50;font-size:13px;line-height:1.7}.github-comments-frame{min-height:80px}.github-comments-frame:empty:before{content:"GitHub 评论面板加载中";display:block;color:var(--muted);font-size:13px}.comment-list{display:grid;max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fbf8f080;padding:4px 18px}.comment-empty-state{margin-block:14px}.comment-row{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px 0;border-bottom:1px solid rgba(30,29,25,.13)}.comment-row:last-child{border-bottom:0}.comment-meta{display:flex;align-items:baseline;gap:12px}.comment-meta span{color:var(--muted);font-size:12px}.comment-body p{margin:5px 0 8px;color:#37342e;font-size:14px}.comment-actions{display:flex;justify-content:flex-end;gap:18px}.comment-actions button{display:inline-flex;align-items:center;gap:6px;color:#6d685e;font-size:13px}.comment-actions button:not(.danger):last-child{color:var(--coral)}.comment-actions button.danger{color:#9b3c2a}.comment-actions button:disabled{cursor:not-allowed;opacity:.58}.contact-section{grid-template-columns:minmax(260px,.36fr) minmax(0,1fr)}.roadmap-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.roadmap-item{display:flex;align-items:center;gap:12px;min-height:76px;border:1px solid rgba(30,29,25,.12);border-radius:8px;padding:14px 16px;background:linear-gradient(135deg,#ffffff94,#fbf8f057),linear-gradient(90deg,rgba(33,215,222,.11),transparent);color:#38352f;font-size:15px;font-weight:760}.roadmap-item svg{color:var(--cyan-dark);flex:0 0 auto}.site-footer{grid-column:2;margin-top:20px;color:var(--muted);font-size:13px}.background-music-dock{position:fixed;right:18px;bottom:18px;z-index:50;display:inline-flex;align-items:center;gap:10px;max-width:min(320px,calc(100vw - 36px));border:1px solid rgba(33,215,222,.32);border-radius:8px;padding:8px 12px 8px 8px;background:#0e1214e6;color:#f5f3ea;box-shadow:0 18px 38px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.background-music-dock:before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:999px;background:#ff7d63e6;box-shadow:0 0 14px #ff7d6357}.background-music-dock.is-playing:before{background:var(--cyan);box-shadow:0 0 14px #21d7de75}.background-music-dock button{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:6px;background:#21d7de2e;color:var(--cyan)}.background-music-dock.is-playing button{background:linear-gradient(135deg,#21d7de47,#ff7d6329)}.background-music-dock.is-blocked{border-color:#ff7d635c}.background-music-dock span{min-width:0;display:grid;gap:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800}.background-music-dock small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f3ea85;font-size:10px;font-weight:820}.dark-mode .workspace{background:linear-gradient(#141616f0,#141616f0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}.dark-mode .search-box,.dark-mode .global-search-panel,.dark-mode .global-search-result,.dark-mode .global-search-empty{border-color:#ffffff24;background:#141819d1;color:#f7f1e6c7}.dark-mode .search-box.is-active,.dark-mode .search-box:focus-within{border-color:#21d7de75;background:#141819f0}.dark-mode .search-box input,.dark-mode .global-search-result strong,.dark-mode .global-search-empty strong{color:#f7f1e6}.dark-mode .global-search-panel{box-shadow:0 24px 58px #00000057}.dark-mode .global-search-result:hover,.dark-mode .global-search-result:focus-visible{background:#ffffff14}.dark-mode .global-search-result small,.dark-mode .global-search-panel-head strong{color:#f7f1e69e}.dark-mode .global-search-result em{color:#8deaf2}.dark-mode .screen-intro h2,.dark-mode .hero-copy h1,.dark-mode .portfolio-admin-head strong,.dark-mode .portfolio-detail-head strong,.dark-mode .note-card h3,.dark-mode .comment-author-lock strong,.dark-mode .account-panel strong{color:#f7f1e6}.dark-mode .screen-intro p,.dark-mode .hero-copy p,.dark-mode .portfolio-card-copy p,.dark-mode .portfolio-card-copy small,.dark-mode .note-card p,.dark-mode .mini-post p,.dark-mode .comment-body p,.dark-mode .backend-status{color:#f7f1e6ad}.dark-mode .account-email-help,.dark-mode .account-inline-password,.dark-mode .account-password-recovery-tip{border-color:#21d7de38;background:#21d7de14}.dark-mode .account-email-help>span,.dark-mode .account-password-recovery-tip>span,.dark-mode .account-recovery-hint{color:#8deaf2}.dark-mode .account-recovery-hint,.dark-mode .account-inline-password{border-color:#21d7de38;background:#21d7de14}.dark-mode .portfolio-admin,.dark-mode .owner-upload-panel,.dark-mode .owner-login,.dark-mode .comment-form,.dark-mode .comment-list,.dark-mode .mini-post,.dark-mode .roadmap-item,.dark-mode .account-panel,.dark-mode .github-comments-panel,.dark-mode .owner-management-strip,.dark-mode .brand-edit-panel,.dark-mode .demo-experience-console,.dark-mode .gallery-command-console,.dark-mode .public-activity-console,.dark-mode .comment-health-console{background:#141819b8;color:#f7f1e6}.dark-mode .note-card,.dark-mode .note-reader-panel,.dark-mode .portfolio-fallback-preview,.dark-mode .notes-stat-grid span,.dark-mode .notes-archive-mark,.dark-mode .notes-sync-state,.dark-mode .notes-command,.dark-mode .notes-source-map,.dark-mode .notes-featured-note,.dark-mode .notes-active-summary,.dark-mode .notes-mini-index,.dark-mode .archive-empty-state,.dark-mode .reading-count,.dark-mode .notes-empty-state{background:#141819ad;color:#f7f1e6ad}.dark-mode .notes-reading-lens,.dark-mode .reading-draft-preview{border-color:#21d7de33;background:radial-gradient(circle at 92% 12%,rgba(33,215,222,.15),transparent 34%),linear-gradient(135deg,#090d0ef5,#101819f0)}.dark-mode .reading-draft-state{border-color:#ffffff1a;background:#ffffff0d}.dark-mode .reading-draft-state.has-draft{border-color:#21d7de3d;background:linear-gradient(90deg,rgba(33,215,222,.1),transparent),#ffffff0f}.dark-mode .reading-draft-state span{color:#f7f1e6ad}.dark-mode .note-card blockquote,.dark-mode .notes-search-box,.dark-mode .reading-quick-tags button,.dark-mode .reading-publication-preview,.dark-mode .reading-publication-quality,.dark-mode .reading-public-card,.dark-mode .reading-quality-list span,.dark-mode .reading-quality-meter,.dark-mode .notes-tag-filter button,.dark-mode .note-tags button,.dark-mode .note-card-reading-meta span,.dark-mode .notes-top-tags button,.dark-mode .notes-active-summary span,.dark-mode .notes-mini-index-list button,.dark-mode .reading-cover-preview,.dark-mode .reading-wide-field,.dark-mode .reading-import-guide,.dark-mode .reading-import-guide code,.dark-mode .music-draft-radar span,.dark-mode .music-background-console,.dark-mode .music-action-status,.dark-mode .music-delete-confirm,.dark-mode .owner-brand-status span,.dark-mode .demo-signal-grid span,.dark-mode .gallery-signal-grid span,.dark-mode .public-activity-signals span,.dark-mode .comment-health-signals span,.dark-mode .reading-workflow-rail span,.dark-mode .reading-field-radar span,.dark-mode .reading-publish-checks span,.dark-mode .reading-publish-meter,.dark-mode .notes-source-meter{background:#ffffff12;color:#f7f1e6d6}.dark-mode .notes-search-box input{color:#f7f1e6}.dark-mode .notes-search-box input::placeholder{color:#f7f1e675}.dark-mode .note-admin-actions button,.dark-mode .gallery-admin-actions button{border-color:#ffffff2e;background:#121618d1;color:#f7f1e6}.dark-mode .note-admin-actions button.danger,.dark-mode .gallery-admin-actions button.danger,.dark-mode .ghost-button.danger,.dark-mode .mini-post-actions button.danger,.dark-mode .comment-actions button.danger{color:#ff9a84}.dark-mode .notes-tag-filter button.active,.dark-mode .note-tags button.active,.dark-mode .notes-top-tags button.active,.dark-mode .notes-mini-index-list button.active,.dark-mode .note-expand-button,.dark-mode .reading-publish-checks span.is-ready{background:#21d7de2e;color:#8deaf2}.dark-mode .fallback-signal-grid span,.dark-mode .fallback-tags span{border-color:#ffffff1f;background:#ffffff12}.dark-mode .fallback-action-hint{border-color:#ff7d6333;background:#ff7d6314}.dark-mode .note-card.is-selected,.dark-mode .reading-composer.is-editing{border-color:#21d7de70;box-shadow:0 18px 42px #0000002e,0 0 0 2px #21d7de1f}.dark-mode .note-reader-toolbar,.dark-mode .note-reader-nav button,.dark-mode .note-copy-button,.dark-mode .note-reader-signals span,.dark-mode .note-reader-digest span,.dark-mode .note-reader-progress,.dark-mode .note-reader-document,.dark-mode .reading-composer-helper span{border-color:#ffffff1f;background:#ffffff0f;color:#f7f1e6d1}.dark-mode .note-reader-signals strong{color:#fff7e8}.dark-mode .note-reader-digest small{color:#f7f1e680}.dark-mode .note-reader-digest strong{color:#fff7e8}.dark-mode .reading-composer-helper svg{color:#8deaf2}.dark-mode .reading-import-guide{border-color:#21d7de38;background:linear-gradient(90deg,rgba(33,215,222,.1),transparent),#ffffff0d}.dark-mode .reading-import-guide span{color:#8deaf2}.dark-mode .reading-import-guide code{border-color:#ffffff1a}.dark-mode .reading-field-radar span.is-ready,.dark-mode .reading-workflow-rail span.is-ready{border-color:#21d7de47;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#ffffff0f}.dark-mode .account-trigger,.dark-mode .account-edit-toggle,.dark-mode .account-popover{border-color:#ffffff1f;background:#141819d1;color:#f7f1e6}.dark-mode .account-trigger:hover,.dark-mode .account-trigger.is-open{border-color:#21d7de57;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#141819e6}.dark-mode .account-trigger strong{color:#fff7e8}.dark-mode .account-popover-head span,.dark-mode .account-trigger small{color:#f7f1e69e}.dark-mode .reading-workflow-rail em{background:#ffffff12;color:#f7f1e685}.dark-mode .reading-workflow-rail span.is-ready em{background:#21d7de26;color:#8deaf2}.dark-mode .reading-workflow-rail strong,.dark-mode .reading-public-copy h3,.dark-mode .reading-quality-head strong,.dark-mode .reading-quality-list strong{color:#fff7e8}.dark-mode .reading-public-copy blockquote{color:#f7f1e6d1}.dark-mode .reading-public-reflection{color:#f7f1e69e}.dark-mode .reading-public-tags span,.dark-mode .reading-quality-list span.is-ready{border-color:#21d7de47;background:#21d7de24;color:#8deaf2}.dark-mode .reading-public-cover{border-color:#21d7de38;background:radial-gradient(circle at 72% 16%,rgba(33,215,222,.16),transparent 32%),linear-gradient(135deg,#080c0df5,#101819f0)}.dark-mode .reading-workflow-rail small{color:#f7f1e68f}.dark-mode .music-draft-radar span.is-ready{border-color:#21d7de47;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#ffffff0f}.dark-mode .music-draft-radar small,.dark-mode .music-background-console span,.dark-mode .owner-brand-status small,.dark-mode .demo-experience-console>div:first-child span,.dark-mode .demo-signal-grid small,.dark-mode .gallery-command-console>div:first-child span,.dark-mode .gallery-signal-grid small,.dark-mode .public-activity-head span,.dark-mode .comment-health-console>div:first-child span,.dark-mode .public-activity-signals small,.dark-mode .comment-health-signals small,.dark-mode .reading-field-radar small{color:#8deaf2}.dark-mode .music-draft-radar strong,.dark-mode .music-background-console strong,.dark-mode .music-action-status,.dark-mode .music-delete-confirm span,.dark-mode .owner-brand-status strong,.dark-mode .demo-experience-console>div:first-child strong,.dark-mode .demo-signal-grid strong,.dark-mode .gallery-command-console>div:first-child strong,.dark-mode .gallery-signal-grid strong,.dark-mode .public-activity-head strong,.dark-mode .comment-health-console>div:first-child strong,.dark-mode .public-activity-signals strong,.dark-mode .comment-health-signals strong,.dark-mode .reading-field-radar strong{color:#fff7e8}.dark-mode .music-background-console small,.dark-mode .demo-experience-console>div:first-child p,.dark-mode .gallery-command-console>div:first-child p,.dark-mode .public-activity-head p,.dark-mode .comment-health-console>div:first-child p{color:#f7f1e69e}.dark-mode .note-reader-feedback{border-color:#21d7de42;background:#21d7de1f;color:#a9f6fb}.dark-mode .note-reflection,.dark-mode .note-meta-line,.dark-mode .note-card-footer,.dark-mode .note-card-reading-meta span,.dark-mode .notes-stat-grid span,.dark-mode .notes-source-row,.dark-mode .notes-top-tags small,.dark-mode .notes-mini-index-list small,.dark-mode .reading-count,.dark-mode .reading-cover-preview span,.dark-mode .owner-management-strip span{color:#f7f1e69e}.dark-mode .notes-stat-grid strong,.dark-mode .notes-source-row strong,.dark-mode .notes-command-title strong,.dark-mode .notes-command-title small,.dark-mode .notes-featured-note strong,.dark-mode .notes-mini-index-head strong,.dark-mode .notes-mini-index-list strong,.dark-mode .reading-count strong,.dark-mode .notes-empty-state strong,.dark-mode .reading-cover-preview strong{color:#f7f1e6}.dark-mode .notes-empty-icon,.dark-mode .archive-empty-icon{border-color:#21d7de3d;background:#21d7de1a;color:#8deaf2}.dark-mode .notes-empty-kicker{color:#8deaf2}.dark-mode .notes-source-kicker,.dark-mode .notes-active-summary svg,.dark-mode .notes-mini-index-head span,.dark-mode .notes-mini-index-list button>span,.dark-mode .note-reader-document-head span{color:#8deaf2}.dark-mode .archive-empty-state span{color:#8deaf2}.dark-mode .archive-empty-state strong{color:#f7f1e6}.dark-mode .notes-featured-note span{color:#ffb09b}.dark-mode .note-card-footer span,.dark-mode .reading-draft-meta span{background:#ffffff12}.dark-mode .reading-action-row{border-top-color:#ffffff1a;background:linear-gradient(180deg,#141819b8,#141819f5)}.dark-mode .ghost-button{border-color:#ffffff2e;background:#ffffff12;color:#f7f1e6}.dark-mode .account-mail-radar span{border-color:#ffffff1a;background:#ffffff0e}.dark-mode .account-mail-radar span.is-ready{border-color:#21d7de47;background:linear-gradient(90deg,rgba(33,215,222,.12),transparent),#ffffff12}.dark-mode .account-mail-radar small{color:#8deaf2}.dark-mode .account-mail-radar strong{color:#fff7e8}@media(max-width:1380px)and (min-width:861px){.workspace-notes .notes-section{padding-top:150px}}@media(max-width:1280px){.app-shell{--sidebar-width: 88px}.app-shell.app-edit-mode{--sidebar-width: 260px}.sidebar{padding-inline:10px}.brand{justify-content:center;padding:0}.brand div:last-child,.nav-link span,.sidebar-footer{display:none}.app-edit-mode .brand{justify-content:flex-start;padding:10px}.app-edit-mode .brand div:last-child{display:grid}.app-edit-mode .nav-link span,.app-edit-mode .sidebar-footer{display:initial}.app-edit-mode .nav-link{justify-content:flex-start}.nav-link{justify-content:center;padding:0}.screen-section,.hero-section,.demos-section,.music-section,.gallery-section,.notes-section,.private-section,.comments-section,.contact-section{grid-template-columns:1fr;align-content:center}.notes-section{display:flex;flex-direction:column;align-content:flex-start;align-items:stretch;justify-content:flex-start}.screen-intro{max-width:820px}.notes-rail{order:2;display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.62fr);align-items:end}.notes-workbench{order:1;flex:0 0 auto;width:100%}.notes-rail .screen-intro{max-width:none}.notes-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.notes-reading-lens,.notes-source-map{grid-column:2}.notes-featured-note{grid-column:1}.notes-tag-filter{justify-content:flex-start}.notes-archive-mark{grid-column:1 / -1;margin-top:0}.notes-command{grid-template-columns:1fr}.notes-filter-stack,.notes-command .filter-row,.notes-tag-filter{justify-items:start;justify-content:flex-start}.notes-command-tools{width:100%;max-width:620px}.notes-active-summary{justify-content:flex-start}.note-reader-panel{grid-template-columns:minmax(180px,.38fr) minmax(0,1fr)}.notes-layout.has-composer{grid-template-columns:minmax(0,1fr)}.notes-layout.has-composer .notes-grid{grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr))}.reading-composer{max-height:none}.reading-publish-checks{grid-template-columns:repeat(4,minmax(88px,1fr))}.docs-section{grid-template-columns:minmax(220px,.25fr) minmax(0,.75fr);padding:42px 36px;gap:28px}.docs-section .screen-intro h2{font-size:clamp(34px,4vw,58px)}.demo-shelf,.demo-experience-console,.playlist-panel,.music-upload-panel,.gallery-upload-panel,.notes-upload-panel,.site-footer{grid-column:auto}.doc-wall{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:10px}.portfolio-command{justify-content:start}.portfolio-admin{max-width:none}.portfolio-toolbar{grid-template-columns:1fr}.portfolio-content{grid-template-columns:minmax(320px,.36fr) minmax(0,.64fr);grid-template-rows:minmax(0,1fr)}.portfolio-detail{overflow:auto}.portfolio-preview iframe,.portfolio-preview img,.portfolio-preview-empty,.portfolio-fallback-preview{min-height:clamp(420px,58vh,720px)}.fallback-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.global-account-bar{max-width:calc(100vw - var(--sidebar-width) - 36px)}.account-panel-form{grid-template-columns:minmax(160px,1fr) minmax(130px,.7fr) auto auto}.account-panel-form input[placeholder=用户名]{grid-column:2 / 3}}@media(max-width:860px){html{scroll-behavior:auto}body{overflow:hidden}.app-shell{display:block}.sidebar{display:none}.mobile-nav-strip{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:10px 12px;background:#f8f4eaf0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(30,29,25,.1)}.mobile-brand{display:inline-flex;gap:8px;color:var(--ink);min-width:0;font-weight:800}.mobile-brand-editor-wrap{display:grid;gap:3px;min-width:0}.mobile-brand-editor{position:relative;display:grid;grid-template-columns:auto minmax(92px,1fr);padding-inline:10px}.mobile-brand-editor input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-weight:900}.mobile-brand-editor-wrap small{color:var(--cyan-dark);font-size:10px;font-weight:850}.mobile-nav-strip nav{display:flex;gap:12px;overflow-x:auto;min-width:0;padding:2px 2px 5px;scrollbar-width:none;white-space:nowrap;color:var(--muted);font-size:13px}.mobile-nav-strip nav::-webkit-scrollbar{display:none}.mobile-nav-strip a.active{color:var(--ink);font-weight:800}.global-account-bar{position:fixed;top:56px;right:10px;z-index:19;max-width:calc(100vw - 20px)}.account-dock{justify-items:end}.account-dock-actions{justify-content:flex-end}.account-trigger{width:min(220px,calc(100vw - 20px));min-height:42px}.account-edit-toggle{min-height:42px;padding-inline:11px}.account-popover{width:min(360px,calc(100vw - 20px));max-height:calc(100svh - 112px);overflow:auto}.global-account-bar,.account-panel,.account-panel-form,.owner-management-strip{flex-direction:column}.account-panel,.account-panel-form{width:100%;grid-template-columns:auto minmax(0,1fr) auto}.account-panel-form,.account-recovery-panel{grid-template-columns:1fr}.account-panel-form input[placeholder=用户名]{grid-column:auto}.account-email-help>div{grid-template-columns:1fr}.account-inline-password,.account-password-recovery-tip{grid-template-columns:1fr}.account-password-recovery-tip .cyan-button{width:100%}.screen-section{height:calc(100svh - 65px);align-content:start;align-items:stretch;padding:72px 12px 44px;gap:22px}.notes-section{display:flex;flex-direction:column}.docs-section{grid-template-columns:1fr;padding:32px 12px 44px}.screen-intro h2,.hero-copy h1{font-size:34px}.hero-console,.demo-stage,.player-surface,.owner-login,.portfolio-login-row,.portfolio-upload-row,.owner-management-strip,.owner-upload-grid,.comment-form,.github-comments-panel>div:first-child,.composer-bottom{grid-template-columns:1fr}.portfolio-editor-grid{grid-template-columns:1fr}.hero-media,.waveform,.progress-row,.player-controls{grid-column:auto}.hero-search-wrap{min-width:0}.global-search-panel{position:relative;inset:auto;max-height:min(48svh,430px)}.global-search-result{grid-template-columns:1fr}.global-search-result small,.global-search-result em{grid-column:auto;grid-row:auto}.global-search-result em{justify-self:start}.owner-command-actions .ghost-button{flex:1 1 130px}.brand-edit-grid,.brand-media-editors,.owner-brand-status,.demo-experience-console,.gallery-command-console,.music-draft-radar,.music-background-console{grid-template-columns:1fr}.music-background-console span{grid-row:auto}.hero-toolbar{justify-content:flex-end}.doc-wall{display:flex;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.doc-card{min-width:min(82vw,290px);min-height:360px;scroll-snap-align:start}.demo-shelf,.playlist-panel,.gallery-grid,.notes-grid,.post-stack,.roadmap-list{grid-template-columns:1fr}.notes-grid{overflow:visible}.notes-workbench{order:1;flex:0 0 auto}.notes-rail{order:2;flex:0 0 auto}.notes-rail,.notes-stat-grid,.notes-reading-lens,.notes-source-map,.notes-featured-note,.notes-command,.notes-command-tools,.notes-active-summary,.note-reader-panel,.reading-composer .owner-upload-grid,.reading-action-row,.reading-draft-state,.reading-cover-preview,.public-activity-console,.comment-health-console{grid-template-columns:1fr}.notes-command-tools{min-width:0}.notes-rail{display:flex;align-items:stretch}.notes-rail .screen-intro{max-width:none}.notes-stat-grid,.notes-reading-lens,.notes-source-map,.notes-featured-note,.notes-archive-mark{grid-column:auto;width:100%}.reading-publication-board,.reading-public-card{grid-template-columns:1fr}.reading-public-card>img,.reading-public-cover{min-height:150px;max-height:220px}.reading-publication-board{margin-bottom:12px}.reading-quality-list span{grid-template-columns:auto minmax(52px,auto) minmax(0,1fr)}.notes-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-filter-stack{grid-template-columns:1fr}.notes-tag-filter{width:100%}.note-reader-toolbar{align-items:stretch}.note-reader-toolbar>span,.note-reader-nav{width:100%;justify-content:space-between}.note-reader-context span,.notes-active-summary span{width:100%;justify-content:flex-start}.note-reader-digest{grid-template-columns:repeat(2,minmax(0,1fr))}.note-reader-signals,.reading-composer-helper,.demo-signal-grid,.gallery-signal-grid,.public-activity-signals,.comment-health-signals{grid-template-columns:1fr}.note-copy-button{flex:1 1 120px}.notes-clear-button,.notes-empty-actions,.notes-empty-actions .cyan-button,.notes-empty-actions .ghost-button{width:100%}.note-reader-copy{padding:4px;gap:10px}.note-reader-document{padding:11px}.note-reader-document-head{display:grid;justify-content:stretch}.note-reader-media img,.note-reader-media .media-tile{min-height:150px}.note-reader-copy h3{font-size:25px}.note-card-footer{align-items:stretch}.note-expand-button{width:100%;margin-left:0}.reading-publish-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-publish-checks span{justify-content:flex-start;padding-inline:10px}.notes-mini-index{padding:10px}.notes-mini-index-list{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.notes-mini-index-list button{min-width:min(76vw,260px);scroll-snap-align:start}.notes-mini-index-list strong,.notes-mini-index-list small{overflow:visible;text-overflow:clip;white-space:normal}.notes-reading-lens{grid-column:auto}.notes-tag-filter{justify-content:flex-start}.note-admin-actions{opacity:1}.notes-archive-mark{margin-top:0}.demo-feature,.hero-media{min-height:360px}.album-art{grid-row:auto;width:100%;min-height:280px}.heart-button{position:absolute;top:18px;right:18px;z-index:2}.private-composer textarea{min-height:300px}.comment-form .comment-avatar,.comment-author-lock{display:none}.human-gate{grid-template-columns:auto auto minmax(0,1fr)}.comment-list{max-height:none}.portfolio-command{gap:12px}.portfolio-command .screen-intro h2{margin-bottom:10px}.owner-badge{max-width:none}.portfolio-workbench{gap:12px}.portfolio-content{grid-template-columns:1fr;grid-template-rows:auto auto;overflow:visible}.portfolio-browser{min-height:auto;overflow:visible}.portfolio-folder-tree{grid-auto-flow:column;grid-auto-columns:minmax(190px,72vw);overflow-x:auto;padding-bottom:12px}.portfolio-browser-label{grid-column:1 / -1}.portfolio-folder{min-height:54px}.portfolio-file-panel{overflow:visible}.portfolio-path{flex-wrap:wrap;align-items:flex-start;padding:8px}.portfolio-list{min-height:auto;max-height:none;overflow:visible;padding-right:0}.portfolio-detail{min-height:auto;grid-template-rows:auto auto auto auto;overflow:visible}.portfolio-detail-head .portfolio-detail-path{flex-wrap:wrap;align-items:flex-start;padding:8px}.portfolio-detail-head .portfolio-detail-path strong{white-space:normal}.portfolio-preview iframe,.portfolio-preview img,.portfolio-preview-empty,.portfolio-fallback-preview,.structured-empty,.excel-reader,.document-reader{min-height:330px}.portfolio-preview{height:auto;min-height:min(72vh,620px);overflow:visible}.portfolio-preview iframe,.portfolio-preview>img{height:min(72vh,620px)}.portfolio-preview .document-reader{height:auto;overflow:visible}.portfolio-preview .document-blocks{padding:14px 12px 22px}.portfolio-preview .document-image-block{padding:6px}.portfolio-preview .document-image-block img,.portfolio-preview .document-page-card img,.portfolio-preview .excel-image-card img{height:auto;min-height:0}.portfolio-preview .document-image-block img{max-height:none}.portfolio-preview .document-reader.has-page-images .document-page-preview{gap:12px;border-bottom:0;padding:12px;background:#fffdf6}.portfolio-preview .document-reader.has-page-images .document-page-strip{display:grid;gap:12px;overflow:visible;padding-bottom:0;scroll-snap-type:none}.portfolio-preview .document-reader.has-page-images .document-page-card{display:grid;width:100%;padding:6px}.portfolio-preview .document-reader.has-page-images .document-page-card img{width:100%;height:auto;min-height:0;max-height:none}.portfolio-preview .document-reader.has-page-images .document-blocks{display:none}.portfolio-detail-actions{justify-content:stretch}.portfolio-detail-actions .ghost-button,.portfolio-detail-actions .cyan-button{flex:1 1 150px}.portfolio-expanded-preview{padding:0}.portfolio-expanded-panel{border-radius:0}.fallback-signal-grid{grid-template-columns:1fr}.fallback-action-hint{flex-direction:column}.background-music-dock{right:10px;bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}