@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_fcbcbf;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_fcbcbf;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_fcbcbf{font-family:__Inter_fcbcbf,__Inter_Fallback_fcbcbf;font-style:normal}:root{--bg:#1c1c1e;--bg-card:#252527;--bg-hover:#2e2e31;--border:#3a3a3e;--border-hover:#5a5a5e;--text:#c8c8c8;--text-muted:#606060;--text-heading:#e8e8e8;--text-ghost:#3c3c40;--accent:#c0fc04;--accent-text:#0a0a0a;--danger:#f44;--success:#4ade80;--warn:#fbbf24;--purple:#a855f7;--blue:#4a9eff}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit;text-decoration:none}.app{display:flex;height:100vh;width:100vw;background:var(--bg);overflow:hidden}.sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;background:#1a1a1c}.sidebar-logo{padding:18px 16px 14px;border-bottom:1px solid var(--border)}.logo-text{font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.logo-sub{font-size:10px;color:var(--text-ghost);letter-spacing:.06em;margin-top:2px}.search-wrap{padding:10px 12px;border-bottom:1px solid var(--border)}.search-input{width:100%;background:var(--bg-hover);border:1px solid var(--border);border-radius:4px;padding:5px 9px;font-size:11px;color:var(--text);font-family:Inter,sans-serif;outline:none;transition:border-color 80ms}.search-input:focus{border-color:var(--border-hover)}.search-input::placeholder{color:var(--text-ghost)}.sidebar-nav{padding:8px 0;border-bottom:1px solid var(--border)}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 16px;cursor:pointer;transition:background 80ms;color:var(--text-muted);font-size:12px;letter-spacing:.01em;text-decoration:none}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{color:var(--text-heading);background:var(--bg-card)}.nav-item.active .nav-dot{background:var(--accent)}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--text-ghost);flex-shrink:0}.sidebar-pages{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:10px 0}.sidebar-label{padding:4px 16px 6px;font-size:10px;font-weight:500;letter-spacing:.1em;color:var(--text-ghost);text-transform:uppercase}.page-item{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;cursor:pointer;transition:background 80ms;color:var(--text-muted);font-size:12px}.page-item:hover{background:var(--bg-hover);color:var(--text)}.page-item.active{color:var(--text);background:var(--bg-card)}.page-item-left{display:flex;align-items:center;gap:8px}.page-icon{width:14px;text-align:center}.page-badge,.page-icon{font-size:10px;color:var(--text-ghost)}.page-badge{background:var(--bg-card);border:1px solid var(--border);padding:1px 5px;border-radius:3px}.new-page-btn{display:flex;align-items:center;gap:8px;padding:6px 16px;cursor:pointer;color:var(--text-ghost);font-size:11px;transition:all 80ms;margin-top:4px}.new-page-btn:hover{color:var(--text-muted);background:var(--bg-hover)}.sidebar-bottom{border-top:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;gap:9px;cursor:pointer;transition:background 80ms}.avatar-small,.sidebar-bottom:hover{background:var(--bg-hover)}.avatar-small{width:26px;height:26px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;color:var(--text-muted);flex-shrink:0}.user-name{font-size:12px;color:var(--text);font-weight:500}.user-status{font-size:10px;color:var(--text-ghost)}.main{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:48px;border-bottom:1px solid var(--border);justify-content:space-between;padding:0 20px;flex-shrink:0}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:14px}.topbar-crumb{font-size:11px;color:var(--text-ghost)}.page-title{font-size:13px;font-weight:500;color:var(--text-heading);letter-spacing:-.01em}.topbar-right{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-muted);font-size:11px;font-family:Inter,sans-serif;cursor:pointer;transition:all 80ms;letter-spacing:.01em}.btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text)}.btn:active{transform:translateY(1px);background:var(--bg-card)}.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn-accent:hover{background:#d4ff1a;border-color:#d4ff1a;color:var(--accent-text)}.btn-full{width:100%;justify-content:center;padding:9px 11px;font-size:13px}.canvas-area{flex:1 1;position:relative;overflow:hidden;background:var(--bg);background-image:radial-gradient(circle,#3a3a3e 1px,transparent 0);background-size:28px 28px}.block{position:absolute;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;width:220px;transition:border-color 80ms}.block:hover{border-color:var(--border-hover)}.stripe-blue{border-left:3px solid var(--blue);border-radius:0 6px 6px 0}.stripe-green{border-left:3px solid var(--success);border-radius:0 6px 6px 0}.stripe-warn{border-left:3px solid var(--warn);border-radius:0 6px 6px 0}.stripe-purple{border-left:3px solid var(--purple);border-radius:0 6px 6px 0}.stripe-danger{border-left:3px solid var(--danger);border-radius:0 6px 6px 0}.block-header{padding:9px 12px 7px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;cursor:move}.block-title{color:var(--text-heading);font-size:12px;font-weight:500;letter-spacing:-.01em;background:transparent;border:none;outline:none;font-family:inherit;flex:1 1}.block-controls{display:flex;align-items:center;gap:4px}.block-dot{width:8px;height:8px;border-radius:50%;cursor:pointer;border:1px solid transparent;transition:all 80ms}.block-dot:hover{border-color:var(--border-hover);transform:scale(1.2)}.block-body{padding:9px 12px 10px}.block-text{background:transparent;border:none;color:var(--text);font-size:12px;font-family:inherit;line-height:1.6;width:100%;resize:none;outline:none}.block-text::placeholder{color:var(--text-ghost)}.resize-handle{position:absolute;bottom:2px;right:2px;width:10px;height:10px;cursor:se-resize;opacity:0;transition:opacity 80ms}.block:hover .resize-handle{opacity:1}.resize-handle:after{content:"";position:absolute;bottom:2px;right:2px;width:6px;height:6px;border-right:1.5px solid var(--border-hover);border-bottom:1.5px solid var(--border-hover)}.task-list{display:flex;flex-direction:column;gap:5px}.task-row{gap:8px;padding:3px 0}.task-check,.task-row{display:flex;align-items:center}.task-check{width:13px;height:13px;border:1px solid var(--border);border-radius:2px;flex-shrink:0;cursor:pointer;justify-content:center;transition:all 80ms}.task-check.done{background:var(--success);border-color:var(--success)}.task-check.done:after{content:"";width:7px;height:5px;border-left:1.5px solid #0a0a0a;border-bottom:1.5px solid #0a0a0a;transform:rotate(-45deg) translateY(-1px)}.task-label{font-size:12px;color:var(--text)}.task-label.done{color:var(--text-ghost);text-decoration:line-through}.task-priority{margin-left:auto;width:6px;height:6px;border-radius:50%;flex-shrink:0}.sb-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px}.sb-frame{aspect-ratio:16/9;background:var(--bg);border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--text-ghost);cursor:pointer;transition:border-color 80ms}.sb-frame:hover{border-color:var(--border-hover)}.sb-frame.filled{background:#2a2a2d;color:var(--text-muted);font-size:8px}.connections-layer{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:0}.undo-redo{position:absolute;bottom:16px;right:16px;display:flex;gap:6px;z-index:10}.ur-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--bg-card);color:var(--text-muted);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 80ms}.ur-btn:hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-hover)}.ur-btn.disabled{opacity:.2;cursor:default;pointer-events:none}.zoom-indicator{position:absolute;bottom:18px;left:16px;font-size:10px;color:var(--text-ghost);letter-spacing:.04em;z-index:10}.mobile-tabbar{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:#1a1a1c;border-top:1px solid var(--border);z-index:1000;align-items:center;justify-content:space-around}.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 16px;color:var(--text-ghost);font-size:10px;transition:color 80ms}.tab-item.active{color:var(--accent)}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg);background-image:radial-gradient(circle,#3a3a3e 1px,transparent 0);background-size:28px 28px;overflow:auto}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:36px 32px;width:320px}.login-logo{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.login-title{font-size:22px;font-weight:600;color:var(--text-heading);letter-spacing:-.02em;margin-bottom:24px}.input-field{width:100%;background:var(--bg-hover);border:1px solid var(--border);border-radius:4px;padding:9px 12px;font-size:13px;color:var(--text);font-family:inherit;outline:none;transition:border-color 80ms;margin-bottom:12px}.input-field:focus{border-color:var(--border-hover)}.input-field::placeholder{color:var(--text-ghost)}.login-hint{font-size:11px;color:var(--text-ghost);text-align:center;margin-top:14px;line-height:1.5}.reader-list{width:240px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;background:#1a1a1c}.reader-book-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background 80ms}.reader-book-item:hover{background:var(--bg-hover)}.reader-book-item.active{background:var(--bg-card)}.reader-content{overflow:hidden;position:relative}.reader-content,.reader-empty{flex:1 1;display:flex;flex-direction:column}.reader-empty{align-items:center;justify-content:center;color:var(--text-ghost);font-size:13px}.reader-text{flex:1 1;overflow-y:auto;padding:40px 60px;max-width:720px;margin:0 auto;width:100%;font-size:15px;line-height:1.8;color:var(--text)}.reader-text p{margin-bottom:1em}.reader-text h1,.reader-text h2,.reader-text h3{color:var(--text-heading);margin:1.4em 0 .6em}.epub-nav{display:flex;justify-content:center;gap:12px;padding:10px;border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.reader-upload-mobile{display:none;position:fixed;bottom:70px;right:16px;z-index:100}.chat-members{width:240px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;background:#1a1a1c;display:flex;flex-direction:column}.chat-members-header{padding:12px 16px 8px;font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--text-ghost);text-transform:uppercase;border-bottom:1px solid var(--border);flex-shrink:0}.chat-member-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background 80ms}.chat-member-item:hover{background:var(--bg-hover)}.chat-member-item.active{background:var(--bg-card)}.chat-area{overflow:hidden}.chat-area,.chat-messages{flex:1 1;display:flex;flex-direction:column}.chat-messages{overflow-y:auto;padding:16px 20px;gap:4px}.chat-date-divider{text-align:center;font-size:10px;color:var(--text-ghost);padding:12px 0 8px;letter-spacing:.04em}.chat-bubble-wrap{display:flex;justify-content:flex-start;margin-bottom:2px}.chat-bubble-wrap.mine{justify-content:flex-end}.chat-bubble{max-width:68%;background:var(--bg-card);border:1px solid var(--border);border-radius:10px 10px 10px 2px;padding:8px 12px}.chat-bubble.mine{background:#1e3020;border-color:#2a4a2e;border-radius:10px 10px 2px 10px}.chat-bubble-text{font-size:13px;color:var(--text);line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-bubble-time{font-size:10px;color:var(--text-ghost);margin-top:4px;text-align:right}.chat-input-area{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--border);align-items:flex-end;flex-shrink:0}.chat-input{flex:1 1;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:13px;color:var(--text);font-family:inherit;outline:none;resize:none;min-height:38px;max-height:120px;transition:border-color 80ms;line-height:1.5}.chat-input:focus{border-color:var(--border-hover)}.chat-input::placeholder{color:var(--text-ghost)}.hero{padding:56px 28px 44px;border-bottom:1px solid var(--border);position:relative;overflow:hidden;flex-shrink:0}.hero:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(192,252,4,.07) 0,transparent 65%);pointer-events:none}.hero-label{font-size:10px;font-weight:600;letter-spacing:.18em;color:var(--text-ghost);text-transform:uppercase;margin-bottom:18px}.hero-name{font-size:clamp(52px,8vw,100px);font-weight:700;color:var(--text-heading);letter-spacing:-.04em;line-height:.92;margin-bottom:22px}.hero-name span{color:var(--accent)}.hero-tagline{font-size:14px;color:var(--text-muted);letter-spacing:.04em;margin-bottom:20px}.hero-tags{display:flex;gap:6px;flex-wrap:wrap}.hero-tag{font-weight:500;letter-spacing:.1em;border:1px solid var(--border);border-radius:3px;padding:4px 9px}.hero-section-label,.hero-tag{font-size:10px;text-transform:uppercase;color:var(--text-ghost)}.hero-section-label{padding:20px 28px 0;letter-spacing:.12em;flex-shrink:0}.posts-area{flex:1 1;overflow-y:auto;display:flex;flex-direction:column}.posts-feed{padding:24px 28px;flex:1 1}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color 80ms;position:relative}.post-card:hover{border-color:var(--border-hover)}.post-card-img{height:160px;overflow:hidden;background:var(--bg-hover)}.post-card-body{padding:14px 16px}.post-card-date{font-size:10px;color:var(--text-ghost);margin-bottom:6px;letter-spacing:.03em}.post-card-title{font-size:14px;font-weight:600;color:var(--text-heading);margin-bottom:8px;line-height:1.4;letter-spacing:-.01em}.post-card-excerpt{font-size:12px;color:var(--text-muted);line-height:1.6}.post-card-delete{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.6);border:1px solid var(--border);color:var(--text-muted);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity 80ms;line-height:1}.post-card:hover .post-card-delete{opacity:1}.post-card-delete:hover{color:var(--danger);border-color:var(--danger)}.post-view{max-width:700px;margin:0 auto}.post-view-meta{font-size:11px;color:var(--text-ghost);margin-bottom:12px}.post-view-title{font-size:28px;font-weight:700;color:var(--text-heading);margin-bottom:20px;letter-spacing:-.03em;line-height:1.3}.post-view-img{width:100%;border-radius:6px;margin-bottom:24px;max-height:400px;object-fit:cover}.post-view-content{font-size:15px;line-height:1.8;color:var(--text)}.post-view-content p{margin-bottom:1em}.post-view-content h1,.post-view-content h2,.post-view-content h3{color:var(--text-heading);margin:1.4em 0 .6em}.post-view-content a{color:var(--accent)}.post-view-content blockquote{border-left:3px solid var(--border-hover);padding-left:16px;color:var(--text-muted);margin:1em 0}.post-view-content code{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:.9em;font-family:monospace}.post-view-content pre{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:14px;overflow-x:auto;margin:1em 0}.post-view-content ol,.post-view-content ul{padding-left:24px;margin-bottom:1em}.post-view-content li{margin-bottom:4px}.post-new-area{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.post-new-title-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);padding:20px 28px;font-size:22px;font-weight:600;color:var(--text-heading);font-family:inherit;outline:none;letter-spacing:-.02em;flex-shrink:0}.post-new-title-input::placeholder{color:var(--text-ghost)}.post-new-editor{flex:1 1;width:100%;background:transparent;border:none;padding:20px 28px;font-size:14px;color:var(--text);font-family:JetBrains Mono,Consolas,monospace;outline:none;resize:none;line-height:1.7}.post-new-editor::placeholder{color:var(--text-ghost)}.post-new-preview{flex:1 1;overflow-y:auto;padding:20px 28px}.post-new-tabs{display:flex;gap:4px}.active-tab{background:var(--bg-card)!important;border-color:var(--border-hover)!important;color:var(--text)!important}.editor-toolbar{display:flex;align-items:center;gap:2px;padding:5px 20px;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0;flex-wrap:wrap}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 7px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text-muted);font-size:11px;font-family:Inter,sans-serif;cursor:pointer;transition:all 80ms;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:0}.toolbar-btn:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text)}.toolbar-btn:active{background:var(--bg);transform:translateY(1px)}.toolbar-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.toolbar-btn strong{font-size:12px;font-weight:700}.toolbar-italic em{font-size:12px;font-style:italic}.toolbar-mono{font-family:JetBrains Mono,Consolas,monospace;font-size:10px;letter-spacing:-.03em}.toolbar-btn-media{font-size:14px;min-width:30px}.toolbar-sep{width:1px;height:16px;background:var(--border);margin:0 4px;flex-shrink:0}.toolbar-uploading{font-size:10px;color:var(--accent);margin-left:8px;letter-spacing:.04em}.img-upload-panel{border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0;padding:10px 16px}.img-drop-zone{border:1px dashed var(--border);border-radius:6px;padding:14px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:border-color .12s,background .12s;background:var(--bg);color:var(--text-muted);font-size:12px;text-align:center}.img-drop-zone.drag-over,.img-drop-zone:hover{border-color:var(--accent);background:rgba(192,252,4,.04);color:var(--accent)}.img-drop-zone svg{opacity:.45;transition:opacity .12s}.img-drop-zone.drag-over svg,.img-drop-zone:hover svg{opacity:1}.img-drop-hint{font-size:10px;color:var(--text-ghost)}.img-thumb-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.img-thumb{width:66px;cursor:-webkit-grab;cursor:grab;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--border);border-radius:4px;padding:3px 3px 5px;background:var(--bg);transition:border-color 80ms,opacity 80ms;position:relative}.img-thumb.dragging,.img-thumb:hover{border-color:var(--accent)}.img-thumb.dragging{opacity:.4}.img-thumb img{object-fit:cover}.img-thumb img,.img-thumb-video{width:60px;height:44px;border-radius:2px}.img-thumb-video{display:flex;align-items:center;justify-content:center;background:var(--bg-card);font-size:18px;color:var(--text-muted)}.img-thumb-name{font-size:9px;color:var(--text-ghost);max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-thumb-remove{position:absolute;top:2px;right:2px;background:none;border:none;color:var(--text-ghost);font-size:12px;cursor:pointer;line-height:1;padding:0;width:14px;height:14px;display:none;align-items:center;justify-content:center}.img-thumb:hover .img-thumb-remove{display:flex}.img-thumb-remove:hover{color:var(--text)}.media-slideshow{position:relative;margin-bottom:24px;border-radius:6px;overflow:hidden;background:var(--bg-card);-webkit-user-select:none;-moz-user-select:none;user-select:none;aspect-ratio:16/9}.media-slide{display:flex;align-items:center;justify-content:center;height:100%}.media-slide img{object-fit:contain}.media-slide img,.media-slide video{width:100%;height:100%;display:block;border-radius:6px}.media-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:none;color:hsla(0,0%,100%,.8);font-size:20px;line-height:1;width:32px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s;z-index:2}.media-nav:hover{background:rgba(0,0,0,.56);color:#fff}.media-prev{left:0;border-radius:0 6px 6px 0}.media-next{right:0;border-radius:6px 0 0 6px}.media-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:5px;z-index:2}.media-dot{width:6px;height:6px;border-radius:50%;border:none;background:hsla(0,0%,100%,.3);cursor:pointer;padding:0;transition:background .2s,transform .2s,width .2s}.media-dot.active{background:var(--accent);transform:scale(1.2);width:16px;border-radius:3px}.chat-input-flat{flex:1 1;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:inherit;font-size:13px;outline:none;resize:none;min-height:32px;max-height:120px;padding:4px 0;transition:border-color 80ms;line-height:1.5}.chat-input-flat:focus{border-bottom-color:var(--border-hover)}.chat-input-flat::placeholder{color:var(--text-ghost)}.reader-book-add{padding:10px 14px;display:flex;align-items:center;gap:7px;cursor:pointer;color:var(--text-ghost);font-size:11px;margin-top:auto;border-top:1px solid var(--border);transition:color 80ms}.reader-book-add:hover{color:var(--text-muted)}.reader-fs-overlay{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column}.reader-fs-topbar{height:40px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0}.reader-fs-content{flex:1 1;overflow-y:auto;padding:0}.reader-fs-nav{height:52px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 48px;flex-shrink:0}.profile-page{flex:1 1;overflow-y:auto;padding:28px 36px}.p-section{margin-bottom:32px}.p-section-title{font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--text-ghost);text-transform:uppercase;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.avatar-row{gap:18px}.avatar-big,.avatar-row{display:flex;align-items:center}.avatar-big{width:56px;height:56px;border-radius:50%;background:var(--bg-hover);border:1px solid var(--border);justify-content:center;font-size:20px;font-weight:500;color:var(--text-muted);flex-shrink:0;overflow:hidden}.avatar-info{display:flex;flex-direction:column;gap:6px}.avatar-hint{font-size:10px;color:var(--text-ghost)}.field{margin-bottom:14px}.field-label{font-size:10px;color:var(--text-ghost);margin-bottom:5px;letter-spacing:.03em}.field-input{width:100%;max-width:360px;background:var(--bg-hover);border:1px solid var(--border);border-radius:4px;padding:7px 10px;font-size:12px;color:var(--text-heading);font-family:inherit;outline:none;transition:border-color 80ms}.field-input:focus{border-color:var(--border-hover)}.field-input::placeholder{color:var(--text-ghost)}.field-input.readonly{color:var(--text-muted);cursor:default;background:var(--bg-card)}.field-hint{font-size:10px;color:var(--text-ghost);margin-top:4px}.save-row{display:flex;gap:8px;padding-top:6px}.btn-save{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn-save:hover{background:#d4ff1a;border-color:#d4ff1a;color:var(--accent-text)}.danger-zone{border:1px solid #3a1a1a;border-radius:6px;padding:16px 18px;max-width:400px}.danger-title{font-size:12px;color:#ff6b6b;font-weight:500;margin-bottom:5px}.danger-desc{font-size:11px;color:var(--text-muted);margin-bottom:14px;line-height:1.5}.btn-danger{border-color:#3a1a1a;color:#ff6b6b}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.invite-code-input{width:100%;background:var(--bg-hover);border:1px solid var(--border);border-radius:4px;padding:10px 12px;font-size:15px;color:var(--accent);font-family:inherit;outline:none;letter-spacing:.08em;text-align:center;transition:border-color 80ms;text-transform:uppercase}.invite-code-input:focus{border-color:var(--border-hover)}.invite-code-input::placeholder{color:var(--text-ghost);font-size:11px;letter-spacing:0;text-transform:none}.sidebar-bottom{text-decoration:none}.chat-back-btn,.reader-books-btn{display:none}.tab-avatar-wrap{width:22px;height:22px;border-radius:50%;background:var(--bg-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--text-muted);font-weight:500}.tab-item.active .tab-avatar-wrap{border-color:var(--accent);color:var(--accent)}.notes-hint-mobile{display:none;font-size:12px}.books-drawer{display:none;position:fixed;bottom:56px;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);border-radius:12px 12px 0 0;z-index:500;transform:translateY(100%);transition:transform .3s ease;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.books-drawer.open{transform:translateY(0)}.books-drawer-handle{width:36px;height:4px;background:var(--border-hover);border-radius:2px;margin:10px auto 8px}@media (max-width:768px){.sidebar{display:none}.mobile-tabbar{display:flex;padding-bottom:env(safe-area-inset-bottom,0)}.app{height:calc(100vh - 56px)}.reader-list{display:none!important}.reader-books-btn{display:inline-flex}.books-drawer{display:block}.reader-text{padding:20px 18px;font-size:15px}.reader-upload-mobile{display:flex}.chat-members{width:100%;border-right:none}.chat-area{position:fixed;top:0;left:0;right:0;bottom:56px;background:var(--bg);transform:translateX(100%);transition:transform .28s ease;z-index:200;display:flex;flex-direction:column;overflow:hidden}.chat-area.chat-open{transform:translateX(0)}.chat-back-btn{display:inline-flex!important}.posts-grid{grid-template-columns:1fr}.posts-area{padding:12px}.profile-page{padding:16px}.danger-zone,.field-input{max-width:100%}.topbar{padding:0 14px;height:48px}.topbar-crumb{display:none}.page-title{font-size:15px;font-weight:600}.ur-btn{width:40px;height:40px;font-size:18px}.block-header{cursor:default}.notes-hint-desktop{display:none}.notes-hint-mobile{display:block}input,textarea{font-size:16px!important}*{-webkit-tap-highlight-color:transparent}.canvas-area,.chat-messages,.posts-area,.profile-page,.reader-text{-webkit-overflow-scrolling:touch}}