:root{color-scheme:dark;--bg:#0c0913;--panel:#17111f;--soft:#21182d;--text:#f1ebf8;--muted:#b9afc7;--dim:#91859f;--line:#33273f;--purple:#bc9ae8;--gold:#e5bc80;--gold-dark:#2e2113;--green:#a8d3ba;--red:#f0a6ae;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%;scroll-padding:100px}body{margin:0;background:radial-gradient(ellipse at 65% -12%,#21142e 0,transparent 48%),var(--bg);color:var(--text);font-size:16px;line-height:1.75}button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}textarea:focus,input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #bb9ae812}textarea{resize:vertical;min-height:132px}input,textarea{display:block;width:100%;background:#130e1b;color:var(--text);border:1px solid #4a375d;border-radius:15px;padding:16px;line-height:1.8;transition:border-color .2s}textarea::placeholder,input::placeholder{color:#91849f}p,h1,h2,h3,h4{margin:0}h1,h2,h3{font-weight:550}h1{font-size:clamp(29px,4vw,43px);line-height:1.4;letter-spacing:-.04em}h2{font-size:24px;line-height:1.5}h3{font-size:18px;line-height:1.6}small{font-size:13px}svg{display:block}.skip-link{position:fixed;left:20px;top:-100px;background:var(--gold);color:var(--bg);z-index:40}.skip-link:focus{top:20px}.app-shell{max-width:1100px;margin:auto;padding:0 38px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:13px;background:none;border:0;text-align:left;padding:0}.brand img{width:43px;height:43px}.brand strong{display:block;font-size:19px;font-weight:550;letter-spacing:.08em}.brand small{color:var(--dim);font-size:11px;letter-spacing:.11em;display:block}.header nav{display:flex;align-items:center;gap:12px}.icon-button,.text-button{border:0;background:none;padding:8px 10px;min-height:44px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px}.text-button:hover,.icon-button:hover{background:#bc9ae810;color:var(--text)}.icon-button svg{width:21px;height:21px}.header .text-button{font-size:14px}.workspace{padding:42px 0 70px;display:grid;grid-template-columns:minmax(0,650px) 250px;gap:58px;align-items:start}.main{min-width:0}.aside{border-left:1px solid var(--line);padding-left:28px;margin-top:19px}.aside .eyebrow{margin-bottom:23px}.aside-item{margin:0 0 28px}.aside-item b{color:var(--purple);font-size:20px;font-weight:500}.aside-item strong{display:block;font-size:14px;margin:5px 0;color:var(--text);font-weight:500}.aside-item p{font-size:13px;color:var(--dim);line-height:1.9}.aside-foot{font-size:12px;color:var(--dim);border-top:1px solid var(--line);padding-top:20px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.18em;text-transform:uppercase}.home-title{margin:16px 0 12px}.home-title span{color:var(--gold)}.lead{color:var(--muted);font-size:15px;margin-bottom:28px}.input-wrap{padding:20px;border:1px solid #4d385f;border-radius:22px;background:linear-gradient(135deg,#21172d,#19111f);box-shadow:0 12px 55px #0002}.input-wrap textarea{border:0;box-shadow:none;background:none;padding:0;min-height:130px;resize:vertical;font-size:17px}.input-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.input-counter{font-size:12px;color:var(--dim)}.primary{background:var(--gold);color:#2b2014;border:1px solid var(--gold);border-radius:13px;padding:13px 23px;min-height:50px;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:10px;line-height:1.5;transition:background .15s,transform .15s}.primary:hover:not(:disabled){background:#efce9f}.primary:active:not(:disabled){transform:translateY(1px)}.primary svg{width:18px;height:18px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;background:#251a32;border:1px solid #4a345e;border-radius:12px;color:#deccee}.secondary:hover{background:#30203f}.full{width:100%}.under-input{display:flex;justify-content:space-between;align-items:center;margin:10px 0 25px;gap:10px}.under-input button{font-size:13px}.status-dot{width:5px;height:5px;background:var(--green);border-radius:50%;display:inline-block;vertical-align:middle;margin-right:6px}.privacy{font-size:12px;color:var(--dim);margin-top:24px;line-height:1.9}.privacy button{font-size:12px;padding:0 0 0 4px;min-height:24px;text-decoration:underline}.tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.tab{min-height:43px;border:1px solid transparent;border-radius:10px;padding:8px 20px;background:none;color:var(--dim);font-size:14px}.tab[aria-selected="true"]{background:#2d2117;color:var(--gold);border-color:#594129}.example-list{display:grid;gap:10px}.example{background:#15101b;border:1px solid var(--line);border-radius:13px;min-height:55px;padding:12px 17px;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;color:#cbc0d7;font-size:14px;line-height:1.75}.example:hover{border-color:#684985;background:#1d1428}.example span:last-child{color:#8a709e}.hint-box{padding:18px 20px;border:1px solid var(--line);border-radius:14px;margin:12px 0 20px;background:#18111f}.hint-box p{font-size:14px;color:var(--muted);margin-bottom:8px}.hint-box ol{margin:0;padding-left:22px;color:#dacde8;font-size:14px}.home-bottom{display:flex;align-items:center;gap:12px;margin:25px 0;color:var(--dim);font-size:12px}.home-bottom:before,.home-bottom:after{content:"";height:1px;background:var(--line);flex:1}.top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.back{margin-left:-10px;font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #4d3b2a;color:var(--gold);background:#e5bc8008;padding:3px 9px;border-radius:6px;font-size:11px;line-height:1.9}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:13px}.summary{color:#dcd1e7;font-size:17px;line-height:1.95;margin:13px 0 20px}.problem{font-size:22px;line-height:1.6;letter-spacing:-.02em}.original{color:var(--dim);font-size:13px;margin:12px 0}.original summary{cursor:pointer;min-height:35px;list-style:none}.original summary:before{content:"＋ ";color:var(--purple)}.original[open] summary:before{content:"－ "}.original blockquote{margin:5px 0;padding:12px 15px;border-left:2px solid #654681;background:#1b1324;white-space:pre-wrap;overflow-wrap:anywhere;color:#cfc1dc}.stage-track{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--dim);margin:25px 0 17px}.stage-track .active{color:var(--gold)}.stage-track i{height:1px;flex:1;background:var(--line)}.compass-wrap{max-width:390px;margin:5px auto 0;position:relative;height:252px}.compass-art{width:100%;height:100%;opacity:.95}.compass-center{position:absolute;left:30%;right:30%;top:117px;text-align:center;font-size:13px;line-height:1.6;color:#c7b9d6}.compass-center small{display:block;color:var(--dim);font-size:10px;letter-spacing:.12em;margin-bottom:5px}.compass-node{position:absolute;border:1px solid #5a426d;border-radius:16px;background:#21172d;width:77px;height:70px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:23px;color:#c9b2e0;box-shadow:0 0 28px #bc9ae805;transition:background .2s,border-color .2s}.compass-node small{font-size:10px;color:#a493b7;line-height:1.4}.compass-node[aria-selected="true"]{background:#382447;border-color:#c7a2ec;color:#f0ddff;box-shadow:0 0 28px #bc9ae815}.compass-node[data-layer="heart"]{top:0;left:calc(50% - 38px)}.compass-node[data-layer="body"]{left:1%;top:124px}.compass-node[data-layer="brain"]{right:1%;top:124px}.observation{border:1px solid #503966;border-radius:18px;padding:23px;background:linear-gradient(120deg,#241931,#19121f);animation:appear .25s ease-out}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.card-heading h3{color:#dcc4f0;font-size:16px}.card-heading button{font-size:12px;color:var(--purple);padding:0 6px;min-height:34px}.observation p{font-size:16px;line-height:1.95}.evidence{padding:12px 15px;background:#bc9ae807;border-left:2px solid #9370b2;margin-top:16px;font-size:13px;color:#d5c4e4;white-space:pre-wrap;overflow-wrap:anywhere}.evidence small{color:var(--dim);display:block;margin-bottom:5px}.uncertain{font-size:12px!important;color:#ada0bb;line-height:1.9!important;padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}.card-actions{display:flex;justify-content:flex-end;margin:10px -8px -8px}.card-actions button{font-size:12px}.direction-box{padding:22px;border:1px solid #6d5032;border-radius:17px;background:linear-gradient(115deg,#2b2119,#1d161d);margin:22px 0 15px}.direction-box h3{color:var(--gold);font-size:13px;letter-spacing:.04em;margin-bottom:8px}.direction-box p{font-size:17px;line-height:1.9;color:#eedabf}.direction-options{display:grid;gap:9px;margin:15px 0}.direction-option{border:1px solid var(--line);border-radius:12px;background:#1a1222;text-align:left;padding:14px 16px}.direction-option strong{display:block;color:#e8d9f3;font-size:15px;font-weight:500}.direction-option small{display:block;color:var(--dim);margin-top:4px;font-size:12px}.direction-option[aria-pressed="true"]{border-color:#b78f58;background:#2c2119}.direction-option[aria-pressed="true"] strong{color:var(--gold)}.direction-option[aria-pressed="true"]:before{content:"✓ ";color:var(--gold);float:right}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.button-row .primary{flex:1}.result-footer{display:flex;align-items:center;justify-content:space-between;margin:14px 0 10px;gap:10px}.result-footer button{font-size:13px}.method{border-left:2px solid #87669e;margin:20px 0;padding:0 0 0 17px}.method small{display:block;font-size:11px;color:var(--purple);margin-bottom:6px}.method p{font-size:16px;color:#d9cce4;line-height:1.9}.action-card{padding:25px;border:1px solid #745634;background:linear-gradient(130deg,#2c221a,#1c141d);border-radius:20px;margin:20px 0 16px}.action-card .eyebrow{font-size:11px}.action-card h3{font-size:23px;line-height:1.65;margin:10px 0 17px;color:#f3debf}.action-detail{border-top:1px solid #62472e;padding-top:13px;margin-top:13px;color:#d2c2ae;font-size:14px;line-height:1.9}.action-detail strong{font-weight:500;color:#e9c99f;display:block;font-size:12px;margin-bottom:4px}.action-boundary{font-size:12px;color:#a99d91;margin-top:16px}.theory-note{padding:19px 20px;border:1px solid var(--line);border-radius:15px;margin:22px 0;background:#17111e}.theory-note summary{cursor:pointer;font-size:14px;color:#cbb5de}.theory-note p{margin:11px 0 5px;font-size:14px;color:var(--muted);line-height:1.9}.theory-note small{color:var(--dim);font-size:11px}.learn-invite{margin-top:23px;padding:25px;border:1px solid #624579;border-radius:19px;background:radial-gradient(ellipse at top right,#3a2350,transparent),#1b1325}.learn-invite h3{font-size:20px;margin:7px 0 11px}.learn-invite p{font-size:14px;color:var(--muted);margin-bottom:18px}.empty{padding:35px 20px;border:1px dashed var(--line);border-radius:18px;text-align:center;color:var(--dim);margin:24px 0}.empty p{margin:10px 0 22px}.record{border:1px solid var(--line);border-radius:16px;padding:20px;margin:14px 0;background:var(--panel)}.record h3{font-size:18px}.record-meta{color:var(--dim);font-size:12px;margin-bottom:9px;display:flex;justify-content:space-between;gap:10px}.record .button-row{justify-content:space-between;margin-top:15px}.record .button-row button{font-size:13px}.record .primary{flex:0}.feedback-note{border-left:2px solid var(--green);padding:12px 16px;margin:15px 0;color:#bdcbbf;font-size:14px;white-space:pre-wrap}.exercise-card{border:1px solid var(--line);border-radius:16px;padding:20px;margin:12px 0;background:#18111f;text-align:left;width:100%}.exercise-card small{font-size:11px;color:var(--gold)}.exercise-card h3{margin:5px 0 8px}.exercise-card p{font-size:14px;color:var(--muted);line-height:1.85}.exercise-scenario{padding:21px;border:1px solid #553d6b;border-radius:17px;margin:20px 0;background:#21172b;color:#ddd0e6;font-size:16px}.question-label{display:block;font-size:17px;margin:21px 0 12px;color:#e5d8ef}.exercise-hint{margin:15px 0;padding:15px 18px;border-left:2px solid #b49b74;background:#241d15;font-size:14px;line-height:1.9;color:#d4c1a8}.feedback-list{padding-left:22px;font-size:15px;color:#d6c8e1}.feedback-list li{margin:8px 0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.compare-card{border:1px solid #4b355f;background:#1d1427;border-radius:17px;padding:20px;min-width:0}.compare-card h3{color:var(--gold);font-size:19px;margin:8px 0 17px}.compare-card .label{color:var(--purple);font-size:12px;display:block;margin:15px 0 6px}.compare-card p{font-size:14px;line-height:1.95;overflow-wrap:anywhere}.compare-card .secondary{width:100%;margin-top:21px}.changed-note{padding:17px 20px;border-left:2px solid var(--gold);background:#241c15;font-size:14px;color:#dcc5a2;margin:16px 0}.wait-card{text-align:center;padding:36px 20px;border:1px solid #4a345c;border-radius:22px;background:radial-gradient(ellipse at center,#281a38,transparent),#171020;margin:24px 0}.wait-symbol{width:80px;height:80px;margin:0 auto 22px;animation:breathe 2s ease-in-out infinite}.wait-card h2{font-size:22px;margin-bottom:13px}.wait-card p{font-size:14px;color:var(--muted)}.wait-card .text-button{margin-top:20px;font-size:13px}.wait-stage{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gold);font-size:12px;margin:20px 0}.wait-stage:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}.alert{background:#352028;border:1px solid #784553;color:#e3b6c0;border-radius:14px;padding:17px 20px;font-size:14px;line-height:1.8;margin:20px 0}.alert strong{display:block;font-weight:500;margin-bottom:5px}.plain-answer{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;border:1px solid #49345c;border-radius:18px;background:#1c1425;font-size:17px;line-height:2;margin:22px 0}.muted-box{padding:16px;border:1px solid var(--line);border-radius:13px;font-size:13px;color:var(--muted);margin:18px 0}.join{padding:26px;border:1px solid #634b31;border-radius:20px;background:#211921;margin:24px 0}.join p{color:var(--muted);font-size:14px;margin:10px 0 17px}.join label{display:block;margin-bottom:8px;font-size:13px}.join input{letter-spacing:.2em;font-size:19px}.join .primary{margin-top:16px}.demo-banner{padding:10px 14px;border:1px solid #846639;border-radius:10px;background:#312519;color:#e7c18a;font-size:12px;line-height:1.75;margin-bottom:22px}.boot{text-align:center;padding:25vh 20px;color:var(--muted)}.boot-mark{font-size:27px;color:var(--gold);letter-spacing:.2em;margin-bottom:16px}.legal-foot{border-top:1px solid var(--line);padding:20px 0 28px;color:#82748f;font-size:11px;display:flex;justify-content:space-between;gap:15px}.legal-foot button{font-size:11px;min-height:30px;padding:0;color:inherit}.legal-foot span{display:block}#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:32px;z-index:60;background:#ece2f4;color:#2c1b3a;font-size:14px;border-radius:12px;padding:13px 21px;box-shadow:0 8px 25px #0004;opacity:0;pointer-events:none;max-width:calc(100% - 32px);transition:opacity .2s}#toast.visible{opacity:1}dialog{color:var(--text);background:#1b1324;border:1px solid #654b79;border-radius:22px;padding:28px;max-width:520px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#07050bb8;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-8px -8px 15px 0}.dialog-top h2{font-size:22px}.dialog-top button{font-size:22px}dialog p{font-size:15px;color:var(--muted);margin:12px 0;line-height:1.9}dialog textarea{margin:16px 0}.dialog-actions{display:flex;flex-direction:column;gap:10px;margin-top:21px}.dialog-actions .text-button{font-size:14px}.message-draft{min-height:250px}.text-danger{color:#e7a2ad}.small-separator{height:1px;background:var(--line);margin:25px 0}.restore-note{margin:18px 0;font-size:13px;color:#baa4ce}.status-good{color:var(--green)}.version-note{font-size:11px;color:var(--dim);margin:18px 0}.correction-field{margin-top:15px}.loading-inline{color:var(--muted);font-size:13px}.no-margin{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.text-button{white-space:nowrap}.text-button svg{width:19px;height:19px;flex-shrink:0}.header nav{flex-shrink:0}h1,h2,h3,p{overflow-wrap:anywhere}
@keyframes appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{opacity:.55;transform:scale(.96)}}
@media(min-width:1300px){.workspace{gap:70px;padding-top:52px}.app-shell{max-width:1170px}.aside{padding-left:36px}.header{height:106px}}
@media(max-width:950px){.workspace{grid-template-columns:minmax(0,650px);gap:0;justify-content:center}.aside{display:none}.app-shell{max-width:730px;padding:0 30px}.header{height:86px}}
@media(max-width:600px){body{line-height:1.8}.app-shell{padding:0 20px}.header{height:81px;gap:9px}.brand{gap:9px}.brand img{width:35px;height:35px}.brand strong{font-size:16px}.brand small{font-size:9px}.header nav{gap:0}.header .text-button{font-size:12px;padding:7px}.header .icon-button{padding:7px}.workspace{padding:28px 0 40px}.home-title{font-size:31px;margin:13px 0 11px}.lead{font-size:14px;margin-bottom:23px}.input-wrap{padding:18px;border-radius:19px}.input-wrap textarea{font-size:16px;min-height:125px}.input-bottom{align-items:center}.input-bottom .primary{padding:11px 16px;min-height:46px;font-size:14px}.under-input{margin-bottom:22px}.under-input button{font-size:12px;padding-left:0}.tab{padding:8px 19px}.example{font-size:13px;min-height:54px;padding:12px 15px}.home-bottom{margin:21px 0}.problem{font-size:21px}.summary{font-size:16px;margin-top:12px}.compass-wrap{height:240px;max-width:345px}.compass-node{width:72px;height:66px}.compass-node[data-layer="heart"]{left:calc(50% - 36px)}.compass-center{top:111px;font-size:12px}.compass-node[data-layer="body"],.compass-node[data-layer="brain"]{top:117px}.observation{padding:18px;border-radius:16px}.observation p{font-size:15px}.direction-box{padding:18px;border-radius:16px}.direction-box p{font-size:16px}.action-card{padding:20px}.action-card h3{font-size:21px}.primary{font-size:15px}.result-footer button{font-size:12px;padding:8px}.compare-grid{grid-template-columns:1fr}.compare-card{padding:19px}.learn-invite{padding:20px}.question-label{font-size:16px}.exercise-scenario{font-size:15px;padding:18px}.legal-foot{font-size:10px;padding-bottom:calc(25px + env(safe-area-inset-bottom));flex-wrap:wrap}.legal-foot button{font-size:10px}.stage-track{font-size:10px;gap:7px}.top-row{margin-bottom:14px}.record{padding:17px}.join{padding:20px}dialog{padding:23px}.button-row .text-button{font-size:13px}.card-heading h3{font-size:15px}.card-heading button{font-size:11px}.privacy{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;color:#211629}.header,.aside,.legal-foot,button,.top-row,.compass-wrap,.stage-track,.privacy,.tabs,#toast{display:none!important}.workspace{display:block;padding:0}.app-shell{padding:0}.observation,.action-card,.direction-box,.theory-note,.plain-answer{background:white;color:#211629;border-color:#b6a2c5;break-inside:avoid}.observation p,.summary,.method p,.direction-box p,.action-card h3,.action-detail,.action-boundary{color:#332341}.evidence{background:#f5effa;color:#342142}.card-heading h3,.direction-box h3,.action-detail strong,.eyebrow{color:#674673}details{display:block}textarea{color:#211629;background:white}}
