:root{--bg:#f4f5f1;--paper:#fcfcfa;--ink:#20241f;--line:#dcded6;--ear:#2e6e73;--ear-soft:#e4efee;--desk:#a9631c;--desk-soft:#f7ecdc;--gap:#8c3b4a;--gap-soft:#f5e6e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans),sans-serif;background-image:radial-gradient(#c9cbc4 .6px,#0000 .6px);background-size:18px 18px;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}main{width:min(760px,100% - 32px);margin:auto}.language-switch{letter-spacing:.08em;justify-content:flex-end;align-items:center;gap:.35rem;margin-bottom:1.25rem;font:700 11px/1 ui-monospace,monospace;display:flex}.language-switch a,.language-switch strong{border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:.5rem .7rem;text-decoration:none}.language-switch strong{background:var(--ink);color:var(--paper)}.hero{flex-direction:column;justify-content:center;min-height:600px;padding:40px 0 70px;display:flex}.brand{font-family:var(--font-mincho),serif;letter-spacing:.42em;align-items:center;gap:14px;font-size:18px;display:flex}.brand .aperture{width:40px;height:40px;color:var(--ink)}.eyebrow,.card-label,.section-title span,label>span,.material-actions>span,.why span{letter-spacing:.13em;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow{color:#6d726b;margin:80px 0 22px}h1,h2,h3{font-family:var(--font-mincho),serif}h1{letter-spacing:-.04em;margin:0;font-size:clamp(42px,8vw,72px);font-weight:500;line-height:1.3}h1 em{color:var(--ear);border-bottom:1px solid var(--ear);font-style:normal}.lead{color:#62675f;max-width:590px;margin:30px 0 0;font-size:16px;line-height:2}.resume-chip{border:1px solid var(--ear);background:var(--ear-soft);color:var(--ear);align-self:flex-start;margin-top:28px;padding:9px 13px;font-size:12px;text-decoration:none}section{border-top:1px solid var(--line);padding:72px 0}.section-title{align-items:baseline;gap:20px;margin-bottom:34px;display:flex}.section-title span{color:#8a8e87}.section-title h2{margin:0;font-size:30px;font-weight:600}.section-title p{color:#777c74;margin:7px 0 0;font-size:12px;line-height:1.7}.purpose-form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.purpose-form .wide,.purpose-form .material-disclosure,.purpose-form .error,.purpose-form .shiboru-button{grid-column:1/-1}.portfolio-panel{flex-direction:column;gap:14px;margin-bottom:34px;display:flex}.purpose-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.purpose-tabs button{text-align:left;border:1px solid var(--line);background:var(--paper);cursor:pointer;flex-direction:column;align-items:flex-start;gap:7px;min-height:120px;padding:17px;display:flex}.purpose-tabs button.selected{border:2px solid var(--ear);background:var(--ear-soft)}.purpose-tabs span,.purpose-tabs small,.purpose-recommendation>span,.purpose-recommendation small{letter-spacing:.08em;color:#7e837b;font:10px/1.5 ui-monospace,monospace}.purpose-tabs button.selected span{color:var(--ear)}.purpose-tabs strong{font:18px/1.5 var(--font-mincho),serif}.purpose-tabs small{letter-spacing:0;margin-top:auto}.portfolio-choice{border:1px dashed #cfd1ca;grid-template-columns:1fr auto;align-items:end;gap:10px;padding:17px;display:grid}.portfolio-choice>button{background:var(--ink);min-height:49px;color:var(--paper);cursor:pointer;border:0;padding:0 17px}.portfolio-choice>button:disabled{opacity:.6}.purpose-recommendation{border:1px solid #dfc8a8;border-left:4px solid var(--desk);background:var(--desk-soft);padding:25px}.purpose-recommendation>span{color:var(--desk)}.purpose-recommendation h3{margin:10px 0;font-size:24px}.purpose-recommendation p{color:#6c5c49;margin:0 0 9px;line-height:1.8}.purpose-recommendation>div{align-items:center;gap:14px;margin-top:18px;display:flex}.purpose-recommendation button{background:var(--desk);color:#fff;cursor:pointer;border:0;padding:10px 15px}.purpose-recommendation em{color:#7b6b58;font-size:10px;font-style:normal}.purpose-tabs button.paused,.purpose-tabs button.achieved,.purpose-tabs button.stopped{opacity:.68}.purpose-management{grid-template-columns:1.35fr .9fr;gap:10px;display:grid}.purpose-management form,.allocation-review form,.allocation-summary{border:1px solid var(--line);background:var(--paper);padding:18px}.purpose-management form{grid-template-columns:repeat(3,1fr);align-items:end;gap:11px;display:grid}.purpose-management h3,.allocation-review h3{grid-column:1/-1;margin:0 0 4px;font-size:16px}.purpose-management label{font-size:12px}.purpose-management input,.purpose-management select{padding:10px}.purpose-management button,.allocation-review button{background:var(--ink);min-height:40px;color:var(--paper);cursor:pointer;border:0;padding:9px 12px}.purpose-status-form{grid-template-columns:1fr 1.5fr!important}.purpose-management form>button{grid-column:1/-1}.purpose-recommendation details{border-top:1px solid #dfc8a8;margin-top:13px;padding-top:10px;font-size:11px}.purpose-recommendation summary{cursor:pointer}.data-transparency{border:1px solid var(--line);background:var(--paper);padding:16px 18px}.data-transparency summary{cursor:pointer;font:14px var(--font-mincho),serif}.data-transparency>div{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px;display:grid}.data-transparency article{border:1px solid var(--line);background:#f8f8f5;padding:13px}.data-transparency span{color:var(--ear);letter-spacing:.1em;font:9px ui-monospace,monospace;display:block}.data-transparency strong{font:14px var(--font-mincho),serif;margin:7px 0;display:block}.data-transparency p{color:#6f746c;margin:0;font-size:10px;line-height:1.7}.add-purpose-title{margin:0 0 20px;font-size:19px}.material-disclosure{border:1px solid var(--line);background:#fcfcfaa6;padding:16px 18px}.material-disclosure summary{cursor:pointer;font-family:var(--font-mincho),serif}.material-disclosure .material-actions{margin-top:16px}.context-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.context-grid label:last-of-type{grid-column:1/-1}label{font-family:var(--font-mincho),serif;flex-direction:column;gap:9px;font-size:15px;display:flex}label>span{color:#7e837b}input,textarea,select{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:2px;outline:none;padding:15px 16px}input:focus,textarea:focus,select:focus{border-color:var(--ear);box-shadow:0 0 0 3px var(--ear-soft)}.text-button{border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;grid-column:1/-1;justify-self:start;padding:7px 0}.material-card{background:var(--paper);border:1px solid var(--line);padding:20px;box-shadow:0 12px 40px #20241f09}.material-actions,.intake-note{color:#777c74;justify-content:space-between;align-items:center;display:flex}.material-actions button{background:var(--ear-soft);color:var(--ear);cursor:pointer;border:0;padding:8px 11px;font-size:12px}textarea{resize:vertical;background:#f8f8f5;border-color:#0000;min-height:240px;margin:17px 0 10px;line-height:1.8}.intake-note{font-size:11px}.error,.demo-notice{background:var(--gap-soft);color:var(--gap);border-left:3px solid var(--gap);padding:12px 15px;font-size:13px}.demo-notice{background:var(--desk-soft);color:var(--desk);border-color:var(--desk)}.shiboru-button{background:var(--ink);min-width:280px;color:var(--paper);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:14px;margin:28px auto 0;padding:12px 26px;display:flex}.shiboru-button:disabled{opacity:.7;cursor:wait}.shiboru-button .aperture{width:28px;height:28px}.aperture{transition:transform .7s;overflow:visible}.aperture-hole{transition:r .7s}.aperture.is-active{animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.muted-section .section-title,.muted-section .empty-state{opacity:.48}.empty-state{text-align:center;color:#858981;border:1px dashed #cfd1ca;padding:42px 20px}.explore-state{background:var(--ear-soft);border:1px solid #cbdedc;padding:32px}.explore-state>span,.target-state span,.focus-card>span,.check-card>span,.check-result strong,.path-list em{letter-spacing:.1em;font:10px ui-monospace,monospace}.explore-state>span,.target-state span{color:var(--ear)}.explore-state h3{margin:13px 0 8px;font-size:26px}.explore-state p{color:#536460;line-height:1.8}.target-later{grid-template-columns:1fr auto;gap:8px;margin-top:22px;display:grid}.target-later button,.other-focus button{background:var(--ear);color:#fff;cursor:pointer;border:0;padding:0 16px}.target-state{border-left:4px solid var(--ear);background:var(--paper);flex-direction:column;gap:9px;padding:20px 24px;display:flex}.target-state strong{font:20px/1.6 var(--font-mincho),serif}.path-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.path-list article{border:1px solid var(--line);background:var(--paper);grid-template-columns:38px 1fr auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.path-list article.current{border-left:4px solid var(--desk);background:var(--desk-soft)}.path-list article.confirmed{opacity:.62}.path-list article.gap{border-left:4px solid var(--gap)}.path-list article>span{color:#92968f;font:11px ui-monospace,monospace}.path-list h3{margin:0 0 4px;font-size:16px}.path-list p{color:#777c74;margin:0;font-size:11px}.path-list em{color:var(--desk);font-style:normal}.correction-form{background:var(--gap-soft);border:1px dashed #d4b8bd;grid-template-columns:1fr 1fr 1.25fr auto;align-items:end;gap:8px;margin-top:14px;padding:17px;display:grid}.correction-form h3,.correction-form p,.correction-form small{grid-column:1/-1}.correction-form h3{margin:0;font-size:16px}.correction-form p,.correction-form small{color:#795c62;margin:0;font-size:10px}.correction-form label{font-size:11px}.correction-form select,.correction-form input{padding:11px}.correction-form>div{gap:5px;display:flex}.correction-form button{background:var(--gap);color:#fff;cursor:pointer;white-space:nowrap;border:0;min-height:43px;padding:9px 11px}.correction-form button:first-child{background:var(--ink)}.focus-card{background:var(--desk-soft);border:1px solid #dfc8a8;padding:32px}.focus-card.explore{background:var(--ear-soft);border-color:#cbdedc}.focus-card.reinforce{background:var(--gap-soft);border-color:#e2c7cd}.focus-card>span{color:var(--desk)}.focus-card.explore>span{color:var(--ear)}.focus-card.reinforce>span{color:var(--gap)}.focus-card h3{max-width:620px;margin:15px 0 10px;font-size:29px;line-height:1.5}.focus-card p{color:#6c5c49;margin:0;line-height:1.8}.focus-card button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:22px;padding:7px 0;font-size:12px}.focus-basis{border-block:1px solid #a9631c40;margin-top:18px;padding:12px 0}.focus-basis summary{cursor:pointer;font-size:12px}.focus-basis p{grid-template-columns:80px 1fr auto;gap:9px;margin-top:10px;font-size:10px;display:grid}.focus-basis p strong{font-family:var(--font-mincho),serif}.focus-basis p em{color:var(--desk);font:9px ui-monospace,monospace}.focus-basis small{color:var(--gap);margin-top:7px;font-size:9px;display:block}.other-focus{border:1px dashed #cfd1ca;grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:14px;padding:16px;display:grid}.other-focus button{background:#777c74;height:49px}.segments{flex-direction:column;gap:10px;display:flex}.segment{background:var(--paper);border:1px solid var(--line);border-left:4px solid;grid-template-columns:42px 1fr auto;align-items:center;gap:16px;padding:18px;display:grid}.segment.ear{border-left-color:var(--ear)}.segment.desk{border-left-color:var(--desk)}.segment-index{color:#92968f;font:12px ui-monospace,monospace}.mode-tag{letter-spacing:.08em;padding:4px 8px;font:10px ui-monospace,monospace;display:inline-block}.ear .mode-tag{color:var(--ear);background:var(--ear-soft)}.desk .mode-tag{color:var(--desk);background:var(--desk-soft)}.segment h3{margin:8px 0 4px;font-size:17px}.segment p{color:#777c74;margin:0;font-size:12px}.segment button,.gap-list button{color:#70756d;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #a7aaa3;padding:5px 0;font-size:11px}.focus-resource-form{border:1px solid var(--line);background:var(--paper);grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-bottom:18px;padding:18px;display:grid}.focus-resource-form label{font-size:12px}.focus-resource-form input,.focus-resource-form select{padding:11px}.focus-resource-form button{background:var(--ink);min-height:43px;color:var(--paper);cursor:pointer;border:0;padding:8px 15px}.focus-resource-form button:disabled{opacity:.6}.material-map{flex-direction:column;gap:7px;margin:18px 0;display:flex}.material-map>h3{margin:0 0 5px;font-size:17px}.material-map article{border:1px solid var(--line);background:var(--paper);grid-template-columns:90px 1fr auto;align-items:center;gap:14px;padding:13px 15px;display:grid}.material-map article.now{border-left:4px solid var(--ear);background:var(--ear-soft)}.material-map article.unknown{border-style:dashed}.material-map article>span,.material-map article>em{letter-spacing:.06em;color:#737870;font:10px ui-monospace,monospace}.material-map article.now>span{color:var(--ear)}.material-map article div{flex-direction:column;gap:4px;display:flex}.material-map article strong{font:15px/1.5 var(--font-mincho),serif}.material-map article small{color:#777c74}.selected-material{border-left:4px solid var(--desk);background:var(--desk-soft);margin:18px 0 10px;padding:22px}.selected-material>span,.no-fit-card>span{letter-spacing:.1em;color:var(--desk);font:10px ui-monospace,monospace}.selected-material h3,.no-fit-card h3{margin:10px 0 7px;font-size:23px}.selected-material p,.no-fit-card p{color:#6c5c49;margin:0}.no-fit-card{background:var(--desk-soft);border:1px solid #dfc8a8;padding:28px}.no-fit-card small{color:#7b6b58;margin-top:15px;display:block}.allocation{grid-template-columns:1.08fr .92fr;align-items:start;gap:16px;display:grid}.allocation.single{grid-template-columns:1fr}.allocation.single article{min-height:300px}.allocation article{border:1px solid;flex-direction:column;min-height:390px;padding:28px;display:flex}.ear-card{background:var(--ear-soft);border-color:#cbdedc!important}.desk-card{background:var(--desk-soft);border-color:#ead6bb!important}.ear-card .card-label{color:var(--ear)}.desk-card .card-label{color:var(--desk)}.allocation h3{margin:22px 0;font-size:25px}.script{color:#475653;font-size:13px;line-height:1.9}.audio-row{align-items:center;gap:10px;margin-top:auto;display:flex}.audio-row button{background:var(--ear);color:#fff;cursor:pointer;border:0;padding:10px 14px}.audio-row span{color:#60736f;font-size:9px}audio{width:100%;height:32px;margin-top:12px}.problem{font-family:var(--font-mincho),serif;font-size:17px;line-height:1.8}.why{border-top:1px solid #dfc8a8;margin-top:auto;padding-top:18px;font-size:12px;line-height:1.7}.why span{color:var(--desk);margin-bottom:5px;display:block}.answer-field{border-top:1px solid #dfc8a8;gap:6px;margin-top:22px;padding-top:18px}.answer-field textarea{min-height:112px;font-family:var(--font-sans),sans-serif;background:#fcfcfac2;border-color:#dfc8a8;margin:3px 0 0;font-size:13px;line-height:1.7}.evaluate-button{background:var(--desk);color:#fff;cursor:pointer;border:0;margin-top:10px;padding:11px 14px}.evaluate-button:disabled{opacity:.65;cursor:wait}.inline-error{background:var(--gap-soft);color:var(--gap);margin:9px 0 0;padding:9px 11px;font-size:11px}.evaluation{background:var(--paper);border:1px solid;margin-top:14px;padding:16px;font-size:12px;line-height:1.7}.evaluation>span{letter-spacing:.08em;font:10px ui-monospace,monospace}.evaluation.mastered{border-color:var(--ear)}.evaluation.mastered>span{color:var(--ear)}.evaluation.retry{border-color:var(--gap)}.evaluation.retry>span{color:var(--gap)}.evaluation p{margin:7px 0}.evaluation details{border-block:1px solid var(--line);margin:10px 0;padding:8px 0}.evaluation summary{cursor:pointer}.evaluation strong{color:var(--desk);font-size:11px}.rss-note,.loop-note{text-align:center;color:#868a83;margin:22px 0 0;font-size:11px}.loop-note{color:var(--gap)}.check-card{border:1px solid var(--line);background:var(--paper);padding:28px}.check-card>span{color:var(--ear)}.check-card h3{max-width:620px;margin:14px 0 8px;font-size:22px;line-height:1.7}.check-card>p{color:#777c74;margin:0;font-size:12px}.check-card textarea{border-color:var(--line);min-height:150px}.check-card>button{background:var(--ink);width:100%;color:var(--paper);cursor:pointer;border:0;padding:13px}.check-card>button:disabled{opacity:.6}.check-result{border-left:4px solid;margin-top:14px;padding:16px}.check-result.confirmed{background:var(--ear-soft);border-color:var(--ear)}.check-result.gap{background:var(--gap-soft);border-color:var(--gap)}.check-result p{margin:7px 0 0;font-size:13px}.next-move{border:1px solid var(--line);background:var(--paper);margin-top:14px;padding:14px}.next-move span,.next-move small{display:block}.next-move h4{font-family:var(--font-mincho),serif;margin:6px 0;font-size:18px}.challenge-form{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:16px;padding-top:16px;display:grid}.challenge-form label{font-size:12px}.challenge-form input{padding:11px}.challenge-form button{background:var(--gap);width:auto;min-height:43px;padding:8px 14px}.pending-challenge{background:var(--gap-soft);padding:11px;color:var(--gap)!important;margin-top:13px!important}.gap-list{flex-direction:column;gap:9px;display:flex}.gap-list article{background:var(--gap-soft);border-left:4px solid var(--gap);grid-template-columns:100px 1fr 150px;align-items:start;gap:16px;padding:18px;display:grid}.gap-list article>span{color:var(--gap);font:9px ui-monospace,monospace}.gap-list h3{margin:0 0 3px;font-size:16px}.gap-list p{color:#775b61;margin:0;font-size:11px}.gap-list p+p{margin-top:7px}.gap-actions{flex-direction:column;align-items:stretch;gap:7px;display:flex}.gap-actions button{border:1px solid var(--gap);background:var(--paper);color:var(--gap);padding:7px}.gap-actions button:first-child{background:var(--gap);color:#fff}.remaining-gaps{border:1px solid var(--line);background:var(--paper);padding:16px}.remaining-gaps summary{cursor:pointer;font-weight:700}.remaining-gaps p{margin-top:9px}.allocation-review{grid-template-columns:1fr 1fr;gap:14px;display:grid}.allocation-review form{gap:11px;display:grid}.allocation-review form label{font-size:12px}.target-assessment{border:1px solid var(--line);border-left:4px solid var(--desk);background:var(--desk-soft);margin-bottom:14px;padding:22px}.target-assessment.ready_for_decision{border-left-color:var(--ear);background:var(--ear-soft)}.target-assessment>span{color:var(--desk);font:10px ui-monospace,monospace}.target-assessment h3{margin:8px 0}.target-assessment p{margin:6px 0;font-size:12px}.target-assessment button{background:var(--ear);color:#fff;cursor:pointer;border:0;margin-top:12px;padding:10px 14px}.target-assessment details{margin-top:10px}.target-assessment summary{cursor:pointer}.allocation-summary>strong{font:36px var(--font-mincho),serif;color:var(--ear);margin:20px 0 6px;display:block}.allocation-summary>p{margin:0 0 8px}.allocation-summary>small{color:#777c74}.allocation-summary>div{gap:8px;margin-top:25px;display:flex}.allocation-summary>div button:last-child{background:var(--gap)}.reflection-result{background:var(--gap-soft);color:var(--gap);padding:11px;font-size:12px;margin-top:14px!important}.next-allocation{background:var(--ear-soft);color:var(--ear);padding:11px;font-size:12px;margin-top:14px!important}footer{border-top:1px solid var(--line);font:12px var(--font-mincho),serif;letter-spacing:.18em;text-align:center;justify-content:center;align-items:center;gap:13px;padding:42px 0 70px;display:flex}footer .aperture{color:#72776f;width:32px}footer p{margin:0}footer span{letter-spacing:.08em;color:#92968f;font:9px ui-monospace,monospace}@media (max-width:650px){.hero{min-height:520px}.eyebrow{margin-top:60px}section{padding:52px 0}.context-grid,.purpose-form,.allocation,.purpose-tabs,.portfolio-choice{grid-template-columns:1fr}.context-grid label:last-of-type,.purpose-form .wide,.purpose-form .material-disclosure,.purpose-form .error,.purpose-form .shiboru-button{grid-column:auto}.purpose-recommendation>div{flex-direction:column;align-items:flex-start}.allocation article{min-height:340px}.segment{grid-template-columns:30px 1fr}.segment button{grid-column:2;justify-self:start}.target-later,.other-focus,.path-list article,.gap-list article{grid-template-columns:1fr}.target-later button{padding:13px}.gap-list article>span{order:-1}.purpose-management,.allocation-review,.data-transparency>div,.correction-form,.challenge-form,.purpose-management form,.focus-resource-form,.material-map article{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.aperture.is-active{animation:none}}