/* Warm metal, deep black, and compact caricatures. No layout changes to working tools. */
:root{color-scheme:dark;--bg:#090a0c;--paper:#141518;--paper-raised:#1e2024;--ink:#f4f1ea;--muted:#aaa9a6;--line:#2b2b2d;--accent:#d9b778;--accent-light:#29251d;--accent-border:#7e6848;--accent-hover:#ebcf98;--button-ink:#17130d;--chrome:#121315;--day:#141518;--media:#191b1e;--secondary-ink:#d4d1ca}
body{background:var(--bg)}.school-article h1,.calendar-page h1,.view-heading h1,.school-path strong{font-weight:300}
.pi-eyebrow{color:var(--accent);letter-spacing:.15em}
.button{border-radius:8px;font-weight:450;background:linear-gradient(115deg,#ead4a4,#c9a365);border-color:#d3b77f;color:var(--button-ink);box-shadow:inset 0 1px 0 #f7e2b770;transition:background .3s,color .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.button:hover{background:linear-gradient(115deg,#f3dfb6,#d7b578);transform:translateY(-1px)}.button.secondary,.button.dark{background:transparent;border:1px solid #45413a;box-shadow:none;color:var(--ink)}.button.secondary:hover,.button.dark:hover{background:#23211d;border-color:#8a7654}
.topbar{background:rgba(9,10,12,.94);border-bottom:1px solid #262626;backdrop-filter:blur(18px)}.bottom-nav{background:rgba(13,14,16,.96);border-color:#30302e;backdrop-filter:blur(18px)}.pi-brand{font-weight:350;letter-spacing:.18em;color:#e0c28b}.desktop-nav .nav-item{font-weight:350;font-size:13px}.desktop-nav .nav-item.active{color:var(--ink)}.bottom-item.active{background:transparent;color:var(--accent)}.bottom-item svg{stroke-width:1.3}
.pi-denis,.pi-zoya,.pi-sergey{background-image:url('./assets/brand/characters-v4.webp');background-size:400% 300%}
.pi-zoya.mood-think,.pi-sergey.mood-think,.pi-denis.mood-think{--pose-x:33.333333%}
.pi-zoya.mood-success,.pi-sergey.mood-success,.pi-denis.mood-success{--pose-x:66.666667%}
.pi-zoya.mood-surprise,.pi-sergey.mood-surprise,.pi-denis.mood-surprise{--pose-x:100%;background-position:var(--pose-x) var(--person-y)}
.pi-universe-home{padding-top:4px}.pi-manifest{grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:56px;padding:42px 0 52px;min-height:670px;border-bottom:1px solid var(--line)}
.pi-manifest-brand{font-size:12px;letter-spacing:.25em;margin-bottom:34px}.pi-manifest-brand img{width:32px;height:40px}
.pi-manifest h1{font-size:clamp(46px,5.2vw,72px);line-height:1.08;margin:0 0 26px;max-width:540px}.pi-manifest h1 em{color:#e4c996;background:linear-gradient(100deg,#f0dfb8,#ba904e 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pi-manifest-lead{font-size:22px;line-height:1.45;color:#f4f1ea;margin:0 0 16px;max-width:505px}.pi-manifest-sub,.pi-manifest-inside{font-size:15px;line-height:1.65;color:#aaa9a6;margin:0 0 20px;max-width:450px}.pi-manifest-unity{font-size:18px;line-height:1.7;color:#dfcda9;margin:20px 0 14px;max-width:480px}.pi-manifest-entry{font-size:17px;line-height:1.55;color:#eae7e0;max-width:405px;margin:26px 0 28px}.pi-manifest-actions{gap:12px}.pi-manifest-actions .button{font-size:13px;min-height:46px;padding:13px 18px}.pi-manifest-actions svg{width:16px;height:16px}
.pi-manifest-people{display:block;align-self:center;min-width:0;width:100%;min-height:0;padding:20px 0 0;border-top:1px solid #665333;background:radial-gradient(ellipse at 50% 50%,#6149271c,transparent 68%)}
.pi-stage-heading{display:flex;justify-content:space-between;color:#a9926d;font-size:10px;font-weight:400;letter-spacing:.2em;padding:0 4px}.pi-stage-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;padding-top:38px;isolation:isolate}
.pi-stage-person:nth-child(2){z-index:2;transform:translateY(-18px)}.pi-stage-person:hover{transform:translateY(-8px);color:var(--accent)}.pi-stage-person:nth-child(2):hover{transform:translateY(-26px)}.pi-stage-person.is-selected{color:var(--accent)}
.pi-stage-portrait{width:146%;margin-left:-23%;filter:brightness(.9)}.pi-stage-person.is-selected .pi-stage-portrait,.pi-stage-person:hover .pi-stage-portrait{filter:brightness(1.06)}.pi-stage-name{font-size:12px;font-weight:400;margin:12px 0 6px;letter-spacing:.06em}
.pi-stage-caption{border-top:1px solid #3b3326;padding:23px 18px 20px;margin-top:20px;min-height:155px}.pi-stage-caption>span{font-size:10px;letter-spacing:.16em}.pi-stage-caption p{font-size:15px;line-height:1.6;color:#bdb8b0;max-width:335px;min-height:48px;margin:12px auto}.pi-stage-caption button{font-size:12px;min-height:36px;display:inline-flex;gap:6px;align-items:center}.pi-stage-caption svg{width:14px;height:14px}
.pi-inside{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;padding:46px 0 52px}.pi-inside h2{font-size:32px;margin:12px 0;letter-spacing:-.035em;white-space:normal}.pi-inside nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;max-width:none}.pi-inside a,.pi-inside button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;min-width:0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.4;text-align:left;color:#d3cfc8;padding:8px 0;transition:color .25s,border-color .3s}.pi-inside svg{flex:none;width:14px;height:14px;color:#817052}.pi-inside a:hover,.pi-inside button:hover{color:var(--accent);border-color:#665333}
.pi-team-editorial{padding:46px 0 44px}.pi-section-head{margin-bottom:28px}.pi-section-head h2{font-size:32px;letter-spacing:-.035em;margin-top:10px}.pi-section-head .text-button,.pi-section-head>a{font-size:13px}
.pi-editorial-people{gap:32px}.pi-editorial-people>button{display:grid;grid-template-columns:1fr;padding:0}.pi-editorial-portrait{width:150px;margin:0 0 22px}.pi-editorial-name{font-size:24px;letter-spacing:-.03em;margin:9px 0 12px}.pi-editorial-role{color:#9d8b6c;font-size:10px;letter-spacing:.07em;margin:0}.pi-editorial-line{font-size:14px}.pi-editorial-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:11px;margin-top:18px}.pi-editorial-link svg{width:13px;height:13px}
.pi-world-series{padding:44px 0}.pi-series-row{transition:border-color .3s,background .3s}.pi-series-row:hover{border-color:#806640;background:#bb955106}.pi-series-logo{width:80px}.pi-series-logo img{max-width:80px}
.pi-system-entry{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:42px 0;text-align:left}.pi-system-entry>img{width:27px;height:34px;flex:none;margin:0}.pi-system-entry h2{font-size:27px;line-height:1.3;margin:0;flex:1;letter-spacing:-.03em}
.pi-companion{gap:18px;margin:0 0 30px;padding:0 0 18px}.pi-companion-portrait{display:block;width:86px}.pi-hero-selectors{gap:14px;margin-bottom:5px}.pi-hero-selectors>button{min-height:36px;border-bottom:1px solid transparent;padding:0 3px}.pi-hero-selectors>button[aria-pressed=true]{border-bottom-color:#655337}.pi-hero-thumb{display:none}.pi-companion-copy p{min-height:22px}.pi-companion-speaker{color:#d6c8af}.pi-companion-more{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;flex:none;margin:0}.pi-companion-more svg{width:18px;height:18px}
.pi-story-portrait{width:180px}.pi-opportunity-grid>a,.pi-opportunity-grid>button{background:linear-gradient(145deg,#1b1c1f,#111215);border-radius:12px;transition:background .3s,border-color .3s,transform .4s}.pi-opportunity-grid>a:hover,.pi-opportunity-grid>button:hover{border-color:#776343;transform:translateY(-2px)}.pi-opportunity-character{display:block;width:70px;aspect-ratio:1;margin:0 0 8px}
.pi-manifest-actions svg,.pi-stage-caption svg,.pi-inside svg,.pi-editorial-link svg,.pi-system-entry svg{transform:rotate(-90deg)}
.pi-dialog-reaction,.pi-reaction-bubble{display:flex;align-items:center;gap:14px}.pi-dialog-reaction{padding:10px 0 18px;margin-bottom:18px;border-bottom:1px solid #494032}.pi-reaction-portrait{display:block;width:78px;aspect-ratio:1;flex:none}.pi-dialog-reaction>div,.pi-reaction-bubble>div{min-width:0}.pi-dialog-reaction strong,.pi-reaction-bubble strong{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);font-weight:450}.pi-dialog-reaction p,.pi-reaction-bubble p{font-size:13px;line-height:1.5;color:#d3cfc7;margin:5px 0 0}
.pi-reaction-bubble{position:fixed;z-index:90;bottom:28px;right:28px;width:360px;max-width:calc(100vw - 28px);padding:16px 27px 16px 12px;border:1px solid #584932;background:rgba(22,22,22,.97);border-radius:14px;box-shadow:0 16px 65px #0008;backdrop-filter:blur(18px);animation:pi-reaction-in .4s cubic-bezier(.2,.8,.2,1)}.pi-reaction-bubble>button{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;color:#aaa}.pi-reaction-bubble>button svg{width:14px;height:14px}.pi-reaction-bubble .pi-reaction-portrait{width:68px}
.pi-membership{border:1px solid #655337;background-image:linear-gradient(120deg,#191713e6,#111111c9),url('./assets/brand/membership.webp');border-radius:16px}.pi-membership-inner{background:transparent}.pi-membership-person h2{font-weight:300}.pi-membership-bottom button{border-color:#685735;background:#191814}.pi-cabinet-progress,.school-intro-panel,.school-progress-panel{border:1px solid var(--line);border-radius:16px}.pi-workflow-grid>button,.pi-draft-card,.info-card,.school-path,.school-lesson{border-radius:12px}.school-intro-panel h2{font-weight:300}.pi-quiz-coach{background:#1d1c18;border:1px solid #453b2b}.pi-quiz-coach .pi-guide-face{width:66px}.pi-reading-coach{border-color:#443b2e}.pi-academy-coach .pi-coach-image{height:auto;aspect-ratio:1}.pi-reading-coach .pi-guide-face{width:62px}
@keyframes pi-reaction-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}dialog[open]{animation:pokerindex-sheet-in .3s cubic-bezier(.2,.8,.2,1)}
@media(max-width:1099px){.pi-manifest{gap:28px;padding-top:28px;min-height:630px}.pi-manifest h1{font-size:60px}.pi-manifest-lead{font-size:20px}.pi-manifest-actions .button{padding:12px;font-size:12px}.pi-inside{grid-template-columns:.8fr 1.2fr;gap:28px}.pi-inside nav{grid-template-columns:1fr 1fr}.pi-series-logo{width:62px}.pi-series-logo img{max-width:62px}.pi-editorial-people{gap:22px}.pi-editorial-name{font-size:21px}.pi-stage-caption p{font-size:13px}.pi-reaction-bubble{bottom:calc(84px + env(safe-area-inset-bottom));right:14px}}
@media(max-width:680px){.pi-manifest{gap:28px;min-height:0;padding:12px 0 30px}.pi-manifest-brand{margin-bottom:24px;font-size:10px;letter-spacing:.22em}.pi-manifest-brand img{width:24px;height:30px}.pi-manifest h1{font-size:clamp(43px,12.8vw,64px);line-height:1.1;margin-bottom:24px;max-width:350px}.pi-manifest-lead{font-size:19px;line-height:1.45;margin-bottom:14px}.pi-manifest-sub,.pi-manifest-inside{font-size:14px;line-height:1.6;margin-bottom:14px}.pi-manifest-unity{font-size:16px;line-height:1.65;margin:18px 0 12px}.pi-manifest-entry{font-size:16px;margin:20px 0 24px;max-width:300px}.pi-manifest-actions{gap:8px}.pi-manifest-actions .button{font-size:12px;padding:12px 13px;min-height:46px}.pi-manifest-people{min-height:0;padding-top:14px}.pi-stage-heading{font-size:8px}.pi-stage-group{padding-top:26px}.pi-stage-portrait{width:139%;margin-left:-19.5%}.pi-stage-person:nth-child(2){transform:translateY(-12px)}.pi-stage-person:nth-child(2):hover{transform:translateY(-18px)}.pi-stage-name{font-size:11px;margin:8px 0 5px}.pi-stage-caption{padding:16px 6px;margin-top:12px;min-height:135px}.pi-stage-caption p{font-size:13px;line-height:1.5;min-height:38px;max-width:300px}.pi-stage-caption>span{font-size:9px}.pi-inside{display:block;padding:28px 0 32px}.pi-inside h2{font-size:28px;margin-bottom:20px}.pi-inside nav{grid-template-columns:1fr 1fr;gap:0 24px}.pi-inside a,.pi-inside button{font-size:14px;min-height:50px}.pi-team-editorial{padding:30px 0}.pi-section-head h2{font-size:27px}.pi-team-editorial .pi-section-head{gap:16px;align-items:end}.pi-team-editorial .pi-section-head .text-button{font-size:11px;max-width:86px}.pi-editorial-people{gap:22px}.pi-editorial-people>button{grid-template-columns:100px 1fr;gap:4px 16px}.pi-editorial-portrait{width:100px;margin:0;grid-row:1/5}.pi-editorial-name{font-size:20px;margin:0}.pi-editorial-role{font-size:9px}.pi-editorial-line{font-size:12px;line-height:1.5;margin-top:5px}.pi-editorial-link{margin-top:7px;font-size:10px}.pi-world-series{padding:28px 0}.pi-series-logo{width:58px}.pi-series-logo img{max-width:58px}.pi-system-entry{display:grid;grid-template-columns:28px 1fr;gap:16px;padding:30px 0}.pi-system-entry h2{font-size:25px}.pi-system-entry a{grid-column:2;justify-self:start;font-size:12px}.pi-companion{display:flex!important;gap:10px;margin-bottom:22px;padding-bottom:14px;align-items:center;flex-wrap:nowrap}.pi-companion-portrait{width:67px}.pi-companion-copy p{font-size:12px!important;line-height:1.5}.pi-hero-selectors{gap:9px;margin-bottom:4px}.pi-hero-selectors>button{font-size:11px;min-height:36px;padding:0}.pi-companion-more{width:34px;height:34px;min-height:34px!important;margin:0!important}.pi-companion-more svg{width:16px;height:16px}.pi-opportunity-grid>a,.pi-opportunity-grid>button{padding:18px 16px;border-radius:10px}.pi-opportunity-grid h2{font-size:22px}.pi-page-heading h1,.view-heading h1,.school-page-heading h1,.calendar-page h1{font-size:32px;font-weight:300}.pi-opportunity-character{width:62px}.pi-story-portrait{width:170px}.pi-reaction-bubble{padding:13px 28px 13px 8px;gap:10px}.pi-reaction-bubble p{font-size:12px}.pi-dialog-reaction{gap:12px}.pi-dialog-reaction p{font-size:12px}.pi-dialog-reaction .pi-reaction-portrait{width:66px}}
@media(max-width:359px){.pi-manifest h1{font-size:43px}.pi-manifest-lead{font-size:17px}.pi-manifest-actions .button{font-size:11px;padding:11px 10px}.pi-stage-portrait{width:131%;margin-left:-15.5%}.pi-editorial-people>button{grid-template-columns:86px 1fr;gap:3px 12px}.pi-editorial-portrait{width:86px}.pi-editorial-name{font-size:18px}.pi-series-logo{width:44px}.pi-series-logo img{max-width:44px}.pi-companion-portrait{width:56px}.pi-companion-more{width:30px;height:30px}.pi-inside nav{column-gap:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}