:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#182333;background:#f4f6fa;font-size:16px;font-synthesis:none;line-height:1.65;--blue:#244bd6;--muted:#647187;--line:#e5e9f0}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,textarea,select{outline-offset:4px}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin:0 0 16px}h1{font-size:30px;letter-spacing:-.8px;line-height:1.35}h2{font-size:22px;line-height:1.5}h3{font-size:17px}small,.fine{font-size:13px;color:var(--muted)}.muted,.subtle{color:var(--muted)}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:1.8px;color:#6c7890;margin-bottom:12px}.primary,.secondary,.danger{min-height:46px;padding:11px 20px;border-radius:10px;font-weight:600;font-size:15px}.primary{background:var(--blue);color:#fff}.primary:hover{background:#183cb9}.secondary{border:1px solid #d7ddeb;background:#fff;display:inline-flex;justify-content:center;align-items:center}.danger{background:#fff0f0;color:#a12b35;border:1px solid #efc9cd}.full{width:100%;margin-top:14px}.quiet{font-size:14px;color:var(--muted)}.text-button{color:var(--blue);font-size:14px;padding:4px 0}.field-label{display:block;font-size:14px;font-weight:600;margin:18px 0 12px}input:not([type=radio]):not([type=checkbox]),textarea,select{width:100%;border:1px solid #d7deeb;border-radius:9px;padding:12px 13px;background:#fff;color:#1d2a3e;display:block;margin-top:7px}textarea{min-height:140px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--blue)}.error{background:#fff0f0;color:#9d2332;padding:12px 18px;margin:12px 0;border-radius:8px}.notice{background:#edf2ff;color:#344a85;padding:16px;border-radius:9px;margin:16px 0}.check{display:flex;gap:12px;align-items:flex-start;margin:22px 0;font-size:15px}.check input{margin-top:6px;accent-color:var(--blue);width:18px;height:18px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;color:#1a2d53;white-space:nowrap}.brand-mark{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:12px}.brand-en{font-size:10px;letter-spacing:2px;color:#7a879e}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.login-visual{background:#eaf0ff;padding:60px 10%;display:flex;flex-direction:column;justify-content:space-between;min-height:700px}.login-visual h1{font-size:clamp(34px,4.2vw,60px);letter-spacing:-2px;line-height:1.3;color:#183782}.login-visual p{color:#4e618a;font-size:17px;line-height:1.9}.login-form{align-self:center;width:min(420px,85%);justify-self:center;padding:60px 0}.login-form h2{font-size:30px}.login-form form{margin-top:36px}.login-form .fine{margin-top:22px}.admin-link{display:block;font-size:14px;margin-top:30px}.app-shell{display:flex;min-height:100vh}.sidebar{width:235px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:30px 22px;display:flex;flex-direction:column;z-index:20}.sidebar .brand-en{display:none}.side-label{font-size:12px;color:#8792a3;margin:50px 16px 16px}.nav{display:flex;justify-content:flex-start;gap:16px;width:100%;border-radius:10px;padding:14px 16px;margin-bottom:7px;color:#626d81;font-weight:600}.nav.active{background:#edf2ff;color:var(--blue)}.badge{background:#e1e8ff;color:var(--blue);font-size:12px;line-height:22px;min-width:22px;margin-left:auto;border-radius:8px}.publish{margin-top:28px}.side-bottom{margin-top:auto;display:flex;gap:12px;align-items:center;padding-top:20px;border-top:1px solid var(--line);font-size:14px}.side-bottom small{display:block}.workspace{margin-left:235px;width:calc(100% - 235px)}.topbar{height:80px;background:#fffffff5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:10;font-size:14px}.top-actions{display:flex;align-items:center;gap:22px}.pill{background:#f0f3f9;color:#637088;padding:3px 10px;border-radius:20px;font-size:12px}.timer{font-variant-numeric:tabular-nums;font-weight:600}.mobile-brand{display:none}.content-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:minmax(0,650px) 270px;gap:30px;padding:35px 38px 80px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-heading h1{font-size:26px;margin:0}.page-heading .eyebrow{margin-bottom:6px;font-size:11px}.subtle{font-size:13px}.composer-entry{background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;width:100%;padding:18px 22px;justify-content:flex-start;color:#8390a4;font-size:15px;margin-bottom:24px;gap:15px}.round-plus{margin-left:auto;color:var(--blue);background:#eff3ff;padding:7px;border-radius:9px;display:flex}.avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#e8eefb;color:#496192;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:15px}.avatar.self{background:#dce7ff;color:#254fbd}.post{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;margin-bottom:22px;overflow:hidden}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:15px}.post-header small{display:block;font-size:12px;margin-top:1px}.post-header button{margin-left:auto}.topic{padding:30px 28px;border-radius:10px;background:#e6edff;color:#244995;min-height:165px;margin-bottom:20px}.topic span{font-size:12px;letter-spacing:2px}.topic h2{font-size:30px;font-weight:600;margin:6px 0 16px;letter-spacing:1px}.topic-rule{height:2px;width:38px;background:currentColor;opacity:.5}.topic-1{background:#e4f0f2;color:#246678}.topic-2{background:#f0ebfa;color:#695194}.topic-3{background:#e7ecf1;color:#4d677a}.post-copy{font-size:16px;color:#37465d;line-height:1.8}.post-actions{display:flex;gap:24px;align-items:center;border-bottom:1px solid #edf0f5;padding:4px 0 16px;margin-bottom:15px}.post-actions button{color:#637289;font-size:14px;padding:0}.post-actions .selected,.selected{color:var(--blue)!important}.post-actions span{margin-left:auto;color:#8792a4;font-size:12px}.text-form{display:flex;align-items:center;gap:10px}.text-form input{border:0!important;background:#f4f6fa!important;margin:0!important;font-size:14px;padding:11px 14px!important}.text-form button{background:#edf2ff;color:var(--blue);height:40px;width:42px;border-radius:8px;flex-shrink:0}.comments{font-size:14px;background:#f7f9fc;padding:12px;border-radius:8px;margin:8px 0 15px;overflow-wrap:anywhere}.comments div{margin:4px 0}.comments button{margin-left:14px}.right-rail{padding-top:83px}.rail-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:22px}.rail-card h2{font-size:20px}.rail-card p{font-size:14px;color:var(--muted)}.rail-card .eyebrow{font-size:10px}.people button{width:100%;justify-content:flex-start;margin:10px 0;font-size:14px;gap:12px}.people button svg{margin-left:auto;color:#8a96a9;width:18px}.people .avatar{width:34px;height:34px;font-size:12px}.rail-note{font-size:12px;line-height:1.9;color:#8d97a7;padding:0 6px}.notification{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:15px}.notification-body{flex:1;min-width:0}.notification p{margin:7px 0;color:#4b5870}.empty{text-align:center;padding:45px 12px;color:#8792a5}.empty svg{width:32px;height:32px;margin:10px}.empty h3{margin-bottom:7px;color:#52637c}.empty p{font-size:14px}.self-photo{max-width:100%;max-height:500px;display:block;object-fit:contain;border-radius:10px;margin-bottom:15px}.chat-panel{padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.chat-history{min-height:280px;max-height:460px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:20px 0}.bubble{background:#f0f3f8;border-radius:12px 12px 12px 2px;padding:10px 16px;max-width:85%;align-self:flex-start;overflow-wrap:anywhere}.bubble.self{background:#e6edff;align-self:flex-end;border-radius:12px 12px 2px}.flow{max-width:760px;margin:40px auto;padding:0 25px 70px}.flow-card{background:#fff;padding:36px;border:1px solid var(--line);border-radius:16px;max-width:740px}.flow-card p{line-height:1.9;color:#526079;font-size:15px}.flow-card h1{margin:8px 0 22px}.entry{min-height:100vh;display:grid;place-items:center;padding:30px}.entry .flow-card{width:440px;max-width:100%}.upload-zone{border:1.5px dashed #b7c7e6;border-radius:12px;background:#f6f8fe;padding:30px;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;cursor:pointer}.upload-zone input{opacity:0;position:absolute;inset:0;cursor:pointer;margin:0!important}.upload-zone span{font-size:13px;color:#8390a2}.practice-like{border:1px solid #d9e1ef;border-radius:10px;padding:20px}.scale{padding:20px 0;border:0;border-bottom:1px solid var(--line);margin:16px 0}.scale legend{font-size:15px;padding:0}.scale-options{display:flex;gap:10px}.scale-options label{position:relative;flex:1;text-align:center;padding:8px;border:1px solid #dae0eb;border-radius:8px;cursor:pointer;font-size:15px}.scale-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.scale-options .chosen{background:var(--blue);color:#fff;border-color:var(--blue)}.scale-options label:focus-within{outline:2px solid #7194fa;outline-offset:2px}.scale-labels{display:flex;justify-content:space-between;font-size:12px;color:#7e8aa0;margin-top:7px}.complete-mark{background:#edf3ff;color:var(--blue);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.modal{border:0;border-radius:16px;width:560px;max-width:92vw;max-height:86vh;padding:28px;box-shadow:0 20px 80px #142c5940;color:#26344d}.modal::backdrop{background:#14213c70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.modal-heading h2{margin:0}.modal-heading button{font-size:28px;color:#748096}.modal p{font-size:15px;color:#67748b}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#1d2e4e;color:#fff;padding:12px 25px;border-radius:12px;z-index:100}.admin{max-width:1350px;margin:auto;padding:35px}.admin-header{display:flex;align-items:center;gap:30px;justify-content:space-between}.admin-header>div{margin-right:auto}.admin-header h1{margin-bottom:0}.admin-controls{display:flex;align-items:flex-end;gap:15px;margin:22px 0}.admin-controls .field-label{flex:1;margin:0}.admin-controls select{max-width:700px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px}.stat span{display:block;font-size:14px;color:var(--muted)}.stat strong{display:block;font-size:34px;margin-top:8px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:#fff;border:1px solid var(--line);padding:26px;border-radius:12px;margin-bottom:24px}.panel p{font-size:14px}.form-row{display:flex;gap:16px}.form-row>*{flex:1;min-width:0}.codes{margin-top:18px;background:#f3f6fd;border-radius:8px;padding:14px}.codes strong{display:block;font-size:13px}.codes code{display:block;font-size:16px;letter-spacing:1px}.export-grid{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.export-grid a{font-size:14px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}th{color:#6b7890;font-size:12px;background:#f8faff}td button{margin-right:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:400px;overflow:auto;background:#f5f7fb;padding:16px;border-radius:8px}summary{cursor:pointer;font-size:14px;color:#566781;margin:18px 0}.json-editor{font-family:monospace;font-size:13px;min-height:350px}@media(min-width:1500px){.sidebar{width:265px}.workspace{margin-left:265px;width:calc(100% - 265px)}}@media(max-width:1100px){.right-rail{display:none}.content-grid{grid-template-columns:minmax(0,700px);justify-content:center}.sidebar{width:200px;padding:25px 16px}.workspace{margin-left:200px;width:calc(100% - 200px)}}@media(max-width:700px){.login-page{display:block}.login-visual{min-height:300px;padding:28px}.login-visual .brand{margin-bottom:34px}.login-visual h1{font-size:34px;letter-spacing:-1px}.login-visual p,.login-visual>small{display:none}.login-visual .eyebrow{font-size:10px}.login-form{width:auto;padding:35px 28px}.login-form h2{font-size:25px}.sidebar{position:fixed;inset:auto 0 0;height:70px;width:100%;padding:0 10px;flex-direction:row;border-top:1px solid var(--line);border-right:0}.sidebar .brand,.side-label,.publish,.side-bottom{display:none}.sidebar nav{display:flex;width:100%;justify-content:space-around}.nav{font-size:11px;flex-direction:column;gap:1px;padding:8px 12px;margin:0;min-width:65px;border-radius:0;position:relative}.badge{position:absolute;top:4px;right:8px;line-height:17px;min-width:17px;font-size:10px}.workspace{margin:0;width:100%}.topbar{padding:0 17px;height:66px}.topbar>span:not(.mobile-brand){display:none}.mobile-brand{display:block;font-weight:750;color:var(--blue);font-size:22px}.top-actions{gap:12px}.top-actions .quiet{font-size:12px;gap:4px}.top-actions .quiet svg{width:17px}.pill{font-size:10px;padding:2px 7px}.content-grid{padding:24px 14px 95px;display:block}.page-heading{margin:0 6px 20px}.page-heading h1{font-size:24px}.page-heading .subtle{display:none}.composer-entry{padding:14px 17px}.post{padding:18px;border-radius:12px}.topic{padding:24px;min-height:150px}.topic h2{font-size:28px}.post-actions{gap:20px}.flow{margin:20px auto;padding:0 14px 90px}.flow-card{padding:25px 20px}.flow-card h1{font-size:25px}.scale-options{gap:5px}.scale-options label{padding:8px 3px}.admin{padding:20px 14px}.admin-header{gap:12px;flex-wrap:wrap}.admin-header h1{font-size:24px}.admin-header a,.admin-header button{font-size:13px}.admin-controls{display:block}.admin-controls button{margin-top:14px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.stat{padding:16px}.admin-grid{display:block}.panel{padding:20px}.form-row{gap:10px}.notification{padding:17px;gap:10px}.notification>.avatar{width:30px;height:30px;font-size:12px}}.avatar{object-fit:cover}.nav-compose{display:none}.reaction svg{transition:fill .15s,color .15s,transform .15s}.reaction.like.is-on{color:#e53955!important}.reaction.like.is-on svg{fill:#e53955;animation:heart-pop .38s ease-out}.reaction.save.is-on{color:#a56b00!important}.reaction.save.is-on svg{fill:#ffc633;stroke:#a56b00}.reaction:disabled{opacity:1}.practice-like{display:flex;gap:20px;align-items:center;margin-bottom:24px}.practice-like>span{font-size:14px;color:#66758b}.reaction{display:inline-flex;align-items:center;gap:7px}.compose-preview{display:block;max-width:100%;max-height:320px;object-fit:contain;border-radius:12px;margin:16px auto}.feed-photo{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:10px}.fake-comment,.feedback-comment{display:flex;gap:10px;margin:12px 0;font-size:14px}.fake-comment .avatar,.feedback-comment .avatar{width:30px;height:30px}.fake-comment p,.feedback-comment p{margin:3px 0 8px;color:#485770;white-space:pre-wrap}.feedback-comment>div{min-width:0;flex:1}.no-comments,.end-note{font-size:13px;color:#78869c}.post-copy{white-space:pre-wrap;overflow-wrap:anywhere}.received-counts{display:flex;gap:24px;padding:12px 0;border-top:1px solid #edf0f5;color:#64728a;font-size:13px}.received-counts span{display:flex;gap:6px;align-items:center}.received-counts svg{width:17px}.contacts-strip{display:flex;overflow-x:auto;gap:18px;padding:8px 0 22px;border-bottom:1px solid var(--line)}.contacts-strip button{flex-shrink:0;display:flex;flex-direction:column;gap:7px;min-width:52px;font-size:12px}.contacts-strip .avatar{width:48px;height:48px}.chat-list-title{font-size:16px;margin-top:22px}.conversation-row{width:100%;display:flex;gap:12px;text-align:left;padding:16px 0;border-bottom:1px solid #edf0f5}.conversation-row>span{flex:1;min-width:0}.conversation-row small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin-top:4px;color:#78869c}.conversation-row time{font-size:11px;color:#8b96a8}.post{scroll-margin-top:90px}.toast{pointer-events:none}@keyframes heart-pop{0%{transform:scale(.8)}45%{transform:scale(1.35)}75%{transform:scale(.95)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.reaction svg{animation:none!important;transition:none!important}}@media(max-width:700px){.sidebar{height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.nav{min-width:0;flex:1;padding:8px 4px}.nav-compose{display:flex!important}.nav-compose>svg{background:#284be1;color:#fff;border-radius:12px;width:42px;height:34px;padding:5px}.toast{bottom:calc(88px + env(safe-area-inset-bottom));white-space:nowrap}.practice-like{gap:12px}.practice-like>span{font-size:12px}.post-actions{gap:14px}.chat-panel{padding:16px}.contacts-strip{gap:14px}.conversation-row small{max-width:200px}}.post-title{font-size:21px;line-height:1.4;margin:18px 0 10px}.feed-photo{aspect-ratio:1;object-fit:contain;background:#f7f9fc}.feed-media{border-radius:10px;overflow:hidden;background:#f7f9fc}.feed-media-error .feed-photo{display:none}.image-error{min-height:120px;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;color:#64728a;font-size:14px}.feed-refresh-button{border:1px solid #d7deeb;border-radius:9px;background:#fff;color:var(--blue);padding:7px 12px;font-size:13px;white-space:nowrap;min-height:38px}.feed-refresh-area{overscroll-behavior-y:contain}.pull-refresh-status{overflow:hidden;display:flex;align-items:center;justify-content:center;color:#647187;font-size:13px;line-height:1.5;transition:height .15s ease}.pull-refresh-status.is-refreshing{color:var(--blue)}@media(max-width:700px){.feed-refresh-button{font-size:12px;padding:6px 9px;min-height:34px}.page-heading{gap:10px}.page-heading h1{font-size:23px}}@media(prefers-reduced-motion:reduce){.pull-refresh-status{transition:none}}.feed-image-placeholder{width:100%;aspect-ratio:1;background:#f7f9fc}