@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #F6F3EE;--card: #FFFDF9;--ink: #2E3A3F;--ink-2: #5B686D;--line: #E7E1D7;--line-2: #D9D1C4;--sage: #7FB5A8;--sage-d: #4F8A8B;--lav: #9AA7D9;--lav-soft: #C9D0EE;--coral: #E3A587;--rose: #D99AAE;--amber: #E3B778;--good: #3E9B6B;--bad: #C0504D;--radius: 18px;--shadow: 0 1px 2px rgba(46,58,63,.05), 0 8px 28px rgba(46,58,63,.07);--serif: "Fraunces Variable", Georgia, serif;--sans: "Inter Variable", system-ui, -apple-system, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body{background:radial-gradient(1200px 600px at 85% -10%,#EAF2EF 0%,transparent 60%),radial-gradient(900px 500px at -10% 10%,#EFEFF8 0%,transparent 55%),var(--paper);background-attachment:fixed}a{color:var(--sage-d)}h1,h2,h3,h4{font-family:var(--serif);font-weight:560;letter-spacing:-.01em;line-height:1.15}h2{font-size:1.35rem;margin:0 0 .7rem}h3{font-size:1.12rem;margin:0 0 .5rem}h4{font-size:.98rem;margin:1rem 0 .4rem}button,select,input{font:inherit;color:inherit}select,input[type=text],input:not([type]),input[type=password]{background:var(--card);border:1px solid var(--line-2);border-radius:10px;padding:.45rem .7rem;min-height:38px}select:focus,input:focus{outline:2px solid var(--lav);outline-offset:1px}.muted{color:var(--ink-2)}.small{font-size:.88rem}.tiny{font-size:.78rem}.nomargin{margin:0}.mt{margin-top:1.5rem}.row{display:flex;align-items:center}.gap{gap:.6rem}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.center{justify-content:center}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1.5rem;padding:.7rem clamp(1rem,3vw,2.2rem);background:#f6f3eed1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:1.25rem}.brand b{font-weight:650;color:var(--sage-d)}.mainnav{display:flex;gap:.3rem;margin-right:auto}.mainnav a{text-decoration:none;color:var(--ink-2);padding:.45rem .85rem;border-radius:999px;font-weight:500;font-size:.95rem;transition:background .2s,color .2s}.mainnav a:hover{background:#7fb5a81f;color:var(--ink)}.mainnav a.active{background:var(--ink);color:var(--paper)}.profile-chip{display:flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.2rem .9rem .2rem .25rem;cursor:pointer;font-weight:500}.main{flex:1}.page{max-width:1280px;margin:0 auto;padding:1.6rem clamp(1rem,3vw,2.2rem) 3rem}.narrow{max-width:620px;margin:0 auto;padding:2rem 1.2rem 3rem;display:flex;flex-direction:column;gap:1rem}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}.page-title{font-size:clamp(1.7rem,3vw,2.3rem);margin:.2rem 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:600;color:var(--sage-d);margin:0}.footer{text-align:center;color:var(--ink-2);font-size:.8rem;padding:1.5rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.3rem;box-shadow:var(--shadow)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.1rem;margin-top:1.1rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem;margin-top:1.1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;background:var(--ink);color:var(--paper);padding:.55rem 1.1rem;border-radius:999px;font-weight:550;cursor:pointer;text-decoration:none;min-height:40px;transition:transform .15s,background .2s,box-shadow .2s,opacity .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2e3a3f26}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.btn.small{padding:.35rem .85rem;min-height:34px;font-size:.88rem}.btn.big{padding:.8rem 1.5rem;font-size:1.05rem}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.btn.ghost:hover{background:var(--card)}.btn.ghost.on,.btn.on{background:var(--sage-d);color:#fff;border-color:var(--sage-d)}.btn.accent{background:var(--sage-d)}.btn.teacher{background:#b5835a}.btn small{opacity:.7;font-weight:400}.icon-btn{border:none;background:transparent;font-size:1.1rem;cursor:pointer;padding:.4rem .6rem;border-radius:10px;color:var(--ink-2)}.icon-btn:hover{background:var(--line)}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .65rem;border-radius:999px;background:#efebe4;font-size:.78rem;font-weight:550;color:var(--ink-2);border:none}.pill.good{background:#ddefe5;color:var(--good)}.pill.warn{background:#f8e3d6;color:sienna;cursor:pointer}.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--line-2);background:var(--card);font-size:.85rem;cursor:pointer}.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--line-2)}.chip.on{border-color:var(--sage)}.chip.on .dot{background:var(--good);box-shadow:0 0 0 3px #3e9b6b2e}.chip.ghost{cursor:default;color:var(--ink-2)}.inputbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.7rem}.inputbar.compact{margin:0}.toggle{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;font-size:.92rem;-webkit-user-select:none;user-select:none}.toggle input{accent-color:var(--sage-d);width:18px;height:18px}.toggle.small{font-size:.85rem}.range{display:flex;flex-direction:column;font-size:.88rem;gap:.2rem}.range.inline{flex-direction:row;align-items:center;gap:.5rem}.range input{accent-color:var(--sage-d)}.seg-toggle{display:inline-flex;background:#ede8e0;border-radius:999px;padding:3px}.seg-toggle button{border:none;background:transparent;padding:.4rem .95rem;border-radius:999px;cursor:pointer;font-weight:550;font-size:.9rem;color:var(--ink-2);transition:background .2s,color .2s;text-transform:capitalize}.seg-toggle button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 4px #00000014}.seg-toggle.small button{padding:.25rem .7rem;font-size:.82rem}.progressbar{height:10px;background:#ede8e0;border-radius:999px;overflow:hidden}.progressbar div{height:100%;background:var(--sage);border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.progressbar.thin{height:6px;margin:.5rem 0}.toasts{position:fixed;right:1.2rem;bottom:1.2rem;display:flex;flex-direction:column;gap:.6rem;z-index:100}.toast{display:flex;gap:.8rem;align-items:center;background:var(--ink);color:var(--paper);padding:.8rem 1.1rem;border-radius:14px;box-shadow:0 10px 30px #0003;max-width:360px;animation:toastIn .45s cubic-bezier(.2,.9,.3,1.3);font-size:.9rem}.toast-icon{font-size:1.4rem}@keyframes toastIn{0%{transform:translateY(20px) scale(.95);opacity:0}}.landing{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,3vw,2.2rem) 3rem}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;min-height:540px}.hero h1{font-size:clamp(2.3rem,5vw,3.8rem);margin:.6rem 0 1rem;font-weight:500}.hero h1 em{color:var(--sage-d);font-style:italic}.lede{font-size:1.12rem;color:var(--ink-2);max-width:36rem;margin-bottom:1.6rem}.lede.small{font-size:1rem}.hero-art{position:relative;height:440px;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1.5px dashed var(--line-2);animation:spin 80s linear infinite}.o1{width:380px;height:380px}.o2{width:270px;height:270px;border-style:solid;border-color:#9aa7d959;animation-duration:120s;animation-direction:reverse}.o3{width:170px;height:170px;border-color:#7fb5a866}@keyframes spin{to{transform:rotate(360deg)}}.hero-logo{animation:breathe 6s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.06)}}.hero-key{position:absolute;width:44px;height:44px;margin:-22px;left:50%;top:50%;display:grid;place-items:center;font-family:var(--serif);font-size:1.05rem;background:var(--card);border-radius:50%;box-shadow:var(--shadow);border:1px solid var(--line);animation:pop .6s backwards cubic-bezier(.2,.9,.3,1.4)}@keyframes pop{0%{opacity:0;scale:.4}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin-top:1rem}.tool-card{background:var(--card);border-radius:22px;padding:1.7rem;text-decoration:none;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--c)}.tool-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #2e3a3f1f}.t1{--c: var(--sage)}.t2{--c: var(--lav)}.t3{--c: var(--coral)}.tool-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:1.7rem;background:color-mix(in srgb,var(--c) 22%,white);margin-bottom:1rem}.tool-card p{color:var(--ink-2)}.tool-link{font-weight:600;color:var(--sage-d)}.how{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:3rem 0 1rem;padding:2rem;border-radius:22px;background:#fffdf999;border:1px solid var(--line)}.how h3{margin-bottom:.3rem}.how p{margin:0;color:var(--ink-2);font-size:.95rem}.profile-grid{display:flex;flex-wrap:wrap;gap:.8rem}.profile-tile{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem 1.3rem;background:var(--card);border:1px solid var(--line);border-radius:18px;cursor:pointer;font-weight:550;transition:transform .2s}.profile-tile:hover{transform:translateY(-3px)}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--serif);font-size:1.5rem}.form{display:flex;flex-direction:column;gap:.8rem}.form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:500}.swatches{display:flex;gap:.5rem}.swatch{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer}.swatch.sel{border-color:var(--ink)}.video-row{font-weight:400!important}.me-hero{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap}.me-hero h1{font-size:2.2rem;margin:.1rem 0 .7rem}.me-info{flex:1;min-width:260px}.me-actions{display:flex;flex-direction:column;gap:.5rem}.stat-row{display:flex;gap:1.8rem;flex-wrap:wrap;margin-bottom:.9rem}.stat b{display:block;font-family:var(--serif);font-size:1.6rem;font-weight:560}.stat span{font-size:.8rem;color:var(--ink-2)}.rings .ring-arc{transition:stroke-dasharray 1s cubic-bezier(.2,.8,.2,1)}.rings-label{font-family:var(--serif);fill:var(--ink);font-weight:600}.mini-tool{text-decoration:none;color:var(--ink);border-top:4px solid var(--c);transition:transform .2s}.mini-tool:hover{transform:translateY(-2px)}.mini-tool p{margin:0;color:var(--ink-2);font-size:.9rem}.review-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.review-list li{display:flex;align-items:center;gap:.8rem;padding:.5rem .2rem;border-bottom:1px solid var(--line);font-size:.92rem}.review-list li span:nth-child(2){flex:1}.keybadge{min-width:46px;text-align:center;font-family:var(--serif);font-weight:600;background:#eaf2ef;padding:.25rem .5rem;border-radius:10px}.badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{display:flex;align-items:center;gap:.45rem;padding:.4rem .8rem .4rem .45rem;border-radius:999px;background:linear-gradient(135deg,#fff6e6,#f3eefa);border:1px solid var(--line);font-size:.85rem;font-weight:550}.badge span{width:28px;height:28px;display:grid;place-items:center;background:var(--card);border-radius:50%;box-shadow:var(--shadow)}.log{list-style:none;margin:0;padding:0}.log li{display:flex;gap:.7rem;align-items:baseline;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.9rem}.logtext{flex:1}.log time{color:var(--ink-2);font-size:.8rem;white-space:nowrap}.logtag{font-size:.7rem;font-weight:650;padding:.1rem .5rem;border-radius:6px;white-space:nowrap}.logtag.circle{background:#e2f0ec;color:#3d7a6c}.logtag.patterns{background:#e6e9f7;color:#55609a}.logtag.jail{background:#f8e6dd;color:#a0583a}.circle-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.1rem;align-items:start}.circle-main{display:flex;flex-direction:column;align-items:stretch}.circle-side{display:flex;flex-direction:column;gap:1rem}.seg-chips{display:flex;flex-wrap:wrap;gap:.45rem}.seg-chip{--seg: var(--ink);display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--line-2);background:var(--card);cursor:pointer;font-size:.85rem;transition:all .2s}.seg-chip b{font-weight:650;color:var(--ink-2)}.seg-chip.on{background:color-mix(in srgb,var(--seg) 22%,white);border-color:var(--seg)}.seg-chip.complete{border-color:var(--seg)}.seg-dot{width:10px;height:10px;border-radius:50%;background:var(--seg)}.seg-blurb{margin:.6rem 0 0}.wheel{width:100%;max-width:560px;margin:.6rem auto 0;display:block}.wcell{cursor:pointer;transition:opacity .3s,transform .3s;transform-origin:260px 260px}.wcell path{transition:fill .4s}.wcell:hover{transform:scale(1.025)}.wcell:focus{outline:none}.wcell:focus path:first-child{stroke-width:4}.wcell.dim{opacity:.25}.wcell.sel path:first-child{stroke:var(--ink);stroke-width:3}.wlabel{font-family:var(--serif);font-weight:600;fill:var(--ink);pointer-events:none}.wcell.done .wlabel{fill:#fff}.wcheck{fill:#fff;pointer-events:none}.wcenter-small{font-size:11px;letter-spacing:.18em;fill:var(--ink-2);font-weight:600;text-transform:uppercase}.wcenter-big{font-family:var(--serif);font-size:46px;font-weight:600;fill:var(--ink)}.legend{display:flex;gap:1.2rem;justify-content:center;font-size:.8rem;color:var(--ink-2);margin-top:.5rem}.lg{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:.3rem;vertical-align:-1px}.lg.done{background:var(--sage)}.lg.ready{background:var(--amber)}.lg.todo{background:var(--line-2)}.columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem;margin-top:1rem}.col{--seg: var(--sage);background:color-mix(in srgb,var(--seg) 8%,white);border-radius:16px;padding:.8rem;display:flex;flex-direction:column;gap:.45rem;position:relative;border:1px solid color-mix(in srgb,var(--seg) 30%,white)}.col-head{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.3rem;font-family:var(--serif)}.col-bar{position:absolute;right:6px;top:12px;bottom:12px;width:4px;border-radius:4px;background:#0000000d;display:flex;align-items:flex-end}.col-bar div{width:100%;background:var(--seg);border-radius:4px;transition:height .6s}.col-key{display:flex;align-items:center;justify-content:space-between;padding:.55rem .7rem;margin-right:8px;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;transition:transform .15s}.col-key:hover{transform:translate(3px)}.col-key.done{background:var(--seg);color:#fff;border-color:var(--seg)}.col-key-name{font-family:var(--serif);font-weight:600;font-size:1.05rem}.dots{display:flex;gap:3px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}.dots i.ready{background:var(--amber)}.dots i.done{background:var(--good)}.col-key.done .dots i{background:#ffffffd9}.skill-summary{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.cat{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.12rem .45rem;border-radius:6px;margin-right:.3rem;white-space:nowrap}.cat.scale{background:#e2f0ec;color:#3d7a6c}.cat.chord{background:#e6e9f7;color:#55609a}.cat.ear{background:#f8e6dd;color:#a0583a}.status{font-size:.74rem;font-weight:650;padding:.15rem .55rem;border-radius:999px;white-space:nowrap}.status.todo{background:#efebe4;color:var(--ink-2)}.status.ready{background:#fbefd5;color:#9a6b14}.status.done{background:#ddefe5;color:var(--good)}.harm-labels{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.6rem}.graduate{background:linear-gradient(135deg,#eaf5f1,#f1effa);text-align:center}.piano-dock{margin-top:1.1rem}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2e3a3f47;z-index:50;display:flex;justify-content:flex-end;animation:fade .25s}@keyframes fade{0%{opacity:0}}.drawer{width:min(600px,100%);height:100%;overflow-y:auto;background:var(--paper);padding:1.3rem 1.4rem 1rem;display:flex;flex-direction:column;gap:1rem;animation:slideIn .35s cubic-bezier(.2,.9,.3,1);box-shadow:-20px 0 50px #0000001f}@keyframes slideIn{0%{transform:translate(40px);opacity:0}}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;border-left:5px solid;padding-left:.9rem}.drawer-head h2{font-size:2rem;margin:.1rem 0}.skill-list{display:flex;flex-direction:column;gap:.55rem}.skill{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:box-shadow .2s}.skill.open{box-shadow:var(--shadow)}.skill.done{border-color:#bfe0cd}.skill-head{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;padding:.75rem .9rem;cursor:pointer;text-align:left}.skill-name{flex:1;font-weight:550}.skill-body{padding:0 .9rem .9rem;display:flex;flex-direction:column;gap:.6rem;animation:fade .3s}.spelled{font-family:var(--serif);font-size:1.05rem;letter-spacing:.04em;margin:0;color:var(--ink);word-spacing:.2em}.song-pick{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.video-slot iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.video-empty{padding:.9rem;border-radius:12px;background:repeating-linear-gradient(45deg,#f3efe8,#f3efe8 10px,#f7f4ee 10px,#f7f4ee 20px);color:var(--ink-2);font-size:.85rem;text-align:center}.video-input{width:100%;margin-top:.4rem;font-size:.85rem}.drawer-piano{padding-top:.3rem}.drawer-keyboard{display:flex;flex-direction:column;gap:.3rem}.runner{background:#f3f5fb;border:1px solid var(--lav-soft);border-radius:14px;padding:.8rem .9rem;animation:fade .3s}.runner-head{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.runner-head b{flex:1}.timer{font-family:var(--serif);font-size:1.3rem;font-weight:600;font-variant-numeric:tabular-nums}.runner-steps{display:flex;flex-wrap:wrap;gap:4px;margin-top:.55rem}.rstep{font-size:.75rem;padding:.15rem .45rem;border-radius:6px;background:#fff;border:1px solid var(--line);color:var(--ink-2);transition:all .2s}.rstep.ok{background:#ddefe5;color:var(--good);border-color:#bfe0cd}.rstep.now{background:var(--lav);color:#fff;border-color:var(--lav);transform:scale(1.08)}.runner-msg{margin:.3rem 0 0;font-size:.9rem;color:var(--good);font-weight:550}.runner-msg.bad{color:var(--bad);animation:shake .35s}.modal{max-width:520px;margin:auto;animation:toastIn .4s}.piano{position:relative;width:100%;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;overflow:hidden;background:#2e3a3f;padding-top:4px}.pk{position:absolute;top:4px;bottom:0;cursor:pointer;transition:background .08s}.pk.white{background:#fffdf9;border:1px solid #D7D0C4;border-top:none;border-radius:0 0 6px 6px;z-index:1}.pk.white.mapped{box-shadow:inset 0 -4px #9aa7d973}.pk.black{background:#2e3a3f;height:62%;z-index:2;border-radius:0 0 4px 4px;box-shadow:inset 0 -3px #ffffff1f}.pk.held{background:var(--sage)!important}.pk-label{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:10px;color:var(--ink-2);pointer-events:none}.daily{display:grid;grid-template-columns:1.3fr 1fr;gap:1.5rem;align-items:center;background:linear-gradient(135deg,#fff8ec,#f2f0fa);margin-bottom:1.2rem}.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.mode-card{display:flex;flex-direction:column;gap:.8rem;transition:transform .2s}.mode-card:hover{transform:translateY(-2px)}.mode-head{display:flex;gap:.8rem;align-items:center}.mode-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e6e9f7;color:#55609a;font-weight:700}.mode-icon.big{width:46px;height:46px;font-size:1.4rem;border-radius:14px;flex-shrink:0}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;font-size:.75rem;color:var(--ink-2);text-align:center;background:#f8f6f2;border-radius:12px;padding:.5rem}.mini-stats b{display:block;font-size:1.05rem;color:var(--ink);font-family:var(--serif)}.board{list-style:none;margin:0;padding:0;background:#ffffffb3;border-radius:14px;padding:.4rem}.board li{display:grid;grid-template-columns:26px 1fr auto;gap:.5rem;padding:.35rem .6rem;border-radius:10px;font-size:.9rem}.board li span:first-child{color:var(--ink-2);font-weight:600}.board li.me{background:#e2f0ec}.board.empty{padding:1rem;text-align:center}.trainer{display:flex;flex-direction:column;gap:.8rem}.trainer-prompt{display:flex;align-items:center;gap:.7rem;font-size:1.05rem;font-weight:500}.staff-card{position:relative;background:#fff;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);padding:.6rem 1rem;transition:box-shadow .3s,border-color .3s}.flash-ok .staff-card{border-color:var(--good);box-shadow:0 0 0 6px #3e9b6b2e,var(--shadow);animation:okPulse .6s}.flash-bad .staff-card{border-color:var(--bad);animation:shake .35s}@keyframes okPulse{0%{background:#e4f4ea}to{background:#fff}}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.staff-wrap{position:relative}.staff-svg svg{display:block}.staff-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.staff-overlay .hit{fill:transparent;cursor:pointer}.staff-overlay .hit:hover{fill:#9aa7d924}.ov-label{font-family:var(--serif);font-weight:700;font-size:22px}.ov-box,.ov-arrow{cursor:pointer;animation:fade .25s}.ov-pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.ok-badge{position:absolute;top:.7rem;right:.9rem;background:var(--good);color:#fff;padding:.35rem .9rem;border-radius:999px;font-weight:600;animation:toastIn .35s;font-size:.92rem}.ok-badge b{margin-left:.4rem;font-family:var(--serif)}.ok-badge.shown{background:var(--ink-2)}.answer-row{min-height:48px}.choice-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.choice-row>span:first-child{font-weight:600;min-width:64px}.chord-namer{display:flex;flex-direction:column;gap:.5rem}.trainer-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.toggles{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;animation:fade .3s}.tg-group{display:flex;flex-wrap:wrap;gap:.7rem 1rem;align-items:center}.tg-title{font-family:var(--serif);font-weight:600;width:100%}.speed-clock{display:flex;flex-direction:column;align-items:center;background:var(--ink);color:var(--paper);padding:.3rem 1rem;border-radius:14px;line-height:1.2}.speed-clock b{font-family:var(--serif);font-size:1.5rem}.speed-clock span{font-size:.75rem;opacity:.8}.result-card{text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.result-card .board{min-width:300px}.piece-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem;margin-bottom:1.5rem}.piece-card{display:flex;gap:1rem;align-items:center;text-decoration:none;color:var(--ink);transition:transform .2s}.piece-card:hover{transform:translateY(-3px)}.piece-link{display:flex;gap:1rem;align-items:center;text-decoration:none;color:inherit;flex:1}.piece-art{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:1.8rem;background:linear-gradient(135deg,#f8e6dd,#e6e9f7);flex-shrink:0}.piece-art.up{background:#eaf2ef}.upload{cursor:pointer;border-style:dashed;border-width:2px;transition:background .2s}.upload:hover{background:#fff}.player{display:flex;flex-direction:column;gap:.8rem}.player-controls{display:flex;flex-direction:column;gap:.7rem}.mode-tabs{display:flex;flex-wrap:wrap;gap:.35rem}.mode-tabs button{display:flex;align-items:center;gap:.4rem;border:1px solid var(--line-2);background:var(--card);padding:.45rem .9rem;border-radius:999px;cursor:pointer;font-weight:550;font-size:.9rem;transition:all .2s}.mode-tabs button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.mode-blurb{margin:0}.control-row{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;font-size:.9rem}.control-row>label:not(.toggle):not(.range){display:flex;align-items:center;gap:.4rem}.control-row input[type=color]{width:36px;height:30px;border:none;background:none;padding:0}.weak-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.pill.map{cursor:pointer;border:1px solid transparent}.pill.map.rep{background:#e2f0ec;color:#3d7a6c}.pill.map.seq{background:#f8e6dd;color:#a0583a}.pill.map.scale{background:#e6e9f7;color:#55609a}.status-bar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;min-height:32px}.status-msg{font-weight:600;color:var(--bad);animation:shake .35s}.status-msg.good{color:var(--good);animation:toastIn .4s}.hot{font-weight:700;color:#d9480f;animation:flicker 1s infinite alternate;font-size:1.1rem}@keyframes flicker{to{text-shadow:0 0 12px rgba(255,120,0,.6);transform:scale(1.05)}}.score-wrap{position:relative;background:#fff;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);padding:.5rem;overflow:hidden;min-height:300px}.score-wrap.shake0,.score-wrap.shake1{animation:none}.score{position:relative}.score-overlay{position:absolute;left:.5rem;top:.5rem;right:.5rem;bottom:.5rem;pointer-events:none}.cover{position:absolute;border-radius:10px;transition:left .35s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1),opacity .35s}.cover.dim{background:#ffffff9e;border-radius:4px}.cover.mist{background:linear-gradient(180deg,#f0eeeaf7,#e6eceaf7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #0000000a}.cover.paper{background:#efe6d2 repeating-linear-gradient(0deg,transparent,transparent 13px,rgba(160,130,90,.08) 13px,rgba(160,130,90,.08) 14px);box-shadow:0 2px 6px #503c1e2e;border-radius:3px}.cover.underwater{background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.35) 0 3px,transparent 4px),radial-gradient(circle at 70% 30%,rgba(255,255,255,.3) 0 2px,transparent 3px),radial-gradient(circle at 45% 55%,rgba(255,255,255,.25) 0 4px,transparent 5px),linear-gradient(180deg,#4ba3c3,#1f5f8b);background-size:60px 60px,45px 45px,80px 80px,100% 100%;animation:bubbles 6s linear infinite}@keyframes bubbles{to{background-position:0 -60px,0 -45px,0 -80px,0 0}}.cover.space{background:radial-gradient(1px 1px at 10% 20%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 60% 70%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 80% 30%,#cfe 50%,transparent 51%),radial-gradient(1px 1px at 35% 85%,#fff 50%,transparent 51%),linear-gradient(160deg,#1b1f3b,#3a2a5c);background-size:70px 70px,90px 90px,50px 50px,110px 110px,100% 100%;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{to{background-position:5px 3px,-4px 2px,3px -3px,2px 4px,0 0}}.cover.blur{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#f6f3ee59}.playhead{position:absolute;width:4px;border-radius:4px;background:var(--coral);box-shadow:0 0 0 4px #e3a58740,0 0 18px #e07a5f99;transition:left .25s cubic-bezier(.2,.8,.2,1),top .25s;animation:pulse 1.6s ease-in-out infinite;z-index:3}.wrong-ghost{position:absolute;width:18px;height:13px;margin:-6.5px 0 0 -9px;border-radius:50%;background:#d948828c;box-shadow:0 0 12px #d9488299;transform:rotate(-20deg);animation:ghost 1.6s forwards;z-index:4}.wrong-ghost span{position:absolute;left:22px;top:-8px;transform:rotate(20deg);font-size:12px;font-weight:700;color:#b83273;background:#ffffffd9;border-radius:6px;padding:0 4px;white-space:nowrap}@keyframes ghost{0%{opacity:0;scale:.5}15%{opacity:1;scale:1.15}70%{opacity:1}to{opacity:0}}.flame{position:absolute;width:22px;height:30px;margin:-26px 0 0 -11px;border-radius:50% 50% 35% 35%;background:radial-gradient(ellipse at 50% 80%,#ffe678f2,#ff8c00bf 45%,#dc280000 72%);filter:blur(1px);animation:flame .45s ease-in-out infinite alternate;mix-blend-mode:multiply;z-index:2}@keyframes flame{0%{transform:scaleY(1) translateY(0);opacity:.85}to{transform:scaleY(1.25) translateY(-3px) skew(4deg);opacity:1}}.map-bracket{position:absolute;height:10px;border:2px solid currentColor;border-bottom:none;border-radius:4px 4px 0 0;z-index:2}.map-bracket span{position:absolute;bottom:10px;left:0;font-size:11px;font-weight:700;background:#ffffffe6;padding:0 4px;border-radius:4px;white-space:nowrap}.map-bracket.rep{color:#3d7a6c}.map-bracket.seq{color:#a0583a}.map-bracket.scale{color:#55609a}.map-bracket.chord,.map-bracket.neighbor{color:#9a6b14}.banner{position:absolute;left:50%;top:150px;transform:translate(-50%);background:#fffdf9f7;border:1px solid var(--line);border-radius:22px;padding:1.6rem 2rem;box-shadow:0 20px 60px #2e3a3f33;text-align:center;z-index:10;animation:toastIn .5s;max-width:92%;width:560px}.banner.win{background:linear-gradient(135deg,#f1faf5,#f4f2fc)}.banner.lose{background:linear-gradient(135deg,#fdf4ee,#f6f3ee)}.eval-list{list-style:none;padding:0;text-align:left}.eval-list li{display:flex;align-items:center;gap:.6rem;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--line)}.error{color:var(--bad)}@media (max-width: 1000px){.circle-layout{grid-template-columns:1fr}.hero{grid-template-columns:1fr;min-height:0;padding-top:1.5rem}.hero-art{height:380px}.daily{grid-template-columns:1fr}}@media (max-width: 760px){.topbar{flex-wrap:wrap;gap:.6rem}.mainnav{order:3;width:100%;overflow-x:auto}.profile-chip span,.hero-art{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.minor-form{margin:6px 0 2px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-pill{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.02em;padding:3px 10px;border-radius:999px;border:1px solid;white-space:nowrap}.form-pill.small{font-size:10.5px;padding:2px 8px;margin-left:6px}.form-pill.natural{color:#3f7d6e;background:#e6f2ee;border-color:#b9dbd1}.form-pill.harmonic{color:#7a5aa6;background:#efe8f8;border-color:#d4c3ea}.scale-label{font-family:var(--serif, inherit);font-weight:600;margin:4px 0 0}.piano-caption{margin:10px 0 4px;font-size:13px;color:var(--muted, #6b7280);display:flex;align-items:center;gap:4px}.t4{--c: var(--amber)}.logtag.madlibs{background:#f7edd8;color:#94702a}.ml-score{position:relative}.ml-score .staff-svg svg{display:block}.ml-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ml-blank rect:first-child{fill:#e3b7781a;stroke:var(--amber);stroke-width:1.6;stroke-dasharray:6 5}.ml-blank.active rect:first-child{fill:#e3b7782e;stroke:#c98a2e;stroke-width:2.4;stroke-dasharray:none}.ml-blank text{font-family:var(--serif);font-size:17px;fill:#b88a45;font-style:italic}.ml-hit{fill:transparent;pointer-events:all;cursor:pointer}.ml-blank.active .ml-hit{cursor:crosshair}.ml-soft{fill:#e3b77847;stroke:#e3b778;stroke-width:2;animation:mlpulse 2.4s ease-in-out infinite}@keyframes mlpulse{50%{stroke-opacity:.35;fill-opacity:.5}}.ml-playhead rect{fill:#7fb5a81a}.ml-playhead line{stroke:var(--sage-d);stroke-width:2.5;stroke-linecap:round}.ml-score.compact .ml-blank text{display:none}.ml-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.ml-card{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.ml-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #2e3a3f1a}.ml-card h3{margin:0}.ml-card p{margin:0;color:var(--ink-2);font-size:.9rem}.ml-card .meta{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:auto;padding-top:.4rem}.ml-card.done:after{content:"✓ in your gallery";position:absolute;top:.9rem;right:1rem;font-size:.72rem;font-weight:650;color:var(--sage-d)}.diff{font-size:.72rem;font-weight:650;padding:.12rem .5rem;border-radius:6px;background:#eef0f6;color:#55609a}.diff.d1{background:#e2f0ec;color:#3d7a6c}.diff.d3{background:#f8e6dd;color:#a0583a}.ml-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.1rem;align-items:start}.ml-layout>*{min-width:0}.ml-side{display:flex;flex-direction:column;gap:1rem;position:sticky;top:76px;align-self:start;max-height:calc(100vh - 90px);overflow-y:auto}.ml-parts{display:flex;gap:.4rem;flex-wrap:wrap}.ml-parts button{flex:1;min-width:150px;text-align:left;border:1.5px solid var(--line-2);background:var(--card);border-radius:14px;padding:.65rem .85rem;cursor:pointer;transition:border-color .2s,background .2s}.ml-parts button b{display:block;font-family:var(--serif);font-weight:560}.ml-parts button span{font-size:.8rem;color:var(--ink-2)}.ml-parts button.on{border-color:var(--amber);background:#fbf4e7}.ml-tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.ml-tools .seg-toggle button{min-width:42px;font-size:1.05rem}.ml-meter{display:flex;gap:4px;align-items:center}.ml-meter i{width:18px;height:8px;border-radius:4px;background:var(--line)}.ml-meter i.full{background:var(--amber)}.ml-targets{display:flex;gap:.4rem;flex-wrap:wrap}.ml-target{border:1.5px solid var(--line-2);background:var(--card);border-radius:999px;padding:.3rem .8rem;font-size:.85rem;cursor:pointer;display:flex;gap:.4rem;align-items:center}.ml-target.on{border-color:#c98a2e;background:#fbf4e7;font-weight:600}.ml-target .dot{width:8px;height:8px;border-radius:50%;background:var(--line-2)}.ml-target .dot.full{background:var(--good)}.hint-list{display:flex;flex-direction:column;gap:.45rem}.hint-chip{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);background:#fffcf6;border-radius:14px;padding:.45rem .5rem .45rem .7rem}.hint-chip .hi{width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;background:#f7edd8;color:#94702a;font-size:.95rem}.hint-chip .ht{flex:1;min-width:0;line-height:1.25}.hint-chip .ht b{display:block;font-size:.88rem;font-weight:600}.hint-chip .ht span{font-size:.76rem;color:var(--ink-2)}.hint-chip button{flex:none}.ml-note{border-radius:14px;padding:.7rem .9rem;font-size:.88rem;background:#f4f7f5;border:1px solid #DDE9E4;color:var(--ink)}.ml-note.soft{background:#fbf4e7;border-color:#f0ddb8}.ml-note b{font-weight:650}.ml-play{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.ml-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:flex-end}.pill-row{display:flex;gap:.35rem;flex-wrap:wrap}@media (max-width: 1000px){.ml-layout{grid-template-columns:1fr}.ml-side{position:static}}.ml-col{display:flex;flex-direction:column;gap:1rem;min-width:0}.lede-sm{max-width:760px;margin:.2rem 0 1.2rem}.ml-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:1rem}.ml-gcard .ml-score{margin-top:.4rem}.ml-score-card{padding-bottom:1rem}.ml-editor{display:flex;flex-direction:column;gap:.75rem}.note-icon{display:block}.ml-tools .seg-toggle button{display:grid;place-items:center;padding:.3rem .7rem}.mainnav a{white-space:nowrap}@media (max-width: 1000px){.topbar{gap:.8rem}.brand span{display:none}.mainnav a{padding:.4rem .65rem;font-size:.88rem}.profile-chip span{display:none}}.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tools-grid .tool-card{padding:1.4rem}@media (max-width: 1150px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.tools-grid{grid-template-columns:1fr}}.midi-help{position:relative;background:#fff8ec;border:1px solid #F0DDB8;border-radius:12px;padding:.75rem 2.2rem .75rem 1rem;margin:-.2rem 0 .8rem;font-size:.9rem;line-height:1.45}.midi-help p{margin:.35rem 0 0}.midi-help .x{position:absolute;top:.35rem;right:.5rem;border:none;background:none;font-size:1.2rem;cursor:pointer;color:var(--ink-2)}.keysig-staff svg{display:block}.keysig-staff.faded{opacity:.35}.why-ks{margin-top:.6rem}.why-stage{margin-top:.6rem;display:grid;grid-template-columns:auto 1fr;gap:.4rem .9rem;align-items:start;background:#fbfaf6;border:1px solid var(--line);border-radius:12px;padding:.7rem}.why-sig{opacity:0;transition:opacity 1.4s ease}.why-sig.in{opacity:1}.why-notes{margin:.2rem 0 .3rem;display:flex;gap:.45rem;flex-wrap:wrap;font-weight:700;font-size:1.05rem}.why-notes span{padding:0 .25rem;border-radius:6px;transition:background .3s,color .3s}.why-notes span.off{background:#fce6bf;color:#8a5a10}.why-notes span.fixed{background:#d9efe3;color:#2e6b4e}.why-notes span.now{outline:2px solid var(--lav)}.why-caption{margin:0;font-size:.92rem;line-height:1.45;min-height:3.9em}.why-piano{grid-column:1 / -1}.why-piano .pk{transition:background .45s ease}.keysig-box{display:flex;gap:.8rem;align-items:center;margin:.3rem 0 .5rem}.keysig-box p{margin:0}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#20262c47}.tour-spot{position:fixed;border-radius:14px;box-shadow:0 0 0 3px var(--sage),0 0 0 9999px #20262c2e;pointer-events:none;transition:all .3s ease}.tour-card{position:fixed;width:min(380px,calc(100vw - 24px));background:var(--card);border-radius:16px;padding:1rem 1.1rem .9rem;box-shadow:0 18px 50px #00000038}.tour-card.center{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-card h3{margin:.1rem 0 .4rem;font-family:var(--serif, "Fraunces Variable", serif)}.tour-body{font-size:.93rem;line-height:1.5;margin-bottom:.8rem}.tour-body p{margin:0 0 .5rem}.tour-count{margin:0;font-size:.75rem;color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase}.row.between{justify-content:space-between}.demo-card{background:#f3f7f4;border:1px solid #CFE3D8;border-radius:14px;padding:.75rem 1rem;margin-bottom:.6rem}.demo-card p{margin:.1rem 0 .5rem;line-height:1.5}.demo-card .eyebrow{margin:0}.ov-label.small{font-size:15px;font-weight:600}.page-lede{max-width:46rem;margin:.35rem 0 0;line-height:1.5}.demo-picker{margin-top:1.6rem}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.demo-tile{display:flex;flex-direction:column;gap:.6rem}.demo-tile .avatar{flex:none}.demo-tile h4{font-size:1.05rem}