@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&family=Manrope:wght@400;500;600;700;800&display=swap";@layer components;@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.inline{display:inline}}:root{color:#17231f;font-synthesis:none;text-rendering:optimizelegibility;background:#b8dbea;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0;overflow:hidden}button,a{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #17231f}.dashboard-shell{isolation:isolate;height:100dvh;min-height:100dvh;padding:clamp(10px,1.5vmin,22px);position:relative;overflow:hidden}.sky-video,.sky-wash{width:100%;height:100%;position:fixed;inset:0}.sky-video{z-index:-3;object-fit:cover;filter:saturate(.88)contrast(.92)}.sky-wash{z-index:-2;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:linear-gradient(115deg,#eaf7fa5c,#a3c8d914),#3c5c6614}.bento-grid{grid-template-rows:minmax(0,1.03fr) minmax(0,.97fr);grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(8px,1.1vmin,16px);width:100%;height:100%;display:grid}.panel{border:clamp(1.5px,.16vmin,2.5px) solid #17231fe0;border-radius:clamp(16px,2vmin,30px);min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:0 12px 32px #162b3024}.title-panel{background:#ffb0a3ed;flex-direction:column;grid-column:span 8;justify-content:space-between;padding:clamp(18px,2.8vmin,42px);display:flex}.panel-kicker{letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin:0;font-family:DM Mono,monospace;font-size:clamp(.54rem,.7vw,.74rem);font-weight:500;display:flex}.title-copy{width:min(100%,980px)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:0 0 clamp(6px,.8vmin,12px);font-family:DM Mono,monospace;font-size:clamp(.58rem,.72vw,.78rem);font-weight:500}h1,h2,p{margin-top:0}h1{font-variation-settings:"opsz" 120;letter-spacing:-.07em;max-width:16ch;margin-bottom:0;font-family:Fraunces,serif;font-size:clamp(2rem,min(5.3vw,8.6vh),6.6rem);font-weight:800;line-height:.84}h1 span{color:#f8f5e8;background:#17231f;width:fit-content;margin:.08em 0 .1em .6em;padding:.05em .16em .1em;display:block;transform:rotate(-1.5deg)}h1 .definition-term{width:auto;color:inherit;cursor:help;text-underline-offset:.08em;background:0 0;outline:none;margin:0;padding:0;-webkit-text-decoration:underline #17231f73;text-decoration:underline #17231f73;text-decoration-thickness:.045em;display:inline;transform:none}h1 .definition-term:is(:hover,:focus-visible){text-decoration-color:currentColor}.definition-tooltip{z-index:3;top:var(--tooltip-y);left:var(--tooltip-x);color:#17231f;opacity:0;pointer-events:none;transform-origin:0 0;background:#fff;border:1.5px solid #17231f;border-radius:10px;width:min(250px,100% - 32px);padding:10px 12px;font-family:DM Mono,monospace;font-size:clamp(.62rem,.72vw,.76rem);font-weight:500;line-height:1.4;transition:opacity .12s,transform .12s;position:absolute;transform:translate(12px,12px)scale(.96);box-shadow:4px 5px #17231fd6}.definition-tooltip.is-visible{opacity:1;transform:translate(12px,12px)scale(1)}.title-footer{justify-content:space-between;align-items:end;gap:20px;display:flex}.title-footer p{max-width:48ch;margin-bottom:0;font-size:clamp(.72rem,1vw,1rem);line-height:1.45}.gif-panel{background:#77d6e4;grid-column:span 4}.gif-panel:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#17231f8c);position:absolute;inset:0}.gif-panel img{object-fit:cover;mix-blend-mode:multiply;filter:contrast(1.08)grayscale(.18);width:100%;height:100%;display:block;position:absolute;inset:0}.media-label{z-index:1;color:#f8f5e8;letter-spacing:.12em;text-transform:uppercase;justify-content:flex-start;align-items:center;font-family:DM Mono,monospace;font-size:clamp(.62rem,.85vw,.84rem);display:flex;position:absolute;bottom:clamp(14px,2vmin,28px);left:clamp(14px,2vmin,28px);right:clamp(14px,2vmin,28px)}.wheel-panel{background:#c3e16ff0;grid-column:span 5;padding:clamp(14px,2vmin,28px)}.learning-wheel{aspect-ratio:1;border:clamp(16px,3.5vmin,46px) solid #f8f5e8a3;border-radius:50%;width:min(100% - clamp(24px,4vmin,56px),100% - 16px);max-width:min(46vh,460px);margin:auto;position:absolute;inset:clamp(38px,5.2vmin,70px) clamp(12px,2vmin,28px) clamp(8px,1.2vmin,18px);box-shadow:inset 0 0 0 2px #17231f3d,0 0 0 2px #17231fc7}.wheel-core{text-align:center;background:#f8f5e8;border:1.5px solid #17231f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:26%}.wheel-core span{font-family:DM Mono,monospace;font-size:clamp(.64rem,.9vw,.9rem)}.wheel-core strong{font-family:Fraunces,serif;font-size:clamp(.92rem,1.7vw,1.55rem);line-height:1}.wheel-core small{letter-spacing:.08em;text-transform:uppercase;margin-top:.35em;font-family:DM Mono,monospace;font-size:clamp(.42rem,.58vw,.58rem)}.wheel-item{z-index:2;top:var(--wheel-y);left:var(--wheel-x);color:#17231f;cursor:pointer;background:#f8f5e8;border:1.5px solid #17231f;border-radius:999px;width:clamp(56px,8vw,106px);min-height:clamp(36px,5.2vmin,60px);padding:.4em .55em;transition:transform .18s,background-color .18s,box-shadow .18s;position:absolute;transform:translate(-50%,-50%);box-shadow:2px 3px #17231fd1}.wheel-item:hover,.wheel-item[aria-pressed=true]{background:var(--principle-color);transform:translate(-50%,-50%)scale(1.08);box-shadow:4px 5px #17231fe6}.wheel-number,.wheel-label{display:block}.wheel-number{font-family:DM Mono,monospace;font-size:clamp(.45rem,.55vw,.58rem);line-height:1}.wheel-label{margin-top:.18em;font-size:clamp(.55rem,.72vw,.75rem);font-weight:800;line-height:1.05}.detail-panel{background:#ffe769f2;flex-direction:column;grid-column:span 5;padding:clamp(16px,2.4vmin,36px);display:flex}.detail-heading{border-bottom:1.5px solid #17231fb8;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:clamp(10px,1.5vmin,22px);display:flex}.detail-heading h2{letter-spacing:-.045em;max-width:15ch;margin-bottom:0;font-family:Fraunces,serif;font-size:clamp(1.4rem,min(2.65vw,4.6vh),3.2rem);line-height:.95;animation:.28s both reveal}.detail-number{aspect-ratio:1;background:var(--active-color);border:1.5px solid #17231f;border-radius:50%;flex:none;place-items:center;width:clamp(38px,5.4vmin,68px);font-family:DM Mono,monospace;font-size:clamp(.7rem,1vw,1rem);transition:background-color .22s;display:grid}.detail-copy{margin:clamp(12px,2vmin,28px) 0 auto;font-size:clamp(.65rem,min(.9vw,1.45vh),.98rem);font-weight:500;line-height:1.53;animation:.32s 40ms both reveal}.detail-progress{grid-template-columns:repeat(6,1fr);gap:clamp(3px,.5vmin,8px);padding-top:clamp(8px,1.2vmin,16px);display:grid}.detail-progress span{background:0 0;border:1px solid #17231f;border-radius:999px;height:clamp(4px,.6vmin,7px)}.detail-progress .is-active{background:var(--active-color)}.credit-panel{color:#f8f5e8;background:#563f77f2;flex-direction:column;grid-column:span 2;justify-content:space-between;padding:clamp(14px,2vmin,28px);display:flex}.credit-panel .panel-kicker{color:#f8f5e8b3}.credit-mark{letter-spacing:-.13em;margin:clamp(12px,2vmin,28px) 0 0;font-family:Fraunces,serif;font-size:clamp(3.2rem,min(7vw,11vh),8rem);font-weight:800;line-height:.75}.credit-copy p{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.15em;font-family:DM Mono,monospace;font-size:clamp(.55rem,.68vw,.7rem)}.credit-for{text-transform:lowercase;margin-top:.4em;font-family:DM Mono,monospace;font-size:clamp(.55rem,.68vw,.7rem);display:block}.credit-copy strong{font-family:Fraunces,serif;font-size:clamp(1.05rem,1.8vw,1.8rem);line-height:1;display:block}.credit-copy a{color:#eaff5f;overflow-wrap:anywhere;border-top:1px solid #f8f5e86b;justify-content:space-between;align-items:center;gap:8px;margin-top:clamp(12px,2vmin,24px);padding-top:clamp(8px,1.2vmin,14px);font-size:clamp(.5rem,.66vw,.7rem);font-weight:700;text-decoration:none;display:flex}.credit-copy .reading-link{border-top:0;border-bottom:1px solid #f8f5e86b;margin:0 0 clamp(14px,2vmin,24px);padding:0 0 clamp(10px,1.2vmin,14px)}.credit-copy svg{flex:none;width:1.2em}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px)and (min-width:641px){.bento-grid{grid-template-rows:minmax(0,.85fr) minmax(0,1.45fr) minmax(72px,.28fr);grid-template-columns:repeat(8,minmax(0,1fr))}.title-panel{grid-column:span 5}.gif-panel,.wheel-panel{grid-column:span 3}.detail-panel{grid-column:span 5}.credit-panel{flex-direction:row;grid-column:span 8;align-items:center}.credit-mark{display:none}.credit-copy{align-items:center;gap:12px;display:flex}.credit-copy p,.credit-copy strong,.credit-copy .credit-for,.credit-copy a{margin:0}.credit-copy .reading-link{border-bottom:0;border-right:1px solid #f8f5e86b;padding:0 12px 0 0}.credit-copy .hashtag-link{border-top:0;border-left:1px solid #f8f5e86b;padding:0 0 0 12px}.learning-wheel{max-width:min(27vw,39vh)}.wheel-item{width:clamp(48px,8.2vw,82px)}}@media(max-width:640px){body{overflow:auto}.dashboard-shell{height:auto;min-height:100dvh;padding:10px;overflow:visible}.bento-grid{flex-direction:column;gap:10px;height:auto;display:flex}.panel{border-radius:20px}.title-panel{min-height:74dvh;padding:22px}h1{font-size:clamp(2.8rem,14vw,4.7rem)}.gif-panel{min-height:58dvh}.wheel-panel{min-height:min(96dvh,660px)}.learning-wheel{width:min(100% - 32px,470px);max-width:none;inset:64px 14px 12px}.wheel-item{width:clamp(62px,23vw,96px)}.detail-panel{min-height:70dvh;padding:24px}.detail-heading h2{font-size:clamp(2rem,10vw,3.1rem)}.detail-copy{font-size:clamp(.88rem,4vw,1.05rem)}.credit-panel{min-height:48dvh;padding:24px}.credit-mark{font-size:7rem}.credit-copy strong{font-size:2rem}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.sky-video{display:none}}