:root{--bg:#f5f6f3;--surface:#ffffffe0;--surface-solid:#fff;--surface-soft:#f0f2ed;--surface-strong:#e8ebe4;--ink:#18201c;--muted:#6f7772;--quiet:#939a95;--line:#1a261f1b;--line-strong:#1a261f30;--accent:#e86648;--accent-dark:#c94f33;--accent-soft:#fce8e0;--green:#376d58;--green-soft:#e0eee7;--blue:#5377a7;--blue-soft:#e5edf7;--violet:#7768a4;--violet-soft:#eee9f8;--amber:#a86a25;--shadow-sm:0 1px 2px #1420190a, 0 8px 24px #1420190b;--shadow-md:0 22px 58px #1b251f1a;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif}:root[data-theme=dark]{--bg:#111512;--surface:#1a1f1be8;--surface-solid:#1a1f1b;--surface-soft:#202621;--surface-strong:#293029;--ink:#f3f5f1;--muted:#a3aba5;--quiet:#7e8780;--line:#eaf4ed18;--line-strong:#eaf4ed2b;--accent:#f17a5e;--accent-dark:#ff9278;--accent-soft:#3c2721;--green:#7ab69b;--green-soft:#20362b;--blue:#8bacd7;--blue-soft:#222f40;--violet:#afa0d8;--violet-soft:#302a41;--amber:#e4a85f;--shadow-sm:0 1px 2px #00000029, 0 8px 30px #0000001f;--shadow-md:0 24px 70px #00000052}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 36%, transparent);outline-offset:2px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.025em}::selection{background:var(--accent-soft);color:var(--ink)}.boot-screen{background:var(--bg);place-items:center;min-height:100svh;display:grid}.brand-mark{background:var(--ink);width:58px;height:58px;color:var(--surface-solid);border-radius:19px;place-items:center;font-size:25px;font-weight:760;display:inline-grid;box-shadow:0 12px 28px #19231d2e}.brand-mark-small{border-radius:13px;flex:none;width:42px;height:42px;font-size:18px}.brand-mark-tiny{width:28px;height:28px;box-shadow:none;border-radius:9px;font-size:13px}.eyebrow{color:var(--quiet);letter-spacing:.13em;font-size:11px;font-weight:760;line-height:1.2;display:inline-block}.primary-button,.secondary-button,.text-button,.small-link,.icon-button,.back-button{background:0 0;border:0}.primary-button{background:var(--ink);min-height:44px;color:var(--surface-solid);border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:680;transition:transform .2s,opacity .2s,box-shadow .2s;display:inline-flex;box-shadow:0 9px 22px #19211c26}:root[data-theme=dark] .primary-button{color:#121713;background:#f3f5f1}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #19211c33}.primary-button:disabled{opacity:.38;box-shadow:none}.secondary-button{border:1px solid var(--line);background:var(--surface-solid);min-height:39px;box-shadow:var(--shadow-sm);border-radius:11px;padding:0 14px;font-weight:650}.secondary-button:hover{border-color:var(--line-strong)}.text-button,.small-link{color:var(--muted);padding:4px 0;font-weight:670}.text-button:hover,.small-link:hover{color:var(--ink)}.small-link{color:var(--accent-dark);font-size:13px}.mock-label,.mock-chip{width:fit-content;color:var(--muted);letter-spacing:.03em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.mock-label span,.mock-chip span{background:var(--amber);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, var(--amber) 12%, transparent);border-radius:50%}.gate-shell{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--surface-solid) 75%, transparent), transparent 48%), var(--bg);place-items:center;min-height:100svh;padding:28px;display:grid;position:relative;overflow:hidden}.gate-shell:before{content:"";border:1px solid var(--line);pointer-events:none;border-radius:42px;position:absolute;inset:8%}.gate-ambient{filter:blur(2px);opacity:.5;border-radius:999px;position:absolute}.gate-ambient-one{background:radial-gradient(circle, var(--accent-soft), transparent 68%);width:360px;height:360px;top:-170px;right:-100px}.gate-ambient-two{background:radial-gradient(circle, var(--green-soft), transparent 70%);width:280px;height:280px;bottom:-130px;left:-60px}.gate-card{z-index:1;text-align:center;background:var(--surface);border:1px solid var(--line);width:min(470px,100%);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:32px;padding:52px 48px 36px;position:relative}.gate-card .brand-mark{margin-bottom:26px}.gate-card h1{margin:9px 0 8px;font-size:clamp(31px,6vw,42px);line-height:1.15}.gate-card>p{color:var(--muted);margin-bottom:32px}.pin-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pin-input{aspect-ratio:1;border:1px solid var(--line-strong);background:var(--surface-soft);text-align:center;width:100%;caret-color:var(--accent);border-radius:17px;font-size:30px;font-weight:760;transition:border .2s,transform .2s,background .2s}.pin-input:focus{border-color:var(--accent);background:var(--surface-solid);transform:translateY(-2px)}.gate-message{height:33px;color:var(--accent-dark);place-items:center;font-size:13px;display:grid}.gate-button{width:100%;min-height:49px}.gate-footnote{color:var(--quiet);justify-content:center;align-items:center;gap:8px;margin-top:26px;font-size:11px;display:flex}.error-page{text-align:center;align-content:center;place-items:center;min-height:100svh;padding:30px;display:grid}.error-page .eyebrow{margin:24px 0 8px}.error-page h1{margin-bottom:7px;font-size:clamp(30px,6vw,48px)}.error-page>p:last-of-type{max-width:480px;color:var(--muted)}.error-page .primary-button{margin-top:15px}.offline-overlay{z-index:200;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.offline-overlay>div{border:1px solid var(--line);background:var(--surface-solid);width:min(440px,100%);box-shadow:var(--shadow-md);text-align:center;border-radius:25px;padding:35px}.offline-overlay>div>span{width:48px;height:48px;color:var(--accent);background:var(--accent-soft);border-radius:15px;place-items:center;margin:0 auto 17px;font-size:22px;display:grid}.offline-overlay h2{margin-bottom:5px}.offline-overlay p{color:var(--muted);margin:0;font-size:12px}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.is-shaking{animation:.35s both shake}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.app-frame{grid-template-columns:172px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 72%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:20;flex-direction:column;height:100svh;padding:20px 10px 16px;display:flex;position:sticky;top:0}.sidebar-brand{text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:2px 4px 22px;display:flex}.sidebar-brand>span:nth-child(2){display:grid}.sidebar-brand strong{font-size:17px;line-height:1.2}.sidebar-brand small{color:var(--quiet);font-size:11px}.sidebar-nav{gap:5px;display:grid}.nav-item{width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;padding:0 9px;font-size:13px;font-weight:620;transition:background .18s,color .18s,transform .18s;display:grid}.nav-item:hover{color:var(--ink);background:var(--surface-soft)}.nav-item.is-active{color:var(--ink);background:var(--surface-solid);box-shadow:var(--shadow-sm)}.nav-icon{color:var(--quiet);font-size:18px}.nav-item.is-active .nav-icon{color:var(--accent)}.nav-count{min-width:20px;height:20px;color:var(--quiet);background:var(--surface-strong);border-radius:99px;place-items:center;padding:0 5px;font-size:10px;display:grid}.sidebar-foot{gap:12px;margin-top:auto;display:grid}.mock-chip{background:var(--surface-soft);border-radius:9px;padding:8px 9px}.profile-button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:9px;display:grid}.profile-button>span:last-child{display:none}.avatar{color:#fff;background:var(--green);border-radius:11px;place-items:center;width:36px;height:36px;font-weight:740;display:grid}.profile-button>span:nth-child(2){display:grid}.profile-button strong{font-size:12px}.profile-button small{color:var(--quiet);font-size:10px}.app-stage{min-width:0}.topbar{z-index:15;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);justify-content:space-between;align-items:center;gap:24px;height:91px;padding:0 36px;display:flex;position:sticky;top:0}.topbar h1{margin:2px 0 0;font-size:21px;line-height:1.2}.page-kicker{color:var(--quiet);letter-spacing:.08em;font-size:10px;font-weight:680}.topbar-actions{align-items:center;gap:10px;display:flex}.prototype-badge{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:650}.icon-button{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;font-size:18px;display:grid}.page-scroll{width:100%;max-width:1510px;margin:0 auto;padding:30px 36px 70px}.bottom-nav,.mobile-brand{display:none}.page-enter{animation:.42s cubic-bezier(.2,.65,.3,1) both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:38px 0 16px;display:flex}.section-heading h2{margin:5px 0 0;font-size:22px}.section-hint{color:var(--quiet);font-size:11px}.card-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-title-row h2,.card-title-row h3{margin:5px 0 0}.hero-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-solid);min-height:320px;box-shadow:var(--shadow-sm);grid-template-columns:1.15fr .85fr;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:42px 20px 34px 42px;position:relative}.date-line{color:var(--quiet);margin:24px 0 5px;font-size:12px}.hero-copy h2{max-width:600px;margin-bottom:12px;font-size:clamp(31px,4vw,48px);line-height:1.08}.hero-copy>p:last-of-type{max-width:570px;color:var(--muted);font-size:15px}.hero-actions{align-items:center;gap:19px;margin-top:28px;display:flex}.draft-notice{color:var(--muted);background:var(--surface-soft);border:0;border-radius:10px;align-items:center;gap:9px;margin-top:20px;padding:9px 12px;font-size:12px;display:flex}.draft-notice strong{color:var(--ink);margin-left:8px}.hero-visual{background:linear-gradient(145deg, var(--green-soft), color-mix(in srgb, var(--surface-soft) 80%, var(--accent-soft)));place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.court-lines{border:1px solid color-mix(in srgb, var(--green) 24%, transparent);opacity:.72;border-radius:5px;position:absolute;inset:28px;transform:perspective(500px)rotateX(55deg)rotate(-10deg)scale(.95)}.court-lines:before,.court-lines:after,.court-lines span{content:"";background:color-mix(in srgb, var(--green) 22%, transparent);position:absolute}.court-lines:before{width:1px;height:100%;left:50%}.court-lines:after{width:100%;height:1px;top:50%}.court-lines span:first-child,.court-lines span:nth-child(2){width:1px;height:100%;top:0}.court-lines span:first-child{left:18%}.court-lines span:nth-child(2){right:18%}.court-lines span:nth-child(3),.court-lines span:nth-child(4){width:100%;height:1px;left:0}.court-lines span:nth-child(3){top:22%}.court-lines span:nth-child(4){bottom:22%}.progress-orbit{z-index:2;aspect-ratio:1;background:conic-gradient(var(--accent) var(--progress), color-mix(in srgb, var(--surface-solid) 62%, transparent) 0);border-radius:50%;place-items:center;width:164px;display:grid;position:relative;box-shadow:0 26px 58px #3353422e}.progress-orbit:before{content:"";background:var(--surface-solid);border-radius:50%;position:absolute;inset:9px}.progress-orbit>div{text-align:center;display:grid;position:relative}.progress-orbit strong{letter-spacing:-.05em;font-size:34px}.progress-orbit span{color:var(--quiet);font-size:11px}.floating-note{z-index:3;border:1px solid color-mix(in srgb, var(--surface-solid) 70%, transparent);background:color-mix(in srgb, var(--surface-solid) 84%, transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:13px;grid-template-columns:30px 1fr;column-gap:8px;padding:10px 13px;display:grid;position:absolute}.floating-note>span{background:var(--accent-soft);width:29px;height:29px;color:var(--accent);border-radius:9px;grid-row:1/3;align-self:center;place-items:center;display:grid}.floating-note strong{font-size:13px;line-height:1.2}.floating-note small{color:var(--quiet);font-size:9px}.note-one{top:48px;right:24px}.note-two{bottom:41px;left:23px}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.module-card{border:1px solid var(--line);border-radius:var(--radius-md);min-height:290px;color:inherit;background:var(--surface-solid);text-align:left;box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:22px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex}.module-card:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 18px 42px #1c262017}.module-card-head{justify-content:space-between;align-items:center;display:flex}.module-icon{border-radius:12px;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.module-icon.coral{color:var(--accent);background:var(--accent-soft)}.module-icon.blue{color:var(--blue);background:var(--blue-soft)}.module-icon.green{color:var(--green);background:var(--green-soft)}.module-icon.violet{color:var(--violet);background:var(--violet-soft)}.card-arrow{color:var(--quiet);font-size:19px}.module-card h3{margin:7px 0 5px;font-size:22px}.module-card p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.65}.mini-skill-list{border-top:1px solid var(--line);gap:6px;margin-top:auto;padding-top:14px;display:grid}.mini-skill-list>div{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.mini-stars{letter-spacing:1px}.mini-stars i{color:var(--surface-strong);font-style:normal}.mini-stars i.on{color:var(--accent)}.knowledge-stack{height:63px;margin-top:auto;position:relative}.knowledge-stack span{border:1px solid var(--line);background:var(--surface-soft);height:39px;color:var(--muted);border-radius:10px;align-items:center;padding:0 12px;font-size:11px;display:flex;position:absolute;left:0;right:0}.knowledge-stack span:first-child{z-index:3;bottom:0}.knowledge-stack span:nth-child(2){z-index:2;bottom:10px;transform:scale(.94)}.knowledge-stack span:nth-child(3){z-index:1;bottom:20px;transform:scale(.88)}.latest-log{border-top:1px solid var(--line);grid-template-columns:12px 1fr;gap:8px;margin-top:auto;padding-top:14px;display:grid}.timeline-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px var(--green-soft);border-radius:50%;margin-top:5px}.latest-log div{display:grid}.latest-log small{color:var(--quiet);font-size:9px}.latest-log strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.latest-log span:last-child{color:var(--quiet);font-size:9px}.plan-preview{border-top:1px solid var(--line);gap:5px;margin-top:auto;padding-top:14px;display:grid}.plan-preview>span{color:var(--quiet);font-size:9px}.plan-preview strong{font-size:11px}.plan-preview div{background:var(--surface-strong);border-radius:9px;height:5px;margin-top:6px;position:relative}.plan-preview i{border-radius:inherit;background:var(--violet);height:100%;display:block}.plan-preview small{color:var(--quiet);font-size:8px;position:absolute;top:9px;right:0}.today-grid{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:20px;display:grid}.today-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm);padding:24px}.today-card h3{margin:4px 0 0;font-size:19px}.time-pill{color:var(--green);background:var(--green-soft);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.session-source{color:var(--quiet);background:var(--surface-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:10px 12px;font-size:10px;display:flex}.session-source .small-link{flex:none}.session-choice{color:var(--quiet);margin:12px 0 0;font-size:10px;line-height:1.6}.session-list{margin:20px 0 0;padding:0;list-style:none;display:grid}.session-list li{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.session-list li>span{background:var(--surface-soft);width:28px;height:28px;color:var(--quiet);border-radius:9px;place-items:center;font-size:9px;font-weight:700;display:grid}.session-list div{display:grid}.session-list strong{font-size:12px}.session-list small,.session-list time{color:var(--quiet);font-size:10px}.session-list time{font-weight:650}.quiet-card{background:linear-gradient(145deg, var(--surface-solid), var(--surface-soft))}.breakthrough{grid-template-columns:56px 1fr;gap:16px;margin-top:24px;display:grid}.big-star{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:18px;place-items:center;font-size:25px;display:grid}.breakthrough div{display:grid}.breakthrough small{color:var(--quiet);font-size:10px}.breakthrough strong{margin:3px 0;font-size:14px}.breakthrough p{color:var(--muted);margin:0;font-size:11px}.profile-summary-grid{grid-template-columns:1.55fr repeat(3,minmax(150px,.7fr));gap:14px;display:grid}.profile-level-card,.stat-card,.growth-chart-card,.skill-card,.skill-detail-panel,.history-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm)}.profile-level-card{background:linear-gradient(135deg, var(--surface-solid), var(--surface-soft));padding:23px}.profile-level-card h2{font-size:20px}.profile-level-card>p{color:var(--muted);margin:5px 0 20px;font-size:12px}.level-badge{color:var(--accent-dark);background:var(--accent-soft);border-radius:9px;padding:6px 9px;font-size:10px;font-weight:750}.summary-score{align-items:baseline;gap:6px;display:flex}.summary-score strong{font-size:31px;line-height:1}.summary-score span{color:var(--quiet);font-size:10px}.summary-progress,.goal-progress{background:var(--surface-strong);border-radius:9px;height:6px;margin:11px 0 7px;overflow:hidden}.summary-progress i,.goal-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 60%, var(--green)));height:100%;display:block}.profile-level-card>small{color:var(--quiet);font-size:9px}.stat-card{flex-direction:column;padding:21px;display:flex}.stat-icon{width:32px;height:32px;color:var(--green);background:var(--green-soft);border-radius:10px;place-items:center;margin-bottom:auto;display:grid}.stat-card>small{color:var(--quiet);margin-top:22px;font-size:10px}.stat-card>strong{margin:1px 0;font-size:26px}.stat-card em{color:var(--muted);font-size:10px;font-style:normal;font-weight:600}.stat-card p{color:var(--quiet);margin:0;font-size:9px}.growth-chart-card{margin-top:14px;padding:23px}.growth-chart-card h3{font-size:18px}.chart-legend{color:var(--quiet);gap:14px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.legend-one{background:var(--accent)}.legend-two{background:var(--green)}.growth-chart{height:225px;margin-top:17px;padding:6px 0 25px 34px;position:relative}.chart-y{color:var(--quiet);flex-direction:column;justify-content:space-between;font-size:8px;display:flex;position:absolute;inset:0 auto 24px 0}.chart-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:6px 0 24px 34px}.chart-lines i{background:var(--line);width:100%;height:1px}.chart-series{z-index:2;grid-template-columns:repeat(6,1fr);align-items:end;gap:clamp(12px,4vw,60px);height:100%;padding:0 clamp(10px,3vw,35px);display:grid;position:relative}.chart-column{justify-content:center;align-items:flex-end;gap:4px;height:100%;display:flex;position:relative}.chart-column i,.chart-column b{border-radius:7px 7px 2px 2px;width:clamp(8px,1.5vw,16px);display:block}.chart-column i{background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 66%, transparent))}.chart-column b{background:color-mix(in srgb, var(--green) 50%, transparent)}.chart-column>span{bottom:calc(var(--bar-height,0px) + 2px);color:var(--accent-dark);font-size:8px;font-weight:720;position:absolute;top:0}.chart-x{color:var(--quiet);justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:0;left:34px;right:0}.skills-section{margin-top:36px}.filter-row{scrollbar-width:none;gap:7px;margin-bottom:16px;display:flex;overflow-x:auto}.filter-row button{border:1px solid var(--line);min-width:62px;height:34px;color:var(--muted);background:var(--surface);border-radius:999px;padding:0 13px;font-size:11px}.filter-row button.is-active{color:var(--surface-solid);background:var(--ink);border-color:var(--ink)}.skill-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:14px;display:grid}.skill-tree-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.skill-card{cursor:pointer;min-width:0;padding:19px;transition:border .2s,transform .2s}.skill-card:hover{transform:translateY(-2px)}.skill-card.is-selected{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 8%, transparent)}.skill-card-top{align-items:center;gap:7px;display:flex}.category-dot{color:var(--muted);background:var(--surface-soft);border-radius:6px;padding:4px 7px;font-size:8px;font-weight:730}.category-步法{color:var(--green);background:var(--green-soft)}.category-技术{color:var(--blue);background:var(--blue-soft)}.category-体能{color:var(--accent-dark);background:var(--accent-soft)}.category-心理{color:var(--violet);background:var(--violet-soft)}.recommend-chip{color:var(--accent-dark);background:var(--accent-soft);border-radius:6px;padding:4px 7px;font-size:8px;font-weight:730}.trend{color:var(--quiet);margin-left:auto;font-size:8px}.trend-up{color:var(--green)}.skill-card h3{margin:13px 0 8px;font-size:17px}.star-control{gap:3px;width:fit-content;display:flex}.star-wrap{position:relative}.star-button{z-index:2;color:var(--surface-strong);background:0 0;border:0;padding:0 2px;font-size:21px;transition:color .16s,transform .16s;position:relative}.star-button:hover{color:var(--accent);transform:scale(1.16)}.star-button.is-on{color:var(--accent)}.star-tooltip{pointer-events:none;z-index:50;border:1px solid var(--line);width:240px;color:var(--muted);background:var(--surface-solid);box-shadow:var(--shadow-md);opacity:0;border-radius:10px;padding:10px 12px;font-size:10px;line-height:1.55;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,5px)}.star-tooltip:after{content:"";border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-solid);width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)rotate(45deg)}.star-tooltip strong{color:var(--ink);margin-bottom:3px;display:block}.star-wrap:hover .star-tooltip,.star-button:focus-visible+.star-tooltip{opacity:1;transform:translate(-50%)}.star-wrap:first-child .star-tooltip{left:0;transform:translateY(5px)}.star-wrap:first-child:hover .star-tooltip,.star-wrap:first-child .star-button:focus-visible+.star-tooltip{transform:translate(0)}.current-standard{min-height:35px;color:var(--quiet);margin:9px 0 0;font-size:9px;line-height:1.55}.current-standard strong{color:var(--muted)}.skill-detail-panel{padding:23px;position:sticky;top:108px}.skill-detail-panel>h3{margin:7px 0 5px;font-size:22px}.skill-detail-panel>p{color:var(--muted);margin-bottom:18px;font-size:11px}.standard-list{margin:0;padding:0;list-style:none;display:grid}.standard-list li{grid-template-columns:28px 1fr;gap:10px;padding:10px 0;display:grid;position:relative}.standard-list li:not(:last-child):after{content:"";background:var(--line);width:1px;position:absolute;top:38px;bottom:-2px;left:13px}.standard-list li>span{z-index:2;border:1px solid var(--line);width:28px;height:28px;color:var(--quiet);background:var(--surface-soft);border-radius:9px;place-items:center;font-size:9px;font-weight:750;display:grid;position:relative}.standard-list li.is-done>span{color:#fff;background:var(--green);border-color:var(--green)}.standard-list li.is-next>span{color:var(--accent-dark);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.standard-list strong{font-size:11px}.standard-list em{color:var(--accent-dark);margin-left:5px;font-size:8px;font-style:normal}.standard-list p{color:var(--quiet);margin:2px 0 0;font-size:9px;line-height:1.5}.tone-green{--branch-color:var(--green);--branch-soft:var(--green-soft)}.tone-blue{--branch-color:var(--blue);--branch-soft:var(--blue-soft)}.tone-amber{--branch-color:var(--amber);--branch-soft:color-mix(in srgb, var(--amber) 12%, var(--surface))}.tone-coral{--branch-color:var(--accent);--branch-soft:var(--accent-soft)}.tone-violet{--branch-color:var(--violet);--branch-soft:var(--violet-soft)}.skill-focus-panel{--branch-color:var(--green);--branch-soft:var(--green-soft);border:1px solid color-mix(in srgb, var(--branch-color) 30%, var(--line));border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--surface-solid), var(--branch-soft));box-shadow:var(--shadow-md);margin-bottom:14px;padding:24px;scroll-margin-top:105px;animation:.3s both focusReveal}.skill-focus-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.detail-skill-heading{align-items:center;gap:13px;display:flex}.detail-orb{width:50px;height:50px;color:var(--branch-color);background:var(--branch-soft);border-radius:16px;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.detail-skill-heading h2{margin:4px 0 0;font-size:27px}.skill-focus-actions{align-items:center;gap:9px;display:flex}.focus-current-level{background:color-mix(in srgb, var(--surface-solid) 68%, transparent);border-radius:12px;grid-template-columns:auto auto;align-items:baseline;column-gap:8px;min-width:150px;padding:8px 12px;display:grid}.focus-current-level>span{color:var(--quiet);font-size:8px}.focus-current-level>strong{font-size:17px}.focus-current-level .tree-preview-stars{grid-column:1/-1}.focus-current-level .tree-preview-stars i{font-size:10px}.compact-button{min-height:38px;padding:0 12px}.focus-close{box-shadow:none}.focus-help{color:var(--muted);margin:17px 0 12px;font-size:10px}.detail-star-editor{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.detail-star-editor button{border:1px solid var(--line);min-width:0;color:var(--surface-strong);background:color-mix(in srgb, var(--surface-solid) 58%, transparent);border-radius:11px;place-items:center;gap:2px;padding:9px 3px 7px;font-size:19px;display:grid}.detail-star-editor button.is-on{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, var(--line));background:var(--accent-soft)}.detail-star-editor small{color:var(--quiet);font-size:7px}.focus-standard-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:13px}.focus-standard-list li{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 62%, transparent);border-radius:12px;grid-template-columns:27px minmax(0,1fr);align-content:start;gap:8px;min-height:100px;padding:11px}.focus-standard-list li:after{display:none}.focus-standard-list li>span{width:27px;height:27px}.focus-standard-list p{font-size:8px}.focus-standard-list strong{font-size:10px}@keyframes focusReveal{0%{opacity:0;transform:translateY(-8px)}}.game-skill-tree{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--green) 12%, transparent), transparent 42%), radial-gradient(circle at 18% 15%, color-mix(in srgb, var(--green) 8%, transparent), transparent 26%), radial-gradient(circle at 82% 15%, color-mix(in srgb, var(--blue) 8%, transparent), transparent 26%), linear-gradient(180deg, var(--surface-solid), var(--surface-soft));width:100%;min-width:0;box-shadow:var(--shadow-sm);padding:34px 30px 26px;position:relative;overflow-x:auto}.tree-landscape{scroll-margin-top:108px}.tree-canopy{z-index:3;grid-template-columns:repeat(5,minmax(170px,1fr));gap:18px;min-width:970px;padding:0 0 58px;display:grid;position:relative}.tree-canopy:after{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--green) 60%, var(--line)), color-mix(in srgb, var(--violet) 64%, var(--line)), color-mix(in srgb, var(--blue) 60%, var(--line)));height:4px;box-shadow:0 5px 15px color-mix(in srgb, var(--green) 10%, transparent);border-radius:99px;position:absolute;bottom:23px;left:7%;right:7%}.tree-branch{--branch-color:var(--green);--branch-soft:var(--green-soft);flex-direction:column;justify-content:flex-end;min-width:0;display:flex;position:relative}.tree-branch:after{content:"";z-index:-1;background:color-mix(in srgb, var(--branch-color) 58%, var(--line));border-radius:99px;width:3px;height:52px;position:absolute;bottom:21px;left:50%;transform:translate(-50%)}.tree-branch>header{border:1px solid color-mix(in srgb, var(--branch-color) 35%, var(--line));background:var(--surface-solid);min-height:82px;box-shadow:0 12px 28px color-mix(in srgb, var(--branch-color) 10%, transparent);border-radius:16px;order:2;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;display:grid}.branch-orb{width:37px;height:37px;color:var(--branch-color);background:var(--branch-soft);border-radius:12px;place-items:center;font-size:12px;font-weight:800;display:grid}.tree-branch header>div{min-width:0;display:grid}.tree-branch header strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tree-branch header small{color:var(--quiet);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.tree-branch header em{color:var(--branch-color);font-size:8px;font-style:normal;font-weight:750}.branch-nodes{flex-direction:column;order:1;justify-content:flex-end;gap:12px;min-height:286px;padding:0 5px 28px;display:flex;position:relative}.branch-nodes:after{content:"";z-index:-1;border-right:2px solid color-mix(in srgb, var(--branch-color) 40%, var(--line));border-top:2px solid color-mix(in srgb, var(--branch-color) 30%, var(--line));border-radius:0 56px 0 0;width:44%;height:70%;position:absolute;bottom:0;right:50%}.tree-skill-node{z-index:2;border:1px solid var(--line);min-width:0;min-height:61px;color:inherit;background:var(--surface-solid);box-shadow:0 7px 20px color-mix(in srgb, var(--branch-color) 7%, transparent);text-align:left;border-radius:18px 18px 18px 7px;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:9px 10px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.tree-skill-node:nth-child(2n){border-radius:18px 18px 7px;margin-left:15px}.tree-skill-node:hover{border-color:color-mix(in srgb, var(--branch-color) 46%, var(--line));transform:translateY(-3px)scale(1.01)}.tree-skill-node.is-selected{border-color:color-mix(in srgb, var(--branch-color) 70%, var(--line));box-shadow:0 0 0 4px color-mix(in srgb, var(--branch-color) 12%, transparent), 0 10px 28px color-mix(in srgb, var(--branch-color) 16%, transparent)}.node-orb{border:1px solid color-mix(in srgb, var(--branch-color) 25%, var(--line));width:33px;height:33px;color:var(--branch-color);background:var(--branch-soft);border-radius:50% 50% 50% 12px;place-items:center;font-size:10px;font-weight:800;display:grid}.node-copy{gap:4px;min-width:0;display:grid}.node-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.tree-preview-stars{gap:1px;display:flex}.tree-preview-stars i{color:var(--surface-strong);font-size:9px;font-style:normal}.tree-preview-stars i.is-on{color:var(--branch-color,var(--accent));text-shadow:0 0 8px color-mix(in srgb, var(--branch-color,var(--accent)) 30%, transparent)}.node-trend{color:var(--quiet);font-size:9px}.node-trend.trend-up{color:var(--green)}.node-recommended{color:var(--branch-color);background:var(--branch-soft);border-radius:5px;grid-column:1/-1;justify-self:start;padding:2px 6px;font-size:7px;font-weight:750}.tree-trunk{z-index:2;width:110px;height:86px;margin:-24px auto -8px;position:relative}.tree-trunk i{transform-origin:bottom;border-radius:99px 99px 12px 12px;position:absolute;bottom:0}.tree-trunk i:first-child{background:linear-gradient(90deg, color-mix(in srgb, var(--green) 70%, var(--violet)), color-mix(in srgb, var(--violet) 70%, var(--green)));width:24px;height:100px;left:50%;transform:translate(-50%)}.tree-trunk i:nth-child(2){background:color-mix(in srgb, var(--green) 62%, var(--violet));width:95px;height:18px;left:50%;transform:translate(-94%)rotate(43deg)}.tree-trunk i:nth-child(3){background:color-mix(in srgb, var(--violet) 62%, var(--blue));width:95px;height:18px;right:50%;transform:translate(94%)rotate(-43deg)}.tree-root-node{z-index:4;border:1px solid color-mix(in srgb, var(--violet) 38%, var(--line));background:var(--surface-solid);width:min(100%,350px);box-shadow:0 15px 36px color-mix(in srgb, var(--violet) 14%, transparent);border-radius:19px;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;margin:0 auto;padding:14px 16px;display:grid;position:relative}.tree-root-orb{color:#fff;background:linear-gradient(145deg, var(--violet), color-mix(in srgb, var(--violet) 55%, var(--blue)));width:52px;height:52px;box-shadow:0 0 0 6px var(--violet-soft), 0 8px 20px color-mix(in srgb, var(--violet) 25%, transparent);border-radius:17px;place-items:center;font-size:20px;font-weight:800;display:grid}.tree-root-node>div{display:grid}.tree-root-node small{color:var(--quiet);letter-spacing:.09em;font-size:8px}.tree-root-node strong{margin:2px 0;font-size:15px}.tree-total{color:var(--violet);font-size:11px;font-weight:800}.tree-ground{z-index:1;background:color-mix(in srgb, var(--green) 16%, transparent);filter:blur(2px);border-radius:50%;width:min(560px,72%);height:12px;margin:-4px auto 0;position:relative}.history-card{margin-top:14px;padding:23px}.history-list{margin-top:16px;display:grid}.history-item{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.history-mark{width:31px;height:31px;color:var(--accent);background:var(--accent-soft);border-radius:9px;place-items:center;display:grid}.history-item div{display:grid}.history-item strong{font-size:12px}.history-item p,.history-item time{color:var(--quiet);margin:0;font-size:9px}.knowledge-hero{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--surface-solid), var(--blue-soft));box-shadow:var(--shadow-sm);grid-template-columns:1fr 300px;align-items:end;gap:40px;padding:28px 30px;display:grid}.knowledge-hero h2{margin:12px 0 8px;font-size:clamp(28px,3.5vw,42px)}.knowledge-hero p{max-width:650px;color:var(--muted);margin:0}.knowledge-progress{border:1px solid color-mix(in srgb, var(--surface-solid) 70%, transparent);background:color-mix(in srgb, var(--surface-solid) 64%, transparent);border-radius:15px;padding:18px}.knowledge-progress>span{color:var(--quiet);font-size:10px}.knowledge-progress strong{margin:3px 0 8px;font-size:27px;display:block}.knowledge-progress strong small{color:var(--quiet);font-size:11px}.knowledge-progress div{background:var(--surface-strong);border-radius:9px;height:5px}.knowledge-progress i{border-radius:inherit;background:var(--blue);height:100%;display:block}.knowledge-progress p{margin-top:8px;font-size:9px}.knowledge-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:18px;margin-top:20px;display:grid}.knowledge-sidebar{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm);padding:14px;position:sticky;top:110px}.search-box{border:1px solid var(--line);background:var(--surface-soft);height:38px;color:var(--quiet);border-radius:10px;align-items:center;gap:7px;padding:0 10px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.knowledge-sidebar nav{gap:2px;margin-top:12px;display:grid}.knowledge-sidebar nav button{height:36px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:20px 1fr auto;align-items:center;padding:0 8px;font-size:11px;display:grid}.knowledge-sidebar nav button.is-active{color:var(--ink);background:var(--blue-soft);font-weight:700}.knowledge-sidebar nav button.is-disabled{opacity:.55}.knowledge-sidebar nav small{color:var(--quiet);font-size:8px}.knowledge-content{min-width:0}.topic-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.topic-tabs button{border:1px solid var(--line);min-width:0;color:var(--muted);background:var(--surface);text-align:left;border-radius:13px;padding:13px}.topic-tabs button.is-active{border-color:color-mix(in srgb, var(--blue) 42%, var(--line));background:var(--surface-solid);box-shadow:var(--shadow-sm)}.topic-tabs strong,.topic-tabs small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.topic-tabs strong{color:var(--ink);font-size:12px}.topic-tabs small{font-size:8px}.article-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm);padding:34px}.article-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding-bottom:27px;display:flex}.article-header h2{margin:8px 0 3px;font-size:31px}.article-header p{color:var(--muted);margin:0}.bookmark-button{border:1px solid var(--line);background:var(--surface-soft);width:39px;height:39px;color:var(--muted);border-radius:11px;font-size:20px}.article-intro{grid-template-columns:42px 1fr;gap:15px;padding:28px 0;display:grid}.article-number,.article-section-title span{color:var(--accent);letter-spacing:.08em;font-size:11px;font-weight:780}.article-intro h3{margin-bottom:7px}.article-intro p{color:var(--muted);margin:0;line-height:1.8}.article-two-column{grid-template-columns:1fr 1fr;gap:11px;display:grid}.article-two-column>section{background:var(--green-soft);border-radius:15px;padding:21px}.article-two-column .mistake-section{background:var(--accent-soft)}.article-section-title{align-items:baseline;gap:10px;display:flex}.article-section-title h3{margin:0;font-size:15px}.check-list,.mistake-list{gap:10px;margin:17px 0 0;padding:0;list-style:none;display:grid}.check-list li,.mistake-list li{color:var(--muted);grid-template-columns:21px 1fr;gap:8px;font-size:11px;display:grid}.check-list li span,.mistake-list li span{width:19px;height:19px;color:var(--green);background:color-mix(in srgb, var(--surface-solid) 62%, transparent);border-radius:6px;place-items:center;font-size:9px;font-weight:800;display:grid}.mistake-list li span{color:var(--accent-dark)}.drills-section{padding:28px 0}.drill-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.drill-grid>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:13px;padding:17px}.drill-grid span{color:var(--quiet);font-size:9px;font-weight:760}.drill-grid p{color:var(--muted);margin:9px 0 0;font-size:10px}.media-placeholder{border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;grid-template-columns:.85fr 1.15fr;min-height:210px;display:grid;overflow:hidden}.media-graphic{background:linear-gradient(145deg, var(--blue-soft), var(--green-soft));place-items:center;display:grid;position:relative;overflow:hidden}.media-graphic:before{content:"";border:1px solid color-mix(in srgb, var(--green) 25%, transparent);width:160px;height:230px;position:absolute;transform:rotate(38deg)}.media-graphic>span{z-index:2;width:52px;height:52px;color:var(--surface-solid);background:var(--ink);border-radius:50%;place-items:center;padding-left:3px;display:grid}.media-placeholder>div:last-child{align-self:center;padding:28px}.media-placeholder h3{margin:9px 0 5px}.media-placeholder p{color:var(--muted);font-size:11px}.media-placeholder button{border:1px solid var(--line);color:var(--quiet);background:var(--surface-solid);border-radius:9px;padding:8px 11px;font-size:9px}.tips-section{border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;margin-top:28px;padding:23px}.tips-section h3{font-size:19px}.tip-count{color:var(--green);background:var(--green-soft);border-radius:999px;padding:5px 9px;font-size:9px;font-weight:750}.tips-help{max-width:650px;color:var(--quiet);margin:8px 0 15px;font-size:10px;line-height:1.7}.tip-composer{border:1px solid var(--line);background:var(--surface-solid);border-radius:13px;padding:13px}.tip-composer textarea{resize:vertical;width:100%;min-height:92px;color:var(--ink);background:0 0;border:0;outline:0;padding:4px;line-height:1.7}.tip-composer-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-top:10px;display:flex}.tip-composer-footer>span{color:var(--quiet);font-size:9px}.tip-composer-footer>div{align-items:center;gap:9px;display:flex}.tip-composer-footer .primary-button{padding:8px 12px;font-size:10px}.tip-list{gap:9px;margin-top:12px;display:grid}.tip-card{border:1px solid var(--line);background:var(--surface-solid);border-radius:13px;padding:15px 16px}.tip-index{color:var(--green);letter-spacing:.11em;font-size:8px;font-weight:800}.tip-card>p{color:var(--ink);white-space:pre-wrap;margin:8px 0 13px;font-size:12px;line-height:1.75}.tip-card footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.tip-card time{color:var(--quiet);font-size:8px}.tip-card footer div{gap:6px;display:flex}.tip-card footer button{color:var(--quiet);background:var(--surface-soft);border:0;border-radius:6px;padding:4px 7px;font-size:8px}.tip-card footer button:hover{color:var(--ink)}.tip-card footer .delete-tip:hover{color:var(--accent-dark);background:var(--accent-soft)}.tips-empty{border:1px dashed var(--line-strong);color:var(--quiet);background:color-mix(in srgb, var(--surface-solid) 62%, transparent);border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:15px;display:flex}.tips-empty span{width:27px;height:27px;color:var(--green);background:var(--green-soft);border-radius:8px;flex:none;place-items:center;display:grid}.tips-empty p{margin:0;font-size:10px}.logs-hero,.plan-heading{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--surface-solid), var(--green-soft));box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:30px;padding:29px 31px;display:flex}.logs-hero h2,.plan-heading h2{margin:10px 0 5px;font-size:clamp(28px,3.4vw,41px)}.logs-hero p,.plan-heading p{color:var(--muted);margin:0}.analysis-result{border:1px solid color-mix(in srgb, var(--violet) 28%, var(--line));border-radius:var(--radius-md);background:var(--violet-soft);grid-template-columns:44px 1fr;gap:14px;margin-bottom:15px;padding:20px 48px 20px 20px;animation:.35s both pageIn;display:grid;position:relative}.analysis-icon{width:42px;height:42px;color:var(--violet);background:color-mix(in srgb, var(--surface-solid) 65%, transparent);border-radius:13px;place-items:center;display:grid}.analysis-title{align-items:center;gap:10px;display:flex}.analysis-title h3{margin:0}.analysis-result p{color:var(--muted);margin:7px 0 10px;font-size:11px}.analysis-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.analysis-actions>span{color:var(--violet);margin-right:auto;font-size:10px;font-weight:700}.analysis-actions button{border:1px solid var(--line);background:var(--surface-solid);border-radius:8px;padding:6px 9px;font-size:9px}.dismiss-button{color:var(--quiet);background:0 0;border:0;font-size:18px;position:absolute;top:11px;right:12px}.draft-card{border:1px dashed color-mix(in srgb, var(--amber) 46%, var(--line));width:100%;color:inherit;background:color-mix(in srgb, var(--amber) 7%, var(--surface-solid));text-align:left;border-radius:15px;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;margin:16px 0;padding:17px 20px;display:grid}.draft-icon{width:40px;height:40px;color:var(--amber);background:color-mix(in srgb, var(--amber) 12%, var(--surface));border-radius:11px;place-items:center;display:grid}.draft-card div{display:grid}.draft-card strong{margin:2px 0}.draft-card p{max-width:600px;color:var(--quiet);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:9px;overflow:hidden}.draft-continue{color:var(--amber);font-size:10px;font-weight:700}.export-demo{color:var(--muted);font-size:10px}.log-list{gap:10px;display:grid}.log-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm);grid-template-columns:60px 1fr 70px;gap:18px;padding:22px;display:grid}.log-date{background:var(--surface-soft);border-radius:15px;flex-direction:column;justify-content:center;align-self:start;align-items:center;height:60px;display:flex}.log-date strong{font-size:23px;line-height:1.1}.log-date span{color:var(--quiet);font-size:9px}.log-card-title{justify-content:space-between;gap:15px;display:flex}.log-card-title h3{margin-bottom:6px}.log-card-title button{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);border-radius:7px;align-self:start;padding:4px 8px;font-size:9px}.log-main>p{max-width:820px;color:var(--muted);font-size:11px;line-height:1.7}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-row span{color:var(--green);background:var(--green-soft);border-radius:7px;padding:4px 7px;font-size:8px}.attached-media{background:var(--surface-soft);width:fit-content;color:var(--muted);border-radius:9px;align-items:center;gap:8px;margin-top:12px;padding:7px 10px;font-size:9px;display:flex}.attached-media>span{color:var(--blue)}.attached-media small{color:var(--quiet)}.log-duration{flex-direction:column;align-items:flex-end;display:flex}.log-duration strong{font-size:23px}.log-duration span{color:var(--quiet);font-size:9px}.end-note{color:var(--quiet);justify-content:center;align-items:center;gap:10px;margin:25px 0;font-size:9px;display:flex}.end-note span{background:var(--line);width:30px;height:1px}.editor-topline{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.editor-topline>div{align-items:center;gap:10px;display:flex}.back-button{color:var(--muted);padding:7px 0;font-weight:650}.autosave-state{color:var(--quiet);font-size:9px}.log-editor-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:14px;display:grid}.log-editor-card,.writing-guide{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm)}.log-editor-card{padding:32px}.log-title-input{border:0;border-bottom:1px solid var(--line);letter-spacing:-.035em;background:0 0;outline:0;width:100%;padding:0 0 15px;font-size:clamp(25px,3.2vw,38px);font-weight:730}.log-title-input::placeholder,.log-body-input::placeholder{color:var(--quiet);opacity:.7}.log-meta-row{color:var(--quiet);align-items:center;gap:18px;margin:14px 0;font-size:10px;display:flex}.log-meta-row label{align-items:center;gap:6px;display:flex}.log-meta-row input{border:1px solid var(--line);background:var(--surface-soft);text-align:right;border-radius:7px;width:52px;height:29px;padding:0 6px}.log-body-input{resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:330px;padding:12px 0;line-height:1.9}.media-dropzone{border:1px dashed var(--line-strong);background:var(--surface-soft);border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:16px;display:grid}.media-drop-icon{width:40px;height:40px;color:var(--blue);background:var(--blue-soft);border-radius:11px;place-items:center;font-size:20px;display:grid}.media-dropzone strong{font-size:11px}.media-dropzone p{color:var(--quiet);margin:1px 0 0;font-size:9px}.file-button{align-items:center;display:inline-flex;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.media-file-list{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.media-file-list>span{background:var(--blue-soft);color:var(--blue);border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;display:flex}.media-file-list button{color:var(--quiet);background:0 0;border:0}.editor-action-row{justify-content:space-between;align-items:center;gap:15px;margin-top:20px;display:flex}.editor-action-row>span{color:var(--quiet);font-size:9px}.editor-action-row>div{gap:8px;display:flex}.writing-guide{padding:23px;position:sticky;top:108px}.writing-guide h3{margin:8px 0 5px}.writing-guide>p{color:var(--muted);font-size:10px}.writing-guide ul{margin:18px 0;padding:0;list-style:none;display:grid}.writing-guide li{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:27px 1fr;gap:7px;padding:10px 0;font-size:10px;display:grid}.writing-guide li span{color:var(--quiet);font-size:8px}.ai-safety-note{background:var(--violet-soft);color:var(--violet);border-radius:11px;grid-template-columns:27px 1fr;gap:8px;padding:12px;display:grid}.ai-safety-note p{margin:0;font-size:9px}.ai-safety-note strong{display:block}
.phase-meta{border:1px solid color-mix(in srgb, var(--surface-solid) 70%, transparent);background:color-mix(in srgb, var(--surface-solid) 66%, transparent);border-radius:14px;min-width:210px;padding:16px 18px;display:grid}.phase-meta span{color:var(--quiet);font-size:9px}.phase-meta strong{margin:2px 0;font-size:21px}.phase-meta small{color:var(--muted);font-size:9px}.plan-flow{gap:14px;margin-top:15px;display:grid}.goal-card,.training-schedule-card,.ai-coach-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm)}.goal-card,.training-schedule-card{padding:24px}.goal-card h3,.training-schedule-card h3{font-size:19px}.plan-step-heading{grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.plan-step-heading>span{width:34px;height:34px;color:var(--violet);background:var(--violet-soft);border-radius:11px;place-items:center;font-size:9px;font-weight:800;display:grid}.plan-step-heading small{color:var(--quiet);letter-spacing:.08em;font-size:8px;font-weight:760}.plan-step-heading h3{margin:2px 0 3px}.plan-step-heading p{color:var(--quiet);margin:0;font-size:9px}.goal-copy{margin:20px 0;font-size:17px;line-height:1.7}.goal-card textarea{resize:vertical;border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;width:100%;min-height:110px;margin:16px 0;padding:13px;line-height:1.7}.plan-target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0;display:grid}.plan-target-grid article{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;padding:14px}.plan-target-grid article>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.plan-target-grid article span{font-size:11px;font-weight:720}.plan-target-grid article strong{color:var(--green);font-size:10px}.plan-target-grid article p{color:var(--muted);margin:8px 0 0;font-size:9px;line-height:1.65}.goal-progress-row>div:first-child{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.goal-progress-row strong{color:var(--ink)}.plan-updated{color:var(--quiet);text-align:right;margin-top:10px;font-size:8px;display:block}.schedule-list{margin-top:18px;display:grid}.schedule-list article{border-top:1px solid var(--line);grid-template-columns:35px 1fr auto;gap:13px;padding:19px 0;display:grid}.schedule-index{width:32px;height:32px;color:var(--quiet);background:var(--surface-soft);border-radius:10px;place-items:center;font-size:9px;font-weight:730;display:grid}.schedule-list small{color:var(--accent-dark);font-size:8px;font-weight:740}.schedule-list h4{margin:2px 0 4px;font-size:14px}.schedule-list p{color:var(--muted);margin:0 0 8px;font-size:10px}.schedule-list article>div>div{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.schedule-list article>div>div span{background:var(--green-soft);color:var(--green);border-radius:6px;padding:3px 6px;font-size:8px}.schedule-list time{color:var(--quiet);font-size:9px}.ai-coach-card{overflow:hidden}.discussion-card>.plan-step-heading{background:linear-gradient(135deg, var(--surface-solid), var(--violet-soft));padding:22px 24px}.ai-coach-card>header{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:18px;display:grid}.ai-avatar{width:42px;height:42px;color:var(--violet);background:var(--violet-soft);border-radius:13px;place-items:center;display:grid}.ai-coach-card header h3{margin:1px 0 0;font-size:14px}.ai-online{color:var(--quiet);font-size:8px}.ai-online i{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.chat-context{border-bottom:1px solid var(--line);padding:12px 18px}.chat-context>span{color:var(--quiet);font-size:8px}.chat-context div{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.chat-context button{border:1px solid var(--line);color:var(--muted);background:var(--surface-soft);border-radius:7px;padding:4px 7px;font-size:8px}.chat-messages{flex-direction:column;gap:14px;min-height:250px;max-height:400px;padding:18px;display:flex;overflow-y:auto}.chat-message{align-items:flex-start;gap:8px;display:flex}.chat-message>span{width:25px;height:25px;color:var(--violet);background:var(--violet-soft);border-radius:8px;flex:none;place-items:center;font-size:9px;display:grid}.chat-message p{background:var(--surface-soft);color:var(--muted);border-radius:4px 12px 12px;margin:0;padding:10px 12px;font-size:10px;line-height:1.7}.chat-message.user{flex-direction:row-reverse;align-self:flex-end;max-width:88%}.chat-message.user>span{color:#fff;background:var(--green)}.chat-message.user p{color:#fff;background:var(--green);border-radius:12px 4px 12px 12px}.typing-dots{gap:4px;display:flex}.typing-dots i{background:var(--quiet);border-radius:50%;width:5px;height:5px;animation:1s infinite blink}.typing-dots i:nth-child(2){animation-delay:.16s}.typing-dots i:nth-child(3){animation-delay:.32s}@keyframes blink{50%{opacity:.25;transform:translateY(-2px)}}.quick-prompts{gap:6px;padding:0 18px 10px;display:flex;overflow-x:auto}.quick-prompts button{border:1px solid var(--line);color:var(--muted);background:var(--surface-soft);border-radius:999px;flex:none;padding:6px 8px;font-size:8px}.quick-prompts .create-plan-prompt{border-color:color-mix(in srgb, var(--violet) 32%, var(--line));color:var(--violet);background:var(--violet-soft);font-weight:750}.chat-input{border:1px solid var(--line);background:var(--surface-soft);border-radius:13px;grid-template-columns:1fr 35px;align-items:end;gap:8px;margin:0 13px;padding:9px;display:grid}.chat-input textarea{resize:none;background:0 0;border:0;outline:0;width:100%;min-height:38px;max-height:90px;padding:8px;font-size:10px}.chat-input button{width:34px;height:34px;color:var(--surface-solid);background:var(--ink);border:0;border-radius:10px}.chat-input button:disabled{opacity:.3}.chat-disclaimer{color:var(--quiet);text-align:center;margin:7px 13px 12px;font-size:7px}.toast{z-index:100;border:1px solid var(--line);background:var(--surface-solid);box-shadow:var(--shadow-md);border-radius:13px;align-items:center;gap:9px;padding:12px 16px;font-size:11px;font-weight:650;animation:.3s both toastIn;display:flex;position:fixed;bottom:25px;right:25px}.toast span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;display:grid}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}}@media (max-width:1180px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card{min-height:260px}.profile-summary-grid{grid-template-columns:repeat(3,1fr)}.profile-level-card{grid-column:1/-1}.focus-standard-list{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-layout{grid-template-columns:minmax(0,1fr) 310px}.skill-tree-grid{grid-template-columns:1fr}}@media (max-width:920px){.app-frame{grid-template-columns:68px minmax(0,1fr)}.sidebar{padding-inline:8px}.sidebar-brand{justify-content:center;padding-inline:0}.sidebar-brand>span:nth-child(2),.nav-item>span:nth-child(2),.nav-count,.profile-button>span:not(.avatar),.mock-chip{display:none}.nav-item{grid-template-columns:1fr;justify-items:center;padding:0}.nav-icon{font-size:20px}.profile-button{place-items:center;padding:8px;display:grid}.hero-panel{grid-template-columns:1fr}.hero-visual{min-height:250px}.profile-summary-grid{grid-template-columns:repeat(3,1fr)}.skill-focus-heading{flex-direction:column;align-items:flex-start}.skill-focus-actions{width:100%}.focus-current-level{margin-right:auto}.skill-layout,.knowledge-layout,.log-editor-layout{grid-template-columns:1fr}.skill-detail-panel,.knowledge-sidebar,.ai-coach-card,.writing-guide{position:static}.knowledge-sidebar{overflow-x:auto}.knowledge-sidebar nav{display:flex}.knowledge-sidebar nav button{flex:0 0 100px}.knowledge-sidebar nav button.is-disabled{display:none}.chat-messages{min-height:250px}.writing-guide{display:none}}@media (max-width:680px){body{padding-bottom:70px;font-size:14px}.app-frame{display:block}.sidebar{display:none}.topbar{height:70px;padding:0 17px}.topbar h1,.page-kicker,.prototype-badge{display:none}.mobile-brand{align-items:center;gap:8px;font-weight:750;display:flex}.page-scroll{padding:16px 14px 36px}.bottom-nav{z-index:80;left:10px;right:10px;bottom:max(9px, env(safe-area-inset-bottom));border:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 88%, transparent);height:59px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;grid-template-columns:repeat(5,1fr);padding:5px;display:grid;position:fixed}.bottom-nav button{color:var(--quiet);background:0 0;border:0;border-radius:13px;align-content:center;place-items:center;gap:1px;font-size:17px;display:grid}.bottom-nav small{font-size:8px}.bottom-nav button.is-active{color:var(--accent);background:var(--accent-soft)}.gate-shell{padding:16px}.gate-shell:before{border-radius:28px;inset:3%}.gate-card{border-radius:25px;padding:37px 23px 28px}.pin-row{gap:8px}.pin-input{border-radius:14px;font-size:25px}.hero-copy{padding:29px 23px 25px}.hero-copy h2{font-size:32px}.hero-actions{flex-direction:column;align-items:stretch;gap:7px}.text-button{text-align:left}.hero-visual{min-height:230px}.progress-orbit{width:140px}.note-one{top:28px;right:15px}.note-two{bottom:25px;left:15px}.section-heading{align-items:flex-start;margin-top:30px}.section-hint{text-align:right;max-width:150px}.module-grid,.today-grid{grid-template-columns:1fr}.module-card{min-height:230px}.today-grid{gap:10px}.session-source{flex-direction:column;align-items:flex-start}.profile-summary-grid{grid-template-columns:1fr 1fr}.profile-level-card,.stat-card:last-child{grid-column:1/-1}.growth-chart-card{overflow-x:auto}.growth-chart{min-width:510px;height:190px}.skill-focus-panel{padding:18px;scroll-margin-top:82px}.skill-focus-actions{grid-template-columns:1fr auto;display:grid}.focus-current-level{grid-column:1/-1;width:100%}.skill-focus-actions .compact-button{justify-self:start}.detail-star-editor{gap:5px}.focus-standard-list{grid-template-columns:1fr}.focus-standard-list li{min-height:0}.game-skill-tree{flex-direction:column;padding:22px 16px;display:flex;overflow:hidden}.tree-root-node{order:1;width:100%;margin:0}.tree-trunk{order:2;width:46px;height:52px;margin:0 0 0 24px}.tree-trunk i:first-child{width:9px;height:58px}.tree-trunk i:nth-child(2),.tree-trunk i:nth-child(3){display:none}.tree-canopy{order:3;grid-template-columns:1fr;gap:15px;min-width:0;padding:0 0 0 38px}.tree-canopy:after{background:linear-gradient(var(--violet), var(--green), var(--blue));width:4px;height:auto;inset:0 auto 20px 20px}.tree-branch{flex-direction:column;display:flex}.tree-branch:after{width:22px;height:3px;inset:39px 100% auto -18px;transform:none}.tree-branch>header{order:1;min-height:74px}.branch-nodes{order:2;min-height:0;padding:15px 0 0 18px}.branch-nodes:after{background:color-mix(in srgb, var(--branch-color) 35%, var(--line));border:0;border-radius:0;width:2px;height:auto;inset:0 auto 16px 7px}.tree-skill-node,.tree-skill-node:nth-child(2n){min-height:64px;margin-left:0}.tree-ground{display:none}.skill-tree-grid{grid-template-columns:1fr}.skill-card{padding:17px}.star-button{font-size:24px}.star-tooltip{display:none}.skill-detail-panel{padding:18px}.history-item{grid-template-columns:30px 1fr}.history-item time{grid-column:2}.knowledge-hero,.logs-hero,.plan-heading{grid-template-columns:1fr;padding:23px;display:grid}.knowledge-progress,.phase-meta{min-width:0}.topic-tabs{grid-template-columns:repeat(2,1fr)}.article-card{padding:21px}.article-two-column,.drill-grid,.media-placeholder{grid-template-columns:1fr}.media-graphic{min-height:170px}.tip-composer-footer{flex-direction:column;align-items:stretch}.tip-composer-footer>div{justify-content:flex-end}.analysis-result{grid-template-columns:35px 1fr;padding:16px 35px 16px 14px}.analysis-icon{width:34px;height:34px}.analysis-title{gap:4px;display:grid}.analysis-actions>span{width:100%}.draft-card{grid-template-columns:38px 1fr}.draft-continue{grid-column:2}.log-card{grid-template-columns:47px 1fr;gap:12px;padding:15px}.log-duration{flex-direction:row;grid-column:2;align-items:flex-start;gap:4px}.log-duration strong{font-size:12px}.log-editor-card{padding:21px}.log-meta-row{flex-direction:column;align-items:flex-start;gap:8px}.log-body-input{min-height:270px}.media-dropzone{grid-template-columns:38px 1fr}.media-dropzone .file-button{grid-column:1/-1;justify-content:center}.editor-action-row{flex-direction:column;align-items:stretch}.editor-action-row>div{display:grid}.goal-copy{font-size:15px}.plan-target-grid{grid-template-columns:1fr}.plan-step-heading{grid-template-columns:34px 1fr}.plan-step-heading>button{grid-column:2;justify-self:start}.schedule-list article{grid-template-columns:32px 1fr}.schedule-list time{grid-column:2}.ai-coach-card>header{grid-template-columns:40px 1fr}.ai-coach-card header .mock-label{grid-column:2}.toast{justify-content:center;bottom:81px;left:14px;right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.boot-screen{align-content:center;gap:14px}.boot-screen p{color:var(--quiet);font-size:11px}.sync-error{z-index:120;border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));color:var(--accent-dark);background:var(--accent-soft);box-shadow:var(--shadow-md);border-radius:12px;padding:11px 14px;font-size:10px;position:fixed;bottom:82px;right:24px}.local-chip span{background:var(--green)}.simple-hero-panel{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.simple-hero-panel .hero-copy{padding-block:48px}.simple-hero-panel .hero-copy>p:last-of-type{max-width:650px}.simple-hero-visual{isolation:isolate;background:radial-gradient(ellipse at 50% 72%, color-mix(in srgb, var(--green) 18%, transparent), transparent 44%), radial-gradient(circle at 50% 30%, #8be5a63d, transparent 43%), linear-gradient(155deg, color-mix(in srgb, var(--green-soft) 78%, var(--surface-solid)), var(--surface-soft));min-height:390px}.luminous-tree-stage:before,.luminous-tree-stage:after{content:"";z-index:0;pointer-events:none;border-radius:50%;position:absolute}.luminous-tree-stage:before{aspect-ratio:1;filter:blur(38px);background:#70d99a2b;width:74%;animation:4.8s ease-in-out infinite treeAura}.luminous-tree-stage:after{filter:blur(24px);background:#d9f6de7a;width:40%;height:22%;bottom:7%;right:7%}.tree-ambient-glow{z-index:1;background:radial-gradient(circle at 50% 38%,#c9ffd359,#0000 58%);border-radius:50% 50% 42% 42%;animation:4.8s ease-in-out 1.1s infinite treeAura;position:absolute;inset:9% 9% 5%;box-shadow:inset 0 0 70px #a5efb61f}.luminous-growth-tree{z-index:2;filter:drop-shadow(0 24px 30px #174b3933);width:min(96%,520px);height:auto;position:relative;overflow:visible}.tree-ground-shadow{fill:#174b3947;filter:blur(8px)}.tree-static-trunk>path:first-child{filter:drop-shadow(0 8px 8px #35271d38)}.tree-static-trunk>path:not(:first-child){fill:none;stroke:#5a4332;stroke-width:13px;stroke-linecap:round;stroke-linejoin:round}.tree-swaying-crown{transform-box:fill-box;transform-origin:50% 90%;animation:6.8s ease-in-out infinite treeSway}.tree-canopy-mass{stroke:#d2f8d84d;stroke-width:2px}.tree-visible-branches{fill:none;stroke:#4935287a;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.tree-leaf-highlights{opacity:.82;animation:4.2s ease-in-out infinite leafBreath}.tree-light-particles{fill:#d8ffdd;filter:drop-shadow(0 0 7px #8cffaa)}.tree-light-particles circle:nth-child(2n){animation:3.2s ease-in-out infinite alternate treeSparkle}.tree-light-particles circle:nth-child(odd){animation:4.1s ease-in-out .8s infinite alternate treeSparkle}.tree-progress-badge{--tree-progress:0deg;z-index:4;aspect-ratio:1;background:conic-gradient(#f3b26f var(--tree-progress), #ffffff61 0);border-radius:50%;place-items:center;width:126px;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 38px #164a3933,0 0 36px #a5f2b480}.tree-progress-badge:before{content:"";border-radius:inherit;background:color-mix(in srgb, var(--surface-solid) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffffa3;position:absolute;inset:7px;box-shadow:inset 0 0 24px #bdf5c82e}.tree-progress-badge>div{text-align:center;gap:2px;display:grid;position:relative}.tree-progress-badge strong{color:var(--ink);letter-spacing:-.05em;font-size:31px;line-height:1}.tree-progress-badge span{color:var(--muted);font-size:9px}@keyframes treeSway{0%,to{transform:rotate(-1.2deg)translate(-2px)}50%{transform:rotate(1.35deg)translate(2px)}}@keyframes treeAura{0%,to{opacity:.62;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes leafBreath{0%,to{opacity:.68}50%{opacity:1}}@keyframes treeSparkle{0%{opacity:.25;transform:translateY(3px)scale(.7)}to{opacity:1;transform:translateY(-4px)scale(1.15)}}.simple-module-grid .module-card{min-height:272px}.simple-module-grid .module-card>div:nth-child(2){margin-bottom:auto}.simple-module-grid .module-card h3{margin:10px 0 5px}.simple-module-grid .module-card p{color:var(--muted);font-size:11px}.simple-card-stat{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:baseline;column-gap:6px;padding-top:15px;display:grid}.simple-card-stat strong{font-size:24px}.simple-card-stat>span{color:var(--quiet);font-size:9px}.simple-card-stat small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:9px;overflow:hidden}.workbench-recent-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.workbench-recent-grid>article{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);min-height:190px;box-shadow:var(--shadow-sm);padding:24px}.workbench-recent-grid header{justify-content:space-between;gap:16px;display:flex}.workbench-recent-grid h3{margin:4px 0 0}.workbench-recent-grid>article>p,.latest-note-summary p{color:var(--muted);margin:23px 0 0;line-height:1.75}.latest-note-summary{margin-top:19px;display:grid}.latest-note-summary time{color:var(--quiet);font-size:8px}.latest-note-summary strong{margin-top:3px}.latest-note-summary p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:10px;display:-webkit-box;overflow:hidden}.profile-simple{grid-template-columns:156px minmax(0,1fr);align-items:start;gap:14px;display:grid}.profile-corner-grid{z-index:7;grid-area:1/1;grid-template-columns:1fr;gap:10px;display:grid;position:sticky;top:104px}.profile-tool-card{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-solid);min-height:0;box-shadow:var(--shadow-sm);border-radius:20px;padding:14px;overflow:hidden}.profile-tool-card h2{margin:2px 0 0;font-size:16px;line-height:1.15}.profile-tool-card p{display:none}.profile-tool-card .eyebrow{letter-spacing:.12em;font-size:6px}.tool-card-meta{border-top:1px solid color-mix(in srgb, var(--green) 15%, var(--line));flex-direction:column;grid-column:1/-1;justify-content:flex-end;align-items:stretch;gap:7px;margin-top:auto;padding-top:10px;display:flex}.tool-card-meta>span{color:var(--quiet);white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.tool-card-meta .secondary-button{width:100%;min-height:34px;padding:0 8px;font-size:9px}.lighting-card{background:linear-gradient(145deg, var(--surface-solid), color-mix(in srgb, var(--violet-soft) 48%, var(--surface-solid)));flex-direction:column;display:flex}.profile-tool-heading{gap:6px;display:grid}.profile-tool-heading>div{min-width:0}.profile-tool-heading>span{color:var(--quiet);font-size:8px}.history-tile-meta{margin-top:auto}.compact-history-list{margin-top:12px;display:grid}.compact-history-list>div{border-top:1px solid var(--line);grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:9px 0;display:grid}.compact-history-list>div>span{border-radius:8px;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.history-up{color:var(--green);background:var(--green-soft)}.history-down{color:var(--accent);background:var(--accent-soft)}.compact-history-list>div>div{min-width:0;display:grid}.compact-history-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.compact-history-list small,.compact-history-list time{color:var(--quiet);font-size:7px}.empty-inline{text-align:center;margin:25px 0 0!important}.lighting-history-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-solid);box-shadow:var(--shadow-md);grid-column:1/-1;padding:25px}.lighting-history-panel>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.lighting-history-panel h2{margin:5px 0 3px;font-size:25px}.lighting-history-panel header p{color:var(--muted);margin:0;font-size:10px}.expanded-history-list{max-height:430px;padding-right:5px;overflow-y:auto}.central-tree-section{grid-area:1/2;min-width:0;margin-top:0}.tree-total-summary{align-items:baseline;gap:5px;display:flex}.tree-total-summary strong{font-size:23px}.tree-total-summary span{color:var(--quiet);font-size:9px}.tree-skill-detail{--branch-color:var(--green);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:23px;scroll-margin-top:105px}.inline-tree-skill-detail{border-color:color-mix(in srgb, var(--branch-color) 30%, var(--line));background:color-mix(in srgb, var(--surface-solid) 94%, var(--branch-soft));border-radius:16px;grid-column:1/-1;min-width:0;margin:4px 0 0;padding:14px;animation:.24s both inlineDetailReveal}.inline-tree-skill-detail h3{font-size:18px}.inline-tree-skill-detail .detail-symbol{border-radius:12px;width:38px;height:38px}.inline-tree-skill-detail .manual-level-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:12px}.inline-tree-skill-detail .manual-level-row button{min-height:48px}.inline-tree-skill-detail .tree-standard-grid{grid-template-columns:1fr;gap:5px;margin-top:9px}.inline-tree-skill-detail .tree-standard-grid li{min-height:0}@keyframes inlineDetailReveal{0%{opacity:0;transform:translateY(-6px)}}.tree-skill-detail>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.tree-skill-detail>header>div{align-items:center;gap:12px;display:flex}.detail-symbol{width:45px;height:45px;color:var(--green);background:var(--green-soft);border-radius:14px;place-items:center;font-weight:800;display:grid}.tree-skill-detail h3{margin:4px 0 0;font-size:23px}.manual-level-row{grid-template-columns:95px repeat(5,minmax(70px,1fr));gap:7px;margin-top:18px;display:grid}.manual-level-row button{border:1px solid var(--line);min-width:0;min-height:56px;color:var(--surface-strong);background:var(--surface-soft);border-radius:11px;align-content:center;place-items:center;gap:2px;font-size:18px;display:grid}.manual-level-row button:first-child{color:var(--quiet);font-size:14px}.manual-level-row button.is-active{color:var(--accent);background:var(--accent-soft)}.manual-level-row button.is-on{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:var(--accent-soft)}.manual-level-row small{color:var(--quiet);font-size:7px}.tree-standard-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:13px 0 0;padding:0;list-style:none;display:grid}.tree-standard-grid li{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;grid-template-columns:27px 1fr;align-content:start;gap:8px;min-width:0;min-height:112px;padding:11px;display:grid}.tree-standard-grid li>span{width:26px;height:26px;color:var(--quiet);background:var(--surface-solid);border-radius:8px;place-items:center;font-size:8px;font-weight:800;display:grid}.tree-standard-grid li.is-done>span{color:#fff;background:var(--green)}.tree-standard-grid li.is-next{border-color:color-mix(in srgb, var(--accent) 30%, var(--line))}.tree-standard-grid li.is-next>span{color:var(--accent);background:var(--accent-soft)}.tree-standard-grid strong{font-size:10px}.tree-standard-grid em{color:var(--accent);margin-left:4px;font-size:7px;font-style:normal}.tree-standard-grid p{color:var(--muted);margin:4px 0 0;font-size:8px;line-height:1.6}.living-skill-tree{isolation:isolate;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 47%, color-mix(in srgb, var(--green) 15%, transparent), transparent 48%), linear-gradient(180deg, color-mix(in srgb, var(--blue-soft) 45%, var(--surface-solid)), var(--surface-soft) 76%);min-height:1080px;box-shadow:var(--shadow-sm);border-radius:34px;padding:44px 35px 175px;position:relative;overflow:hidden}.living-skill-tree:before{content:"";z-index:-2;background:radial-gradient(circle at 20% 25%, color-mix(in srgb, var(--green) 24%, transparent), transparent 30%), radial-gradient(circle at 78% 27%, color-mix(in srgb, var(--blue) 16%, transparent), transparent 32%), radial-gradient(circle at 50% 65%, color-mix(in srgb, var(--green) 18%, transparent), transparent 44%);filter:blur(1px);border-radius:48% 52% 44% 56%/40% 44% 56% 60%;width:92%;height:71%;position:absolute;top:55px;left:50%;transform:translate(-50%)}.tree-sky i{z-index:-1;background:color-mix(in srgb, var(--surface-solid) 42%, transparent);filter:blur(18px);border-radius:50%;width:150px;height:150px;position:absolute}.tree-sky i:first-child{top:8%;left:5%}.tree-sky i:nth-child(2){top:16%;right:7%}.tree-sky i:nth-child(3){top:52%;left:43%}.living-tree-crown{z-index:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid;position:relative}.living-branch{--branch-color:var(--green);--branch-soft:var(--green-soft);border:1px solid color-mix(in srgb, var(--branch-color) 24%, var(--line));background:color-mix(in srgb, var(--surface-solid) 86%, transparent);min-width:0;box-shadow:0 16px 36px color-mix(in srgb, var(--branch-color) 9%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px 24px 18px;padding:14px}.living-branch:nth-child(2n){transform:translateY(28px)}.living-branch:nth-child(5){transform:translateY(50px)}.living-branch>header{border-bottom:1px solid color-mix(in srgb, var(--branch-color) 18%, var(--line));grid-template-columns:39px 1fr auto;align-items:center;gap:9px;padding-bottom:12px;display:grid}.living-branch>header>span{width:38px;height:38px;color:var(--branch-color);background:var(--branch-soft);border-radius:13px 13px 13px 5px;place-items:center;font-size:11px;font-weight:800;display:grid}.living-branch header>div{min-width:0;display:grid}.living-branch header strong{font-size:12px}.living-branch header small{color:var(--quiet);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.living-branch header em{color:var(--branch-color);font-size:8px;font-style:normal;font-weight:750}.living-leaves{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:11px;display:grid}.living-leaves button{border:1px solid var(--line);min-width:0;min-height:58px;color:inherit;background:var(--surface-solid);text-align:left;border-radius:16px 16px 16px 5px;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:7px;padding:8px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.living-leaves button:nth-child(2n){border-radius:16px 16px 5px}.living-leaves button:hover{border-color:color-mix(in srgb, var(--branch-color) 45%, var(--line));transform:translateY(-2px)}.living-leaves button.is-selected{border-color:var(--branch-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--branch-color) 12%, transparent)}.leaf-symbol{width:28px;height:28px;color:var(--branch-color);background:var(--branch-soft);border-radius:50% 50% 50% 9px;place-items:center;font-size:8px;font-weight:800;display:grid}.living-leaves button>span:last-child{min-width:0;display:grid}.living-leaves strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.living-leaves .tree-preview-stars i{font-size:7px}.living-tree-trunk{z-index:1;width:120px;height:67%;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}.living-tree-trunk>i{transform-origin:bottom;border-radius:90% 90% 15px 15px;position:absolute;bottom:0}.living-tree-trunk>i:first-child{background:linear-gradient(90deg,#8b6440,#b98d61 46%,#785335);width:62px;height:100%;left:50%;transform:translate(-50%);box-shadow:inset 8px 0 16px #492e182e}.living-tree-trunk>i:nth-child(2){background:linear-gradient(90deg,#8b6440,#a77b51);width:54px;height:58%;left:50%;transform:translate(-46%)rotate(48deg)}.living-tree-trunk>i:nth-child(3){background:linear-gradient(90deg,#a77b51,#785335);width:54px;height:61%;right:50%;transform:translate(46%)rotate(-51deg)}.tree-root-label{z-index:5;border:1px solid color-mix(in srgb, var(--green) 28%, var(--line));background:var(--surface-solid);min-width:265px;box-shadow:var(--shadow-md);border-radius:18px;grid-template-columns:47px 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid;position:absolute;bottom:47px;left:50%;transform:translate(-50%)}.tree-root-label>span{color:#fff;background:var(--green);border-radius:15px;place-items:center;width:45px;height:45px;font-size:17px;font-weight:800;display:grid}.tree-root-label>div{display:grid}.tree-root-label small{color:var(--quiet);letter-spacing:.1em;font-size:7px}.tree-root-label strong{font-size:14px}.tree-earth{z-index:2;background:radial-gradient(ellipse, color-mix(in srgb, var(--green) 20%, transparent), transparent 70%);border-radius:50%;height:28px;position:absolute;bottom:34px;left:15%;right:15%}.plan-simple-heading{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--surface-solid), var(--violet-soft));box-shadow:var(--shadow-sm);grid-template-columns:1fr 230px;align-items:end;gap:30px;padding:29px;display:grid}.plan-simple-heading h2{margin:7px 0 5px;font-size:34px}.plan-simple-heading p{color:var(--muted);margin:0}.plan-stage-summary{background:color-mix(in srgb, var(--surface-solid) 70%, transparent);border-radius:15px;padding:16px}.plan-stage-summary strong{font-size:27px}.plan-stage-summary span{color:var(--quiet);margin-left:5px;font-size:9px}.plan-stage-summary>div{background:var(--surface-strong);border-radius:99px;height:6px;margin-top:8px;overflow:hidden}.plan-stage-summary i{border-radius:inherit;background:var(--green);height:100%;display:block}.simple-plan-flow{gap:14px;margin-top:14px;display:grid}.manual-goal-card,.manual-schedule-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm);padding:25px}.manual-goal-card>header,.schedule-card-heading>div{grid-template-columns:36px 1fr;gap:11px;display:grid}.manual-goal-card>header>span,.schedule-card-heading>div>span{width:34px;height:34px;color:var(--violet);background:var(--violet-soft);border-radius:11px;place-items:center;font-size:9px;font-weight:800;display:grid}.manual-goal-card header small,.schedule-card-heading small{color:var(--quiet);letter-spacing:.08em;font-size:8px;font-weight:750}.manual-goal-card h3,.schedule-card-heading h3{margin:2px 0 3px}.manual-goal-card header p,.schedule-card-heading p{color:var(--quiet);margin:0;font-size:9px}.manual-goal-card textarea{resize:vertical;border:1px solid var(--line);background:var(--surface-soft);border-radius:13px;outline:0;width:100%;min-height:135px;margin-top:19px;padding:15px;line-height:1.8}.manual-goal-card textarea:focus{border-color:color-mix(in srgb, var(--violet) 50%, var(--line))}.manual-goal-card>footer{justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.manual-goal-card footer>span{color:var(--quiet);font-size:8px}.schedule-card-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.manual-session-list{margin-top:20px;display:grid}.manual-session-list>article{border-top:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:13px;padding:18px 0;transition:background .2s;display:grid}.manual-session-list>article.is-completed{border-color:color-mix(in srgb, var(--green) 20%, var(--line));background:var(--green-soft);border-radius:13px;margin-inline:-12px;padding-inline:12px}.session-order{width:34px;height:34px;color:var(--quiet);background:var(--surface-soft);border-radius:11px;place-items:center;font-size:9px;font-weight:750;display:grid}.is-completed .session-order{color:#fff;background:var(--green)}.session-editable{min-width:0}.session-editable h4{margin:1px 0 6px}.session-editable p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.session-editable time{color:var(--green);margin-top:7px;font-size:8px;display:block}.session-editable input,.session-editable textarea{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;outline:0;width:100%;padding:10px 11px}.session-editable input{font-weight:720}.session-editable textarea{resize:vertical;min-height:90px;margin-top:7px;font-size:13px;line-height:1.75}.session-actions{justify-items:stretch;gap:6px;min-width:120px;display:grid}.session-actions button{min-height:31px}.complete-session-button{border:1px solid color-mix(in srgb, var(--green) 25%, var(--line));color:var(--green);background:var(--surface-solid);border-radius:9px;padding:0 10px;font-size:8px;font-weight:720}.complete-session-button.is-completed{color:#fff;background:var(--green)}.delete-session-button{color:var(--quiet);background:0 0;border:0;font-size:8px}.plan-empty-state{border:1px dashed var(--line-strong);text-align:center;border-radius:15px;place-items:center;margin-top:20px;padding:44px;display:grid}.plan-empty-state>span{width:39px;height:39px;color:var(--violet);background:var(--violet-soft);border-radius:13px;place-items:center;font-size:19px;display:grid}.plan-empty-state h4{margin:10px 0 2px}.plan-empty-state p{color:var(--quiet);margin:0;font-size:9px}.schedule-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:18px;display:flex}.schedule-footer>div{display:grid}.schedule-footer strong{font-size:11px}.schedule-footer span{color:var(--quiet);font-size:8px}.archive-history{border-top:1px solid var(--line);margin-top:18px}.archive-history summary{cursor:pointer;padding:18px 2px 4px;font-size:10px;font-weight:720}.archive-history summary span{color:var(--quiet);background:var(--surface-soft);border-radius:99px;margin-left:6px;padding:3px 6px;font-size:8px}.archive-list{gap:9px;margin-top:12px;display:grid}.archive-list>article{border:1px solid var(--line);background:var(--surface-soft);border-radius:13px;padding:17px}.archive-list article>header{justify-content:space-between;gap:20px;display:flex}.archive-list h4{margin:3px 0 0}.archive-list header small,.archive-list header>span{color:var(--quiet);font-size:8px}.archive-list ol{margin:13px 0 0;padding:0;list-style:none;display:grid}.archive-list li{border-top:1px solid var(--line);grid-template-columns:22px 1fr;gap:8px;padding:8px 0;display:grid}.archive-list li>span{color:var(--quiet)}.archive-list li.is-completed>span{color:var(--green)}.archive-list li strong{font-size:9px}.archive-list li p{color:var(--quiet);margin:2px 0 0;font-size:8px}.personal-knowledge-hero{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--surface-solid), var(--blue-soft));box-shadow:var(--shadow-sm);grid-template-columns:1fr 190px;align-items:end;gap:30px;padding:29px;display:grid}.personal-knowledge-hero h2{margin:8px 0 5px;font-size:34px}.personal-knowledge-hero p{max-width:680px;color:var(--muted);margin:0}.knowledge-count{background:color-mix(in srgb, var(--surface-solid) 68%, transparent);border-radius:15px;padding:16px;display:grid}.knowledge-count strong{font-size:30px}.knowledge-count span{color:var(--muted);font-size:10px}.knowledge-count small{color:var(--quiet);font-size:8px}.personal-knowledge-layout{grid-template-columns:205px minmax(0,1fr);align-items:start;gap:14px;margin-top:14px;display:grid}.personal-category-list{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm);padding:15px;position:sticky;top:108px}.personal-category-list>.eyebrow{padding:0 7px}.personal-category-list nav{gap:3px;margin-top:10px;display:grid}.personal-category-list nav button{min-width:0;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.personal-category-list nav button.is-active{color:var(--ink);background:var(--blue-soft)}.category-symbol{--branch-color:var(--blue);--branch-soft:var(--blue-soft);width:30px;height:30px;color:var(--branch-color);background:var(--branch-soft);border-radius:10px;place-items:center;font-size:8px;font-weight:800;display:grid}.personal-category-list nav button>span:nth-child(2){min-width:0;display:grid}.personal-category-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.personal-category-list small{color:var(--quiet);white-space:nowrap;text-overflow:ellipsis;font-size:6px;overflow:hidden}.personal-category-list em{color:var(--quiet);font-size:7px;font-style:normal}.personal-tips-workspace{min-width:0}.tips-workspace-heading{justify-content:space-between;align-items:end;gap:16px;margin:3px 0 12px;display:flex}.tips-workspace-heading h2{margin:4px 0 0;font-size:20px}.tips-workspace-heading>span{color:var(--quiet);font-size:8px}.skill-tip-tabs{gap:7px;padding-bottom:8px;display:flex;overflow-x:auto}.skill-tip-tabs button{border:1px solid var(--line);color:var(--muted);background:var(--surface);text-align:left;border-radius:12px;flex:0 0 135px;grid-template-columns:28px 1fr;align-items:center;column-gap:7px;padding:10px;display:grid}.skill-tip-tabs button.is-active{color:var(--ink);border-color:color-mix(in srgb, var(--blue) 36%, var(--line));background:var(--surface-solid);box-shadow:var(--shadow-sm)}.skill-tip-tabs button>span{width:27px;height:27px;color:var(--blue);background:var(--blue-soft);border-radius:9px;grid-row:1/3;place-items:center;font-size:8px;font-weight:800;display:grid}.skill-tip-tabs strong{font-size:9px}.skill-tip-tabs small{color:var(--quiet);font-size:7px}.personal-tip-board{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-sm);padding:26px}.personal-tip-board>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-bottom:20px;display:flex}.personal-tip-board>header>div{align-items:center;gap:11px;display:flex}.tip-skill-symbol{width:44px;height:44px;color:var(--blue);background:var(--blue-soft);border-radius:14px;place-items:center;font-weight:800;display:grid}.personal-tip-board h2{margin:4px 0 0}.personal-tip-board>header>span{color:var(--quiet);font-size:9px}.simple-tip-composer{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;margin-top:20px;padding:15px}.simple-tip-composer textarea{resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:110px;padding:0;line-height:1.75}.simple-tip-composer footer{justify-content:space-between;align-items:center;gap:16px;margin-top:10px;display:flex}.simple-tip-composer footer>span{color:var(--quiet);font-size:8px}.simple-tip-composer footer>div{gap:8px;display:flex}.personal-tip-list{gap:9px;margin-top:16px;display:grid}.personal-tip-list>article{border:1px solid var(--line);background:var(--surface-solid);border-radius:13px;padding:16px}.tip-number{color:var(--blue);letter-spacing:.08em;font-size:7px;font-weight:780}.personal-tip-list article>p{white-space:pre-wrap;margin:10px 0 15px;line-height:1.75}.personal-tip-list footer{border-top:1px solid var(--line);justify-content:space-between;gap:15px;padding-top:10px;display:flex}.personal-tip-list time{color:var(--quiet);font-size:8px}.personal-tip-list footer>div{gap:7px;display:flex}.personal-tip-list footer button{color:var(--muted);background:0 0;border:0;font-size:8px}.personal-tip-list .danger-text{color:var(--accent)}.personal-tips-empty{text-align:center;place-items:center;padding:52px 20px;display:grid}.personal-tips-empty>span{width:40px;height:40px;color:var(--blue);background:var(--blue-soft);border-radius:13px;place-items:center;font-size:19px;display:grid}.personal-tips-empty h3{margin:11px 0 3px}.personal-tips-empty p{color:var(--quiet);margin:0;font-size:9px}.simple-logs-heading{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--surface-solid), var(--green-soft));box-shadow:var(--shadow-sm);justify-content:space-between;align-items:end;gap:30px;padding:29px;display:flex}.simple-logs-heading h2{margin:8px 0 5px;font-size:34px}.simple-logs-heading p{color:var(--muted);margin:0}.saved-draft-card{border:1px solid color-mix(in srgb, var(--amber) 28%, var(--line));width:100%;color:inherit;background:color-mix(in srgb, var(--amber) 8%, var(--surface-solid));text-align:left;border-radius:14px;grid-template-columns:39px 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:15px;display:grid}.saved-draft-card>span{width:37px;height:37px;color:var(--amber);background:color-mix(in srgb, var(--amber) 12%, var(--surface));border-radius:11px;place-items:center;display:grid}.saved-draft-card>div{min-width:0;display:grid}.saved-draft-card small,.saved-draft-card p,.saved-draft-card em{color:var(--quiet);font-size:8px}.saved-draft-card strong,.saved-draft-card p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.saved-draft-card p{margin:1px 0 0}.saved-draft-card em{font-style:normal}.plain-log-list{gap:11px;margin-top:14px;display:grid}.plain-log-list>article{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-solid);min-width:0;box-shadow:var(--shadow-sm);grid-template-columns:58px minmax(0,1fr);gap:18px;padding:22px;display:grid}.plain-log-date{background:var(--surface-soft);border-radius:15px;align-content:center;place-items:center;height:58px;display:grid}.plain-log-date strong{font-size:22px;line-height:1}.plain-log-date span{color:var(--quiet);font-size:8px}.plain-log-content{min-width:0}.plain-log-content>header{justify-content:space-between;align-items:flex-start;gap:20px;min-width:0;display:flex}.plain-log-content h3{overflow-wrap:anywhere;word-break:break-word;min-width:0;margin:0 0 2px}.plain-log-content time{color:var(--quiet);font-size:8px}.plain-log-content>p{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;width:100%;max-width:900px;color:var(--muted);margin:15px 0 0;line-height:1.8}.log-media-strip{gap:8px;margin-top:15px;display:flex;overflow-x:auto}.log-media-strip img,.log-media-strip video{border:1px solid var(--line);background:var(--ink);object-fit:cover;border-radius:11px;flex:none;width:155px;height:105px}.logs-empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface-solid);text-align:center;place-items:center;margin-top:14px;padding:70px 20px;display:grid}.logs-empty-state>span{width:45px;height:45px;color:var(--green);background:var(--green-soft);border-radius:14px;place-items:center;font-size:19px;display:grid}.logs-empty-state h3{margin:13px 0 3px}.logs-empty-state p{color:var(--quiet);margin:0 0 18px;font-size:9px}.simple-log-editor .editor-topline{margin-bottom:12px}.plain-log-editor-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-solid);box-shadow:var(--shadow-sm);padding:35px}.plain-log-editor-card .log-title-input{margin-top:12px}.plain-log-body{resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:340px;padding:20px 0;line-height:1.9}.local-media-section{border-top:1px solid var(--line);padding-top:20px}.local-media-section>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.local-media-section h3{margin:0 0 2px}.local-media-section header p{color:var(--quiet);margin:0;font-size:8px}.local-media-section .file-button{justify-content:center}.file-button.is-uploading{opacity:.65}.media-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.media-preview-grid>article{border:1px solid var(--line);background:var(--surface-soft);border-radius:13px;min-width:0;overflow:hidden}.media-preview-grid img,.media-preview-grid video{background:var(--ink);object-fit:cover;width:100%;height:180px;display:block}.media-preview-grid article>footer{justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;display:flex}.media-preview-grid footer>div{min-width:0;display:grid}.media-preview-grid strong{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.media-preview-grid small{color:var(--quiet);font-size:7px}.media-preview-grid footer button{color:var(--quiet);background:0 0;border:0;font-size:16px}.media-empty{border:1px dashed var(--line);color:var(--quiet);border-radius:13px;place-items:center;margin-top:14px;padding:28px;display:grid}.media-empty>span{font-size:20px}.media-empty p{margin:5px 0 0;font-size:8px}.plain-editor-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.plain-editor-actions>span{color:var(--quiet);font-size:8px}.plain-editor-actions>div{gap:8px;display:flex}@media (max-width:1180px){.living-skill-tree{min-height:1330px}.living-tree-crown{grid-template-columns:repeat(2,minmax(0,1fr))}.living-branch:nth-child(2n),.living-branch:nth-child(5){transform:none}.tree-standard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:920px){.simple-hero-panel,.profile-corner-grid,.plan-simple-heading,.personal-knowledge-hero{grid-template-columns:1fr}.simple-hero-visual{min-height:320px}.workbench-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-level-row{grid-template-columns:repeat(3,1fr)}.tree-standard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-knowledge-layout{grid-template-columns:1fr}.personal-category-list{position:static;overflow-x:auto}.personal-category-list nav{display:flex}.personal-category-list nav button{flex:0 0 175px}.media-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.simple-hero-panel .hero-copy{padding-block:30px}.simple-hero-visual{min-height:295px}.luminous-growth-tree{width:min(108%,430px)}.tree-progress-badge{width:104px}.tree-progress-badge strong{font-size:26px}.profile-tool-card,.personal-tip-board,.manual-goal-card,.manual-schedule-card,.plain-log-editor-card{padding:19px}.manual-goal-card>footer,.schedule-footer,.plain-editor-actions,.local-media-section>header{flex-direction:column;align-items:stretch}.manual-goal-card footer .primary-button,.schedule-footer .secondary-button{width:100%}.living-skill-tree{min-height:0;padding:19px 14px 125px}.living-tree-crown{grid-template-columns:1fr}.living-skill-tree:before,.tree-sky,.living-tree-trunk{opacity:.18}.living-branch{transform:none!important}.tree-root-label{bottom:32px}.manual-level-row{grid-template-columns:repeat(2,1fr)}.tree-standard-grid{grid-template-columns:1fr}.tree-standard-grid li{min-height:0}.schedule-card-heading{flex-direction:column;align-items:stretch}.schedule-card-heading>button{width:100%}.manual-session-list>article{grid-template-columns:34px minmax(0,1fr)}.session-actions{grid-column:2;grid-template-columns:repeat(3,1fr)}.personal-knowledge-hero h2,.plan-simple-heading h2,.simple-logs-heading h2{font-size:28px}.simple-logs-heading{flex-direction:column;align-items:stretch}.simple-logs-heading>button{width:100%}.plain-log-list>article{grid-template-columns:45px minmax(0,1fr);gap:11px;padding:16px}.plain-log-date{height:48px}.plain-log-date strong{font-size:18px}.media-preview-grid{grid-template-columns:1fr}.media-preview-grid img,.media-preview-grid video{height:210px}.plain-editor-actions>div{display:grid}.profile-simple{grid-template-columns:132px minmax(0,1fr);gap:10px}.profile-corner-grid{top:86px}.profile-tool-card{border-radius:16px;padding:11px}.profile-tool-card h2{font-size:14px}.tool-card-meta{gap:5px;padding-top:7px}.tool-card-meta .secondary-button{min-height:31px}}@media (max-width:480px){.profile-simple{grid-template-columns:1fr}.profile-corner-grid{grid-area:auto/1;grid-template-columns:repeat(2,minmax(0,1fr));position:static}.central-tree-section{grid-area:auto/1}}@media (max-width:680px){.workbench-recent-grid{gap:8px}.workbench-recent-grid>article{min-height:170px;padding:14px}.workbench-recent-grid header{gap:7px;display:grid}.workbench-recent-grid h3{font-size:14px}.workbench-recent-grid .small-link{justify-self:start;font-size:8px}.workbench-recent-grid>article>p,.workbench-recent-grid .latest-note-summary p{overflow-wrap:anywhere;word-break:break-word;margin-top:14px;font-size:9px;line-height:1.65}.workbench-recent-grid .latest-note-summary{margin-top:13px}}