:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--rim:#1a0a05;--panel:#170905;--bone:#f6ecd9;--bone-soft:#f6ecd9c2;--bone-faint:#f6ecd98a;--brass:#e8c37a;--amber:#ffca4a;--amber-deep:#f0a01e;--on-amber:#23100a;--hair:#f6ecd933;--hair-soft:#f6ecd91f;--glass:#f6ecd90d;--glass-lift:#f6ecd914;--hair-strong:#f6ecd947;--card:linear-gradient(160deg, #f6ecd90d, #f6ecd905);--thumb:#f6ecd924;--field:#0c05028c;--field-focus:#0c0502b8;--field-soft:#0c050259;--good:#7fd39b;--bad:#ff8a6a;--blue:#8ab4e8;--f-display:"Fraunces", Georgia, "Times New Roman", serif;--f-ui:"Source Sans 3", "Segoe UI", sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--nav-h:66px}:root[data-theme=vintage]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--rim:#f0eee9;--panel:#e8dcc4;--bone:#2c2318;--bone-soft:#5f5242;--bone-faint:#665c4c;--brass:#6d532e;--amber:#74502f;--amber-deep:#5a3b24;--on-amber:#f7eedd;--hair:#785a324d;--hair-soft:#785a3238;--glass:#ffffff59;--glass-lift:#ffffff75;--hair-strong:#5a41236b;--card:linear-gradient(160deg, #ffffff9e, #ffffff4d);--thumb:#5a412347;--good:#2f5c3b;--bad:#9a3826;--blue:#6d532e;--field:#ffffffb8;--field-focus:#fffffff0;--field-soft:#fff9}:root[data-theme=vintage] body{background-image:radial-gradient(60% 50% at 92% -8%,#74502f1a,#0000 62%),radial-gradient(50% 40% at -8% 108%,#b58a4c1a,#0000 62%)}:root[data-theme=electric]{--rim:#08080a;--panel:#0d0e10;--bone:#f2f4f7;--bone-soft:#aab2bb;--bone-faint:#777c83;--brass:#c8cdd3;--amber:#e6202e;--amber-deep:#c01320;--on-amber:#fff;--hair:#ffffff29;--hair-soft:#ffffff17;--glass:#ffffff12;--glass-lift:#ffffff1f;--good:#58e666;--bad:#f90a1f;--blue:#c8cdd3}:root[data-theme=electric] body{background-image:radial-gradient(60% 50% at 92% -8%,#e6202e29,#0000 62%),radial-gradient(50% 40% at -8% 108%,#c8cdd314,#0000 62%)}:root[data-theme=studio]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--rim:#eceef1;--panel:#e6e9ec;--bone:#14171a;--bone-soft:#565b62;--bone-faint:#64686d;--brass:#4b4d4f;--amber:#1c2024;--amber-deep:#111417;--on-amber:#fff;--hair:#141e2824;--hair-soft:#141e2817;--glass:#fff9;--glass-lift:#ffffffb8;--good:#256738;--bad:#ba3833;--blue:#4b4d4f}:root[data-theme=studio] body{background-image:radial-gradient(60% 50% at 92% -8%,#1c20240f,#0000 62%),radial-gradient(50% 40% at -8% 108%,#bcc0c61f,#0000 62%)}:root[data-theme=cyber]{--rim:#070802;--panel:#060703;--bone:#f4f6df;--bone-soft:#8fd8e6;--bone-faint:#818454;--brass:#22e3ff;--amber:#fcee0a;--amber-deep:#f2e400;--on-amber:#0b0d04;--hair:#fcee0a3d;--hair-soft:#fcee0a1c;--glass:#fcee0a0f;--glass-lift:#fcee0a21;--good:#00f9d1;--bad:#ff0079;--blue:#22e3ff}:root[data-theme=cyber] body{background-image:radial-gradient(60% 50% at 92% -8%,#fcee0a24,#0000 62%),radial-gradient(50% 40% at -8% 108%,#22e3ff24,#0000 62%)}:root[data-theme=synth]{--rim:#08050f;--panel:#0a0619;--bone:#eafcff;--bone-soft:#a6b4dc;--bone-faint:#6d78a4;--brass:#78ecff;--amber:#ff2d95;--amber-deep:#df227e;--on-amber:#0d0007;--hair:#b48cff3d;--hair-soft:#b48cff1f;--glass:#ffffff0f;--glass-lift:#ffffff1f;--good:#00f391;--bad:#f04;--blue:#78ecff}:root[data-theme=synth] body{background-image:radial-gradient(60% 50% at 92% -8%,#ff2d9529,#0000 62%),radial-gradient(50% 40% at -8% 108%,#78ecff1f,#0000 62%)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul,figure{margin:0}ul{padding:0;list-style:none}body{background-color:var(--rim);color:var(--bone);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;background-image:radial-gradient(60% 50% at 92% -8%,#f7b7331a,#0000 62%),radial-gradient(50% 40% at -8% 108%,#d2571c14,#0000 62%);background-attachment:fixed;line-height:1.5;position:relative;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:30;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}button{font:inherit;color:inherit}img,svg{max-width:100%;display:block}::selection{background:var(--amber);color:var(--on-amber)}.chip{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);background:var(--glass);border:1px solid var(--hair);border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 11px;font-size:9.5px;font-weight:600;display:inline-flex}.chip:before{content:"";background:var(--amber);width:6px;height:6px;box-shadow:0 0 10px var(--amber);border-radius:50%}.wrap{width:100%;max-width:1180px;margin:0 auto;padding-left:clamp(20px,5vw,56px);padding-right:clamp(20px,5vw,56px)}h1,h2,h3{font-family:var(--f-display);letter-spacing:0;text-wrap:balance}em{color:var(--amber);font-style:italic;font-weight:700}.btn{font-family:var(--f-ui);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:filter .18s,transform 70ms,border-color .18s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:var(--on-amber);background:linear-gradient(176deg, var(--amber) 0%, var(--amber-deep) 100%);box-shadow:0 0 0 1px #ffd67866,0 8px 22px #f0a01e38}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:100%;height:100%;transition:left .55s ease-out;position:absolute;top:0;left:-100%}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 0 0 1px #ffe09699,0 10px 28px #f0a01e52}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{filter:saturate(.4)brightness(.8);cursor:default;box-shadow:none}.btn-primary:disabled:before{display:none}.btn-ghost{color:var(--bone-soft);background:var(--glass);border:1px solid var(--hair)}.btn-ghost:hover{color:var(--bone);border-color:var(--hair-strong);background:var(--glass-lift)}.btn-sm{padding:8px 16px;font-size:12.5px}:where(a,button):focus-visible{outline:2px solid var(--amber);outline-offset:3px}.field{width:100%;font-family:var(--f-ui);color:var(--bone);background:var(--field);border:1px solid var(--hair);border-radius:10px;padding:12px 14px;font-size:14.5px;transition:border-color .18s,background-color .18s}.field::placeholder{color:var(--bone-faint)}.field:focus{background:var(--field-focus);border-color:#ffca4a80;outline:none}textarea.field{resize:vertical;min-height:72px;font-family:inherit}select.field{cursor:pointer}.config-warning{color:var(--bad);font-family:var(--f-mono);text-align:center;background:#ff8a6a1a;border-bottom:1px solid #ff8a6a4d;padding:10px 16px;font-size:11.5px}.nav{z-index:20;height:var(--nav-h);border-bottom:1px solid var(--hair-soft);background:var(--rim);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center;display:flex;position:sticky;top:0}.nav .wrap{justify-content:space-between;align-items:center;gap:20px;display:flex}.logo{font-family:var(--f-display);letter-spacing:.01em;color:var(--bone);align-items:baseline;gap:2px;font-size:22px;font-weight:700;text-decoration:none;transition:filter .2s;display:inline-flex}.logo:hover{filter:drop-shadow(0 0 10px #ffca4a73)}.nav-links{align-items:center;gap:22px;display:flex}.nav-links a{color:var(--bone-soft);padding-bottom:4px;font-size:13px;font-weight:500;text-decoration:none;transition:color .18s;position:relative}.nav-links a:after{content:"";background:var(--amber);height:1px;transition:right .22s cubic-bezier(.2,.7,.3,1);position:absolute;bottom:0;left:0;right:100%;box-shadow:0 0 8px #ffca4a99}.nav-links a:hover,.nav-links a.active{color:var(--bone)}.nav-links a:hover:after,.nav-links a.active:after{right:0}@media (width<=760px){.nav-links{display:none}}.nav-auth{align-items:center;gap:10px;display:flex}.admin-badge{color:var(--brass);font-family:var(--f-ui);cursor:pointer;background:#ffca4a1a;border:1px solid #ffca4a66;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.admin-badge:hover{color:var(--amber);background:#ffca4a2e;border-color:#ffca4a99}.admin-badge svg:first-child{color:var(--amber)}.account-menu{position:relative}.account-trigger{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;transition:box-shadow .18s}.account-trigger .avatar{border:2px solid #0000;transition:border-color .18s}.account-trigger:hover .avatar{border-color:#ffca4a73}.account-trigger.is-open .avatar{border-color:var(--amber)}.account-overlay{z-index:30;background:var(--panel);border:1px solid var(--hair);width:300px;max-height:calc(100vh - var(--nav-h) - 24px);opacity:0;transform-origin:100% 0;pointer-events:none;border-radius:16px;padding:14px;transition:opacity .16s,transform .16s cubic-bezier(.2,.7,.3,1);position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto;transform:translateY(-6px)scale(.98);box-shadow:0 18px 44px #00000073}.account-overlay.is-open{opacity:1;pointer-events:auto;transform:none}.account-head{border-bottom:1px solid var(--hair-soft);align-items:center;gap:10px;padding-bottom:12px;display:flex}.account-head .dot-lg{background:linear-gradient(160deg, var(--amber), var(--amber-deep));width:36px;height:36px;color:var(--on-amber);font-family:var(--f-display);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.account-id{flex:1;min-width:0}.account-name{color:var(--bone);font-size:13.5px;font-weight:600}.account-email{color:var(--bone-faint);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.account-name-edit{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;max-width:100%;padding:0;font-family:inherit;transition:color .14s;display:inline-flex}.account-name-edit svg{opacity:0;width:11px;height:11px;color:var(--brass);flex:none;transition:opacity .14s}.account-name-edit:hover{color:var(--amber)}.account-name-edit:hover svg,.account-name-edit:focus-visible svg{opacity:1}.account-name-form{gap:6px;display:grid}.account-name-form .field{padding:6px 9px;font-size:13px}.account-name-actions{gap:6px;display:flex}.account-name-error{color:var(--bad);margin-top:4px;font-size:11.5px}.account-links{border-bottom:1px solid var(--hair-soft);padding:8px 0;display:grid}.account-links a{color:var(--bone-soft);border-radius:8px;padding:8px 6px;font-size:13px;text-decoration:none;transition:background-color .14s,color .14s;display:block}.account-links a:hover,.account-links a.active{background:var(--glass);color:var(--bone)}.auth-panel-compact{max-width:none;margin:12px 0}.auth-panel-compact .auth-tabs{margin-bottom:10px}.auth-panel-compact .field{padding:9px 11px;font-size:13px}.theme-picker{border-top:1px solid var(--hair-soft);border-bottom:1px solid var(--hair-soft);margin-bottom:8px;padding:10px 0}.account-links-label{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bone-faint);margin-bottom:8px;font-size:10px;font-weight:600}.theme-swatches{grid-template-columns:1fr 1fr;gap:6px;display:grid}.theme-swatch{color:var(--bone-soft);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:background-color .14s,border-color .14s,color .14s;display:flex}.theme-swatch:hover{background:var(--glass);color:var(--bone)}.theme-swatch.is-active{border-color:var(--hair);background:var(--glass);color:var(--bone);font-weight:600}.theme-swatch-dot{border:2px solid;border-radius:50%;flex:none;width:14px;height:14px}.account-logout{text-align:left;width:100%;color:var(--bad);cursor:pointer;background:0 0;border:0;border-radius:8px;margin-top:8px;padding:8px 6px;font-size:13px;transition:background-color .14s;display:block}.account-logout:hover{background:#ff8a6a1a}.avatar-photo{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-edit{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.avatar-edit .avatar-edit-badge{background:var(--amber);width:16px;height:16px;color:var(--on-amber);border:2px solid var(--panel);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.avatar-edit .avatar-edit-badge svg{width:9px;height:9px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0402b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--hair);border-radius:18px;width:100%;max-width:360px;padding:22px;box-shadow:0 24px 70px #00000080}.modal-title{font-family:var(--f-display);margin-bottom:16px;font-size:17px;font-weight:600}.crop-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;border-radius:12px;margin:0 auto;position:relative;overflow:hidden}.crop-circle{cursor:move;box-sizing:border-box;border:2px solid #fffffff2;border-radius:50%;position:absolute;box-shadow:0 0 0 9999px #0000008c}.crop-size-row{color:var(--bone-faint);align-items:center;gap:10px;margin:16px 0 4px;font-size:12px;display:flex}.crop-size-row input[type=range]{accent-color:var(--amber);flex:1}.rich-toolbar{align-items:center;gap:4px;display:flex}.rich-btn{width:30px;height:30px;color:var(--bone-faint);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;font-size:13.5px;transition:color .14s,background-color .14s;display:inline-flex}.rich-btn-italic{font-family:serif;font-style:italic}.rich-btn:hover{color:var(--bone);background:var(--glass)}.rich-btn:disabled{opacity:.5;cursor:default}.rich-sep{background:var(--hair);width:1px;height:18px;margin:0 2px}.rich-emoji{position:relative}.emoji-picker{z-index:40;box-sizing:border-box;background:var(--panel);border:1px solid var(--hair);border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;width:220px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 14px 36px #0006}.emoji-picker button{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;min-width:0;padding:0;font-size:18px;line-height:1;display:flex}.emoji-picker button:hover{background:var(--glass)}.post-body img,.rich-editor-body img{object-fit:contain;border-radius:10px;max-width:100%;max-height:320px;margin:8px 0;display:block}.rich-editor-body{width:100%;color:var(--bone);background:var(--field-soft);border:1px solid var(--hair);word-break:break-word;border-radius:10px;max-height:50vh;padding:11px 13px;font-size:14.5px;line-height:1.6;overflow-y:auto}.rich-editor-body:focus{border-color:#ffca4a80;outline:none}.rich-editor-body:empty:before{content:attr(data-placeholder);color:var(--bone-faint);pointer-events:none}.rich-editor-video{margin-top:10px}.rich-editor-progress{color:var(--bone-faint);margin:8px 0 0;font-size:.82rem}.rich-toolbar{margin-top:8px}.rich-btn.is-active{color:var(--amber);background:#ffca4a1f}.rich-color{position:relative}.rich-color-swatch-a{border-bottom:2px solid var(--bad);padding-bottom:1px;font-size:12px;font-weight:700}.rich-popover{z-index:40;background:var(--panel);border:1px solid var(--hair);border-radius:12px;padding:10px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 14px 36px #0006}.rich-color-popover{align-items:center;gap:7px;display:flex}.rich-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:transform .14s}.rich-color-dot:hover{transform:scale(1.15)}.rich-video-popover{width:300px}.rich-video-popover .field{padding:8px 10px;font-size:13px}.video-field-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.video-field-row .field{flex:1;min-width:140px}.video-field-or{color:var(--bone-faint);flex:none;font-size:11.5px}.video-field-preview{margin-top:10px}.video-field-remove{color:var(--bad);cursor:pointer;background:0 0;border:0;margin-top:6px;padding:0;font-size:12px;display:inline-block}.post-manage{gap:4px;margin-left:auto;display:flex}.post-manage-btn{width:26px;height:26px;color:var(--bone-faint);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;transition:color .14s,background-color .14s;display:inline-flex}.post-manage-btn:hover{color:var(--bone);background:var(--glass)}.post-edit{margin-top:8px}.page-head{padding:clamp(24px,5vh,40px) 0 clamp(18px,3vh,24px)}.page-head h1{font-size:clamp(24px,3.4vw,36px);font-weight:600}.page-head p{color:var(--bone-soft);max-width:60ch;margin-top:8px;font-size:13.5px}.page-hero{border-bottom:1px solid var(--hair-soft);padding:clamp(40px,7vh,64px) 0 clamp(30px,5vh,44px);position:relative;overflow:hidden}.page-hero-glow{z-index:0;pointer-events:none;background-image:radial-gradient(55% 70% at 88% 0,#f7b73333,#0000 68%),radial-gradient(45% 60% at 4% 105%,#d2571c29,#0000 70%);animation:16s ease-in-out infinite alternate drift;position:absolute;inset:-10%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(-2%,2%)scale(1.04)}}.page-hero .wrap{z-index:2;position:relative}.page-hero h1{max-width:17ch;margin-top:16px;font-size:clamp(30px,4.6vw,48px);font-weight:600;line-height:1.06}.page-hero .lede{color:var(--bone-soft);max-width:56ch;margin-top:12px;font-size:14.5px}.strings{z-index:1;pointer-events:none;opacity:.68;position:absolute;inset:0}.strings svg{width:100%;height:100%;display:block;overflow:visible}.strings line{stroke-linecap:round;opacity:.3;transform-origin:50%}.s1,.s2,.s3{stroke:#b9bfc4}.s4,.s5,.s6{stroke:var(--brass)}.strings .s6{animation:3.4s ease-in-out infinite wob-bass,4.2s ease-in-out infinite shimmer}.strings .s5{animation:3s ease-in-out .25s infinite reverse wob-bass,4.2s ease-in-out .25s infinite shimmer}.strings .s4{animation:2.7s ease-in-out .5s infinite wob-bass,4.2s ease-in-out .5s infinite shimmer}.strings .s3{animation:2.3s ease-in-out .75s infinite reverse wob-treble,4.2s ease-in-out .75s infinite shimmer}.strings .s2{animation:2s ease-in-out 1s infinite wob-treble,4.2s ease-in-out 1s infinite shimmer}.strings .s1{animation:1.7s ease-in-out 1.25s infinite reverse wob-treble,4.2s ease-in-out 1.25s infinite shimmer}@keyframes wob-bass{0%,to{transform:translateY(0)}30%{transform:translateY(-1.7px)}65%{transform:translateY(1.2px)}}@keyframes wob-treble{0%,to{transform:translateY(0)}35%{transform:translateY(1.1px)}70%{transform:translateY(-.8px)}}@keyframes shimmer{0%,to{opacity:.18}50%{opacity:.55}}@media (width<=700px){.strings{opacity:.35}}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.3,1),transform .6s cubic-bezier(.2,.7,.3,1);transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:none}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}@media (width<=520px){.hero-ctas .btn{flex:1}}.jump{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.jump a{border:1px solid var(--hair);background:var(--glass);color:var(--bone-soft);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:500;text-decoration:none;transition:border-color .18s,color .18s,background-color .18s;display:inline-flex}.jump a:hover{color:var(--bone);border-color:var(--hair-strong);background:var(--glass-lift)}.dot{border-radius:50%;flex:none;width:8px;height:8px}.page-no-hero{padding-top:clamp(22px,4vh,38px)}.forum{padding-bottom:clamp(40px,8vh,72px)}.forum-grid{align-items:flex-start;gap:20px;display:flex}.feed-col{flex:1;min-width:0}@media (width<=1100px){.forum-grid{flex-wrap:wrap}.side-right{flex-flow:wrap;order:-1;width:100%;position:static}.side-right>*{flex:1;min-width:240px}}@media (width<=600px){.side-right{flex-direction:column}}.category-filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.category-pill{border:1px solid var(--hair);background:var(--glass);color:var(--bone-soft);font-family:var(--f-ui);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-size:13px;font-weight:600;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.category-pill svg{opacity:.75;flex:none}.category-pill:hover{color:var(--bone);border-color:var(--hair-strong)}.category-pill.is-active{background:var(--amber);border-color:var(--amber);color:var(--on-amber)}.category-pill.is-active .cat-count{color:var(--on-amber);border-color:#0000002e}.community-search{margin-bottom:18px}.panel{border:1px solid var(--hair);background:var(--card);border-radius:16px;padding:16px}.side-left{width:230px;top:calc(var(--nav-h) + 16px);flex-direction:column;flex-shrink:0;gap:14px;display:flex;position:sticky}@media (width<=860px){.side-left{width:100%;position:static}}.side-right{width:280px;top:calc(var(--nav-h) + 16px);flex-direction:column;flex-shrink:0;gap:16px;display:flex;position:sticky}.cat-list{gap:2px;display:grid}.cat-list button{text-align:left;width:100%;color:var(--bone-soft);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;transition:background-color .16s,color .16s;display:flex}.cat-list button svg{color:var(--bone-faint);flex:none;transition:color .16s}.cat-list button:hover{background:var(--glass);color:var(--bone)}.cat-list button:hover svg{color:var(--bone-soft)}.cat-list button.is-active{color:var(--brass);background:#ffca4a1a;font-weight:600}.cat-count{font-family:var(--f-mono);color:var(--bone-faint);background:var(--glass);border:1px solid var(--hair);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:600}.cat-list button.is-active .cat-count{color:var(--brass);border-color:#e8c37a4d}.community-stats-row{align-items:center;display:flex}.community-stat{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.community-stats-sep{background:var(--hair-soft);flex:none;align-self:stretch;width:1px}.community-stat-icon{color:var(--brass)}.community-stat-icon-dot{place-items:center;width:20px;height:20px;display:grid}.online-dot{background:var(--good);border-radius:50%;width:9px;height:9px;display:block;position:relative}.online-dot:after{content:"";background:var(--good);border-radius:50%;animation:1.8s ease-out infinite online-pulse;position:absolute;inset:0}@keyframes online-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.community-stat-num{font-family:var(--f-display);color:var(--bone);font-size:22px;font-weight:600;line-height:1}.community-stat-label{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bone-faint);font-size:9.5px}.community-online-grid{border-top:1px solid var(--hair-soft);grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;padding-top:14px;display:grid}.community-online-item{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.community-online-item .avatar{width:34px;height:34px;font-size:12px}.community-online-name{color:var(--bone-soft);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;overflow:hidden}.community-online-more{background:var(--glass);color:var(--bone-faint);font-family:var(--f-mono);place-items:center;font-size:10px;font-weight:600;display:grid}.community-stats-empty{border-top:1px solid var(--hair-soft);color:var(--bone-faint);text-align:center;margin-top:14px;padding-top:14px;font-size:12px}@media (prefers-reduced-motion:reduce){.online-dot:after{opacity:0;animation:none}}.activity-feed{padding:0;overflow:hidden}.activity-feed-head{border-bottom:1px solid var(--hair-soft);padding:14px 16px}.activity-feed-title{font-family:var(--f-display);color:var(--bone);font-size:14.5px;font-weight:600}.activity-feed-list{max-height:520px;display:grid;overflow-y:auto}.activity-item{border-bottom:1px solid var(--hair-soft);align-items:flex-start;gap:9px;padding:11px 16px;display:flex}.activity-item:last-child{border-bottom:0}.activity-item .avatar{flex:none;width:26px;height:26px;margin-top:1px;font-size:10px}.activity-item-body{flex-direction:column;gap:3px;min-width:0;display:flex}.activity-item-text{color:var(--bone-soft);font-size:12.5px;line-height:1.5}.activity-item-text svg{vertical-align:-1px;color:var(--brass);margin-right:3px}.activity-item-text strong{color:var(--bone);font-weight:600}.activity-item-text a{color:var(--amber);text-decoration:none}.activity-item-text a:hover{text-decoration:underline}.activity-item-time{font-family:var(--f-mono);color:var(--bone-faint);font-size:9.5px}.activity-item.is-admin{padding-right:34px;position:relative}.activity-item-del{border:1px solid var(--hair);width:20px;height:20px;color:var(--bone-faint);cursor:pointer;opacity:.45;background:0 0;border-radius:6px;place-items:center;font-size:11px;line-height:1;transition:opacity .15s,color .15s,border-color .15s;display:grid;position:absolute;top:8px;right:8px}.activity-item:hover .activity-item-del{opacity:1}.activity-item-del:hover{color:var(--bad);border-color:var(--bad);opacity:1}.auth-panel{max-width:420px;margin-bottom:22px}.auth-tabs{gap:8px;margin-bottom:16px;display:flex}.auth-tabs button{background:var(--glass);border:1px solid var(--hair);color:var(--bone-soft);cursor:pointer;border-radius:10px;flex:1;padding:9px;font-size:13px;font-weight:600}.auth-tabs button.is-active{color:var(--on-amber);background:linear-gradient(176deg, var(--amber), var(--amber-deep));border-color:#0000}.auth-form{gap:10px;display:grid}.auth-msg{color:var(--bad);min-height:16px;font-size:12px}.auth-msg.is-ok{color:var(--good)}.auth-msg:empty{display:none}.auth-forgot{color:var(--brass);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:11.5px;text-decoration:underline}.composer{gap:12px;margin-bottom:22px;display:grid}.composer-glow{transition:border-color .25s,box-shadow .25s}.composer-glow:focus-within{border-color:#ffca4a66;box-shadow:0 0 0 4px #ffca4a14}.composer-top{align-items:flex-start;gap:12px;display:flex}.composer-top .field{flex:1}.composer-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.composer-row select{flex:none;width:auto}.composer-row .btn{margin-left:auto}.field-group{gap:8px;display:grid}.field-label{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bone-faint);font-size:10px;font-weight:600}.field-hint{color:var(--bone-faint);margin-top:-2px;font-size:12px}.video-embed{aspect-ratio:16/9;border:1px solid var(--hair);background:#000;border-radius:12px;width:100%;margin-top:4px;position:relative;overflow:hidden}.video-embed iframe,.video-embed video{border:0;width:100%;height:100%;display:block}.video-link{color:var(--brass);align-items:center;gap:6px;font-size:12.5px;font-weight:600;text-decoration:none;transition:color .16s;display:inline-flex}.video-link:hover{color:var(--amber)}.feed{gap:14px;display:grid}.post{border:1px solid var(--hair);border-left:3px solid var(--post-accent,var(--hair));background:var(--card);border-radius:16px;padding:18px 20px}.post:hover{border-color:var(--hair-strong);border-left-color:var(--post-accent,var(--hair-strong))}.post-tilt,.tut{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s,border-color .2s,box-shadow .22s;position:relative}.post-tilt:before,.tut:before{content:"";border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), #ffca4a24, transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.post-tilt:hover:before,.tut:hover:before{opacity:1}@media (prefers-reduced-motion:reduce),(hover:none){.post-tilt,.tut{transform:none!important}}.post-head{align-items:center;gap:10px;display:flex}.avatar{width:32px;height:32px;font-family:var(--f-display);color:var(--on-amber);background:linear-gradient(160deg, var(--amber), var(--amber-deep));border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:600;display:grid}.avatar-empty,.account-head .dot-lg.avatar-empty{background:var(--glass);border:1px solid var(--hair);color:var(--bone-faint)}.avatar-empty svg{width:58%;height:58%}.avatar-lg{width:40px;height:40px;margin-top:2px;font-size:15px}.avatar-sm{width:20px;height:20px;font-size:9px}.post-name{color:var(--bone);font-size:13px;font-weight:600}.post-meta{color:var(--bone-faint);font-size:11px}.tag{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--hair);color:var(--bone-faint);border-radius:999px;margin-bottom:12px;padding:3px 9px;font-size:9px;font-weight:600;display:inline-block}.tag-presente-toi{color:#8ab4e8;background:#8ab4e814;border-color:#8ab4e852}.tag-technique{color:var(--brass);background:#e8c37a14;border-color:#e8c37a52}.tag-repertoire{color:#c9a6f0;background:#c9a6f014;border-color:#c9a6f052}.tag-victoires{color:var(--good);background:#7fd39b14;border-color:#7fd39b52}.post-title{font-family:var(--f-display);color:var(--bone);margin:12px 0 0;font-size:16px;font-weight:600;line-height:1.35}.post-title+.post-body{margin-top:6px}.post-body{color:var(--bone-soft);white-space:pre-wrap;margin-top:10px;font-size:13.5px;line-height:1.6}.composer-title{border:0;border-bottom:1px solid var(--hair-soft);width:100%;font-family:var(--f-display);color:var(--bone);background:0 0;margin-bottom:10px;padding:2px 0 9px;font-size:16px;font-weight:600}.composer-title::placeholder{color:var(--bone-faint);font-weight:500}.composer-title:focus{border-bottom-color:var(--amber);outline:none}.post-foot{align-items:center;gap:10px;margin-top:12px;display:flex}.feed-state{text-align:center;color:var(--bone-faint);border:1px dashed var(--hair);border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:44px 18px;font-size:13px;display:flex}.feed-state-icon{opacity:.45}.empty{text-align:center;border:1px solid var(--hair);background:radial-gradient(120% 100% at 50% 0,#ffca4a0d,#0000 60%);border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:52px 24px;display:flex}.empty-badge{width:52px;height:52px;color:var(--amber);background:linear-gradient(160deg,#ffca4a29,#ffca4a0a);border:1px solid #ffca4a40;border-radius:16px;place-items:center;margin-bottom:8px;display:grid}.empty-title{font-family:var(--f-display);color:var(--bone);font-size:18px;font-weight:600}.empty-text{color:var(--bone-faint);max-width:38ch;font-size:13px}.skel{border:1px solid var(--hair-soft);border-radius:16px;padding:18px 20px}.skel-row{align-items:center;gap:10px;display:flex}.skel-lines{gap:6px;display:grid}.skel-dot,.skel-line{background:linear-gradient(90deg, var(--hair-soft) 25%, var(--hair) 37%, var(--hair-soft) 63%);background-size:400% 100%;animation:1.6s ease-in-out infinite skel-pulse}.skel-dot{border-radius:50%;flex:none;width:32px;height:32px}.skel-line{border-radius:6px;height:10px;display:block}@keyframes skel-pulse{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skel-dot,.skel-line{opacity:.5;animation:none}}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--rim)}::-webkit-scrollbar-thumb{background:var(--thumb);border:3px solid var(--rim);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#e8c37a59}html{scrollbar-color:var(--thumb) var(--rim);scrollbar-width:thin}.stars{color:var(--hair);gap:2px;font-size:15px;display:inline-flex}.star.is-filled{color:var(--amber)}.star-picker{gap:4px;display:inline-flex}.star-btn{color:var(--hair);cursor:pointer;background:0 0;border:0;padding:2px;font-size:24px;line-height:1;transition:transform .1s}.star-btn:hover{transform:scale(1.12)}.star-btn.is-filled{color:var(--amber)}.format-picker{flex-wrap:wrap;gap:8px;display:flex}.format-btn{background:var(--glass);border:1px solid var(--hair);color:var(--bone-soft);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:12.5px;font-weight:500;transition:border-color .16s,color .16s,background-color .16s;display:inline-flex}.format-btn svg{flex:none}.format-btn:hover{color:var(--bone);border-color:var(--hair-strong)}.format-btn.is-active{color:var(--on-amber);background:linear-gradient(176deg, var(--amber), var(--amber-deep));border-color:#0000;font-weight:600}.format-btn:disabled{opacity:.4;cursor:default}.format-btn:disabled:hover{color:var(--bone-soft);border-color:var(--hair)}.star-filter .stars{gap:1px;font-size:13px}.star-filter .format-btn.is-active .star{color:#00000038}.star-filter .format-btn.is-active .star.is-filled{color:var(--on-amber)}.format-badge{font-family:var(--f-mono);letter-spacing:.04em;color:var(--bone-faint);align-items:center;gap:5px;font-size:9.5px;font-weight:600;display:inline-flex}.tutos-body{padding-bottom:clamp(48px,8vh,80px)}.tuto-band{scroll-margin-top:calc(var(--nav-h) + 16px);margin-top:clamp(32px,5vh,48px);position:relative}.tuto-band-head{z-index:1;align-items:center;gap:10px;margin-bottom:18px;display:flex;position:relative}.tuto-band-head h2{font-size:clamp(19px,2.2vw,26px);font-weight:600}.tuto-band-head .count{font-family:var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--bone-faint);margin-left:auto;font-size:10px}.tut-grid{z-index:1;grid-template-columns:1fr;gap:16px;display:grid;position:relative}@media (width>=640px){.tut-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.tut-grid{grid-template-columns:repeat(3,1fr)}.tut-grid-modules{grid-template-columns:repeat(4,1fr)}}.tut{border:1px solid var(--hair);border-top:3px solid var(--band-accent,var(--hair));background:var(--card);border-radius:16px;padding:18px 20px;box-shadow:0 0 #0000}.tut-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tut h3{color:var(--bone);margin-top:10px;font-size:15.5px;font-weight:600}.tut p{color:var(--bone-soft);margin-top:6px;font-size:13px;line-height:1.55}.tut-guide-tag{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brass);border:1px solid color-mix(in srgb, var(--brass) 40%, transparent);border-radius:999px;padding:3px 9px;font-size:10px}.tut-module{text-align:center;flex-direction:column;align-items:center;padding:26px 20px 24px;display:flex}.tut-module h3{margin-top:14px;font-size:16.5px}.tut-foot{border-top:1px solid var(--hair-soft);color:var(--bone-faint);align-items:center;gap:8px;margin-top:14px;padding-top:12px;font-size:11.5px;display:flex}.admin-list{gap:12px;margin-top:24px;display:grid}.tuto-review{border:1px solid var(--hair);border-left:3px solid var(--amber);background:var(--glass);border-radius:14px;margin-bottom:clamp(32px,5vh,48px);padding:20px}.tuto-review .tuto-band-head{margin-bottom:0}.tuto-review .admin-list{margin-top:18px}.tuto-propose{border-top:1px solid var(--hair-soft);scroll-margin-top:calc(var(--nav-h) + 16px);margin-top:clamp(40px,6vh,64px);padding-top:clamp(28px,4vh,40px)}.tuto-propose-lede{max-width:56ch;color:var(--bone-soft);margin:-6px 0 18px;font-size:13.5px;line-height:1.6}.tuto-propose .empty{margin-bottom:14px}.admin-item .post-foot{gap:10px}.msg-shell{height:calc(100vh - var(--nav-h) - 110px);border:1px solid var(--hair);background:color-mix(in srgb, var(--panel) 92%, var(--glass));min-height:460px;box-shadow:0 2px 12px color-mix(in srgb, var(--rim) 60%, transparent);border-radius:16px;display:flex;overflow:hidden}.msg-list{border-right:1px solid var(--hair);flex-shrink:0;width:260px;overflow-y:auto}.msg-list-head{border-bottom:1px solid var(--hair-soft);font-family:var(--f-display);color:var(--bone);justify-content:space-between;align-items:center;padding:14px 16px;font-size:16px;font-weight:600;display:flex}.msg-new{cursor:pointer;width:30px;height:30px;color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, transparent);border:0;border-radius:8px;place-items:center;font-size:19px;font-weight:700;line-height:1;transition:background-color .15s,color .15s;display:grid}.msg-new.is-open{color:var(--on-amber);background:var(--amber)}.msg-new-panel{border-bottom:1px solid var(--hair-soft);padding:10px 12px}.msg-new-panel .field{width:100%;padding:8px 10px;font-size:13px}.msg-new-results{max-height:220px;margin-top:6px;overflow-y:auto}.msg-new-member{width:100%;color:var(--bone);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:8px;font-size:13px;font-weight:600;display:flex}.msg-new-member:hover{background:var(--glass-lift)}.msg-empty{color:var(--bone-faint);margin:0;padding:20px 16px;font-size:14px}.msg-item{border-left:3px solid #0000;border-bottom:1px solid var(--hair-soft);cursor:pointer;align-items:center;gap:10px;padding:14px 16px 14px 13px;transition:background-color .15s;display:flex}.msg-item:hover{background:var(--glass)}.msg-item.is-active{background:color-mix(in srgb, var(--amber) 11%, transparent);border-left-color:var(--amber)}.msg-item:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.msg-avatar{width:34px;height:34px;font-size:13px}.msg-avatar-sm{width:30px;height:30px;font-size:12px}.msg-item-text{flex:1;min-width:0}.msg-item-name{color:var(--bone);align-items:center;gap:6px;font-size:14.5px;font-weight:600;display:flex}.msg-item-name span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msg-item-preview{color:var(--bone-faint);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.msg-unread{background:var(--amber);border-radius:50%;flex-shrink:0;width:8px;height:8px}.msg-item-delete{color:var(--hair);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;padding:4px;transition:color .15s;display:flex}.msg-item-delete:hover{color:var(--bad)}.msg-conv{flex-direction:column;flex:1;min-width:0;display:flex}.msg-conv-head{border-bottom:1px solid var(--hair-soft);font-family:var(--f-display);color:var(--bone);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;font-size:16px;font-weight:600;display:flex}.msg-back{color:var(--amber);cursor:pointer;background:0 0;border:0;padding:2px 4px;display:flex}.msg-pick{color:var(--bone-faint);flex:1;justify-content:center;align-items:center;font-size:15px;display:flex}.msg-thread{flex:1;padding:16px;overflow-y:auto}.msg-first{text-align:center;color:var(--bone-faint);margin-top:40px;font-size:15px}.chat-row{align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.chat-row.is-ben{flex-direction:row-reverse}.chat-col{flex-direction:column;align-items:flex-start;min-width:0;max-width:75%;display:flex}.chat-row.is-ben .chat-col{align-items:flex-end}.chat-col.is-editing{width:100%;max-width:100%}.chat-bubble{box-sizing:border-box;background:var(--glass-lift);max-width:100%;color:var(--bone);border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:15px;line-height:1.5}.chat-row.is-ben .chat-bubble{background:linear-gradient(170deg, var(--amber), var(--amber-deep));color:var(--on-amber);border-radius:14px 14px 4px}.chat-col.is-editing .chat-bubble{width:100%}.chat-bubble-name{color:var(--amber);margin-bottom:2px;font-size:13px;font-weight:700}.chat-row.is-ben .chat-bubble-name{color:color-mix(in srgb, var(--on-amber) 80%, transparent)}.chat-bubble-body{white-space:pre-wrap;word-break:break-word;margin:0}.chat-bubble-edited{opacity:.6;margin-top:2px;font-size:11px}.chat-bubble-read{text-align:right;opacity:.65;margin-top:3px;font-size:10.5px}.chat-time{color:var(--bone-faint);white-space:nowrap;margin-top:3px;padding:0 4px;font-size:11px}.chat-reactions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.chat-reaction{cursor:pointer;color:inherit;background:color-mix(in srgb, currentColor 10%, transparent);border:1px solid #0000;border-radius:99px;align-items:center;gap:3px;padding:1px 8px;font-family:inherit;font-size:12.5px;display:flex}.chat-reaction span{font-size:11.5px;font-weight:600}.chat-reaction.is-active{border-color:color-mix(in srgb, currentColor 35%, transparent);background:color-mix(in srgb, currentColor 20%, transparent)}.chat-actions{flex-direction:column;gap:4px;display:flex}.chat-action{cursor:pointer;border:1px solid var(--hair);background:var(--glass);color:var(--bone-soft);border-radius:6px;place-items:center;padding:5px 6px;display:grid}.chat-action.is-danger{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 40%, transparent)}.chat-edit textarea{resize:vertical;width:100%;min-height:80px;font-size:14px}.chat-edit-actions{gap:6px;margin-top:4px;display:flex}.chat-edit-actions button{cursor:pointer;border:1px solid color-mix(in srgb, currentColor 30%, transparent);color:inherit;background:0 0;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.chat-composer{border-top:1px solid var(--hair-soft);flex-shrink:0;align-items:flex-end;gap:10px;padding:8px 12px 16px;display:flex}.chat-composer textarea{resize:vertical;flex:1;min-height:44px;max-height:140px}@media (width<=640px){.msg-shell{height:calc(100vh - var(--nav-h) - 60px);box-shadow:none;border-left:0;border-right:0;border-radius:0}.msg-list{border-right:0;width:100%}.msg-avatar{width:44px;height:44px;font-size:15px}.msg-item-name{font-size:16px}.msg-item-preview{font-size:14.5px}.chat-col{max-width:94%}.chat-bubble{padding:10px 14px}}.wrap-narrow{max-width:640px}.rs-wrap{max-width:1100px}.tool-tabs{gap:8px;margin-bottom:22px;display:flex}.tool-tab{background:var(--glass);border:1px solid var(--hair);min-width:0;font-family:var(--f-ui);color:var(--bone-soft);cursor:pointer;border-radius:999px;flex:1;padding:11px;font-size:13.5px;font-weight:600;transition:color .16s,border-color .16s,background-color .16s}.tool-tab:hover{color:var(--bone);border-color:var(--hair-strong)}.tool-tab.is-active{color:var(--on-amber);background:linear-gradient(176deg, var(--amber), var(--amber-deep));border-color:#0000}.tool-panel{border:1px solid var(--hair);background:var(--card);border-radius:20px;margin-bottom:clamp(40px,8vh,72px);padding:28px 26px}.tuner-head{text-align:center;margin-bottom:14px}.tuner-note{font-family:var(--f-display);font-size:46px;font-weight:600;line-height:1.1;transition:color .15s}.tuner-oct{font-family:var(--f-mono);opacity:.7;margin-left:2px;font-size:16px}.tuner-status{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:11.5px;transition:color .15s}.meter{background:var(--glass);border:1px solid var(--hair-soft);border-radius:14px;margin-bottom:20px;padding:14px 16px 8px}.meter-scale{height:34px;position:relative}.meter-safe{background:var(--good);opacity:.16;border-radius:8px;width:8%;position:absolute;top:4px;bottom:4px;left:46%}.tick{background:var(--hair);width:1px;height:7px;margin-left:-.5px;position:absolute;bottom:0}.tick-mid{background:var(--hair-soft);height:12px}.tick-major{width:1.5px;height:17px;margin-left:-.75px}.tick-center{background:var(--good);opacity:.95;width:2px;height:17px;margin-left:-1px}.meter-needle{border-radius:1.5px;width:3px;margin-left:-1.5px;transition:left 90ms,background-color .15s;position:absolute;top:2px;bottom:0}.meter-needle:before{content:"";background:inherit;border-radius:50%;width:11px;height:11px;margin-left:-5.5px;position:absolute;top:-5px;left:50%}.meter-nums{font-family:var(--f-mono);letter-spacing:.05em;color:var(--bone-faint);justify-content:space-between;margin-top:4px;font-size:9px;display:flex}.tuner-strings{gap:8px;margin-bottom:22px;display:grid}.string-row{cursor:pointer;background:0 0;border:0;border-radius:12px;height:52px;transition:background-color .16s;position:relative}.string-row:hover{background:var(--glass)}.string-row.is-locked{background:#ffca4a14}.string-line{border-radius:1px;height:2px;margin-top:-1px;transition:background-color .15s,opacity .15s;position:absolute;top:50%;left:0;right:0}.string-dot{width:44px;height:44px;font-family:var(--f-display);color:var(--on-amber);border-radius:50%;place-items:center;margin-top:-22px;margin-left:-22px;font-size:15px;font-weight:600;transition:left .15s,background-color .15s,box-shadow .15s;display:grid;position:absolute;top:50%}.string-dot sub{font-family:var(--f-mono);opacity:.75;margin-left:1px;font-size:9px;bottom:0}.tuner-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tuning-select{cursor:pointer;flex:1;min-width:180px}.mic-btn{background:var(--glass);border:1px solid var(--hair);font-family:var(--f-ui);color:var(--bone-soft);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;font-weight:600;transition:color .16s,border-color .16s,background-color .16s;display:inline-flex;position:relative}.mic-btn:hover{color:var(--bone);border-color:var(--hair-strong)}.mic-btn.is-on{color:var(--on-amber);background:linear-gradient(176deg, var(--amber), var(--amber-deep));border-color:#0000}.mic-btn:not(.is-on){color:var(--bone);border-color:var(--amber);animation:1.9s ease-in-out infinite mic-call}.mic-btn:not(.is-on):hover,.mic-btn:not(.is-on):focus-visible{animation-play-state:paused}@keyframes mic-call{0%,to{border-color:var(--hair);box-shadow:0 0 #ffca4a00}50%{border-color:var(--amber);box-shadow:0 0 0 5px #ffca4a29}}.mic-wave{background:var(--amber);pointer-events:none;border-radius:999px;transition:opacity .1s,transform .1s;position:absolute;inset:-6px}.tuner-error{color:var(--bad);text-align:center;margin-top:14px;font-size:12.5px}.metro-body{flex-direction:column;align-items:center;display:flex}.metro-pendulum{width:150px;height:150px;margin-bottom:10px;position:relative}.metro-base{background:var(--amber);border-radius:5px;width:86px;height:11px;margin-left:-43px;position:absolute;bottom:0;left:50%}.metro-rod{background:var(--brass);transform-origin:bottom;border-radius:3px;width:6px;height:124px;margin-left:-3px;transition:transform 50ms linear;position:absolute;bottom:7px;left:50%}.metro-weight{background:var(--bone);border-radius:3px;width:19px;height:13px;position:absolute;top:32px;left:-7px}.metro-pivot{background:var(--brass);border-radius:50%;width:15px;height:15px;margin-left:-7.5px;position:absolute;bottom:2px;left:50%}.metro-dots{align-items:center;gap:8px;margin-bottom:12px;display:flex}.metro-dot{background:var(--hair);border-radius:50%;width:10px;height:10px;transition:background-color 80ms,box-shadow 80ms}.metro-dot.is-accent{width:13px;height:13px}.metro-bpm{font-family:var(--f-display);color:var(--bone);font-size:52px;font-weight:600;line-height:1}.metro-bpm-label{font-family:var(--f-mono);letter-spacing:.14em;color:var(--bone-faint);margin-bottom:14px;font-size:11px}.metro-slider{width:100%;accent-color:var(--amber);cursor:pointer}.metro-controls{align-items:center;gap:10px;margin-top:18px;display:flex}.metro-sigs{gap:5px;display:flex}.metro-sig{border:1px solid var(--hair);background:var(--glass);width:42px;height:38px;color:var(--bone-soft);font-family:var(--f-mono);cursor:pointer;border-radius:8px;font-size:12px;transition:color .16s,border-color .16s,background-color .16s}.metro-sig:hover{color:var(--bone)}.metro-sig.is-active{background:var(--amber);border-color:var(--amber);color:var(--on-amber)}.metro-controls .btn{flex:1}@media (width<=480px){.tuner-controls{flex-direction:column;align-items:stretch}.mic-btn{justify-content:center}}.lib-search{margin-bottom:12px;position:relative}.lib-search .field{padding-left:34px;padding-right:34px}.lib-search-icon{color:var(--bone-faint);font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.lib-search-clear{color:var(--bone-faint);cursor:pointer;background:0 0;border:0;padding:6px;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lib-search-clear:hover{color:var(--bone)}.lib-cats{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.lib-cat{border:1px solid var(--hair);background:var(--glass);font-family:var(--f-mono);letter-spacing:.05em;color:var(--bone-soft);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:10.5px;transition:border-color .16s,background-color .16s,color .16s}.lib-cat:hover{color:var(--bone)}.lib-cat.is-active{border-color:var(--amber);background:var(--amber);color:var(--on-amber)}.lib-empty{font-family:var(--f-mono);color:var(--bone-faint);text-align:center;padding:30px 0;font-size:12px}.lib-detail{flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.lib-detail-sym{font-family:var(--f-display);color:var(--bone);font-size:32px;font-weight:600;line-height:1.1}.lib-detail-name{color:var(--bone-faint);margin-bottom:6px;font-size:12.5px}.lib-picker{margin-bottom:18px}.lib-picker .field-label{margin-bottom:8px;display:block}.lib-roots{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}@media (width>=620px){.lib-roots{grid-template-columns:repeat(12,1fr)}}.lib-root{border:1px solid var(--hair);background:var(--glass);min-height:38px;color:var(--bone-soft);font-family:var(--f-mono);border-radius:9px;font-size:13px;font-weight:700}.lib-root:hover{color:var(--bone)}.lib-root.is-active{border-color:var(--amber);background:var(--amber);color:var(--on-amber)}.lib-quality-group{margin-top:12px}.lib-group-name{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bone-faint);margin-bottom:6px;font-size:10px;display:block}.lib-fold{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:34px;padding:0;display:flex}.lib-fold .lib-group-name{margin-bottom:0}.lib-fold:hover .lib-group-name{color:var(--bone)}.lib-fold-active{background:color-mix(in srgb, var(--amber) 18%, transparent);color:var(--amber);font-family:var(--f-mono);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.lib-fold-chevron{color:var(--amber);margin-left:auto;font-size:20px;line-height:1;transition:transform .2s}.lib-fold[aria-expanded=true] .lib-fold-chevron{transform:rotate(180deg)}.lib-qualities,.lib-matches{flex-wrap:wrap;gap:6px;display:flex}.lib-matches{justify-content:center;margin-bottom:18px}.lib-voicings{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.lib-voicing{border:1px solid var(--hair);background:var(--glass);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px 10px;display:flex}.lib-voicing-pos{font-family:var(--f-mono);color:var(--amber);font-size:11px;font-weight:700}.lib-voicing-fingers{color:var(--bone-faint);font-size:11px}.lib-modes{justify-content:center;gap:6px;margin-bottom:16px;display:flex}.lib-more{border:1px solid var(--hair);color:var(--bone-soft);background:0 0;border-radius:999px;margin:14px auto 0;padding:8px 16px;font-size:12.5px;font-weight:600;display:block}.lib-more:hover{color:var(--bone);border-color:var(--bone-faint)}.lib-more[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}.lib-catalogue{margin-top:4px}.lib-cat-group{margin-bottom:28px}.lib-cat-group-name{top:var(--nav-h);z-index:2;background:var(--bg);font-family:var(--f-display);color:var(--bone);padding:8px 0;font-size:17px;font-weight:600;position:sticky}.lib-cat-row{margin-bottom:26px}.lib-cat-cards{grid-template-columns:repeat(auto-fill,minmax(162px,1fr));gap:14px;margin-top:8px;display:grid}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.lib-card{border:1px solid var(--hair);background:var(--glass);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 6px;transition:border-color .16s,background-color .16s;display:flex}.lib-card:hover{border-color:var(--hair-strong)}.lib-card.is-active{border-color:var(--amber);background:var(--glass-lift)}.lib-card-sym{font-family:var(--f-display);color:var(--bone);font-size:16px;font-weight:600}.lib-label{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-faint);margin-top:4px;margin-bottom:8px;font-size:10px}.lib-label:first-child{margin-top:0}.lib-root-row{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.lib-root-btn{border:1px solid var(--hair);background:var(--glass);width:40px;height:40px;font-family:var(--f-ui);color:var(--bone);cursor:pointer;border-radius:50%;font-size:13px;font-weight:600;transition:border-color .16s,background-color .16s,color .16s}.lib-root-btn:hover{border-color:var(--hair-strong)}.lib-root-btn.is-active{border-color:var(--amber);background:var(--amber);color:var(--on-amber)}.lib-scale-wrap{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.lib-scale-chip{border:1px solid var(--hair);background:var(--glass);font-family:var(--f-mono);letter-spacing:.03em;color:var(--bone-soft);cursor:pointer;border-radius:999px;padding:7px 13px;font-size:10.5px;transition:border-color .16s,background-color .16s,color .16s}.lib-scale-chip:hover{color:var(--bone)}.lib-scale-chip.is-active{border-color:var(--amber);background:var(--amber);color:var(--on-amber)}.lib-notes-row{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:14px;display:flex}.lib-note-chip{text-align:center;border:1px solid var(--hair);background:var(--glass-lift);min-width:35px;font-family:var(--f-display);color:var(--bone);border-radius:10px;padding:6px;font-size:16px;font-weight:700}.lib-note-chip.is-root{border-color:var(--amber);color:var(--amber);background:#ffca4a24}.lib-board-scroll{margin-top:16px;padding:8px 0 4px}.lib-board-scroll svg{max-width:100%;height:auto;display:block}.lib-board-guide{color:var(--bone-soft);flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px;font-size:12px;display:flex}.lib-key-dot{background:var(--amber);border-radius:50%;flex-shrink:0;width:13px;height:13px}.lib-board-tip{font-family:var(--f-mono);color:var(--bone-faint);margin-left:auto;font-size:10.5px}.lib-board-v,.lib-board-tip.is-v{display:none}@media (width<=720px) and (orientation:portrait){.lib-board-h,.lib-board-tip.is-h{display:none}.lib-board-v{display:block}.lib-board-tip.is-v{display:inline}.lib-board-v svg{width:100%;max-width:320px;height:auto;margin-inline:auto}}@media (orientation:landscape) and (height<=620px){.lib-panel{padding:20px 12px}.lib-board-scroll{margin-top:12px;padding:6px 0 2px}.lib-board-scroll svg{width:100%;height:auto;max-height:calc(100dvh - var(--nav-h) - 52px);margin-inline:auto}}.reco-engine{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.reco-engine-label{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bone-faint);margin-right:2px;font-size:10px}.reco-engine-btn{border:1px solid var(--hair);background:var(--glass);font-family:var(--f-mono);color:var(--bone-soft);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:10.5px}.reco-engine-btn.is-active{border-color:var(--amber);background:var(--amber);color:var(--on-amber)}.reco-modes{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.reco-hint{color:var(--bone-faint);margin-bottom:16px;font-size:12.5px;line-height:1.55}.reco-stage{border-top:1px solid var(--hair-soft);border-bottom:1px solid var(--hair-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;min-height:190px;padding:18px 0 8px;display:flex}.reco-main{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:200px;display:flex}.reco-idle{color:var(--bone-faint);padding:28px 0;font-size:13px}.reco-symbol{font-family:var(--f-display);color:var(--amber);font-size:clamp(42px,8vw,60px);font-weight:600;line-height:1.05}.reco-name{color:var(--bone-soft);margin-top:2px;font-size:13.5px}.reco-confidence{background:var(--glass);border-radius:999px;width:min(180px,70%);height:4px;margin:12px 0 14px;overflow:hidden}.reco-confidence span{background:var(--good);border-radius:999px;height:100%;transition:width .18s;display:block}.reco-tones{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.reco-single{color:var(--bone-faint);max-width:32ch;margin-top:12px;font-size:12px;line-height:1.5}.reco-diagram{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.reco-diagram-label{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bone-faint);font-size:9.5px}.reco-suite{margin-top:18px}.reco-suite-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.reco-clear{color:var(--bad);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.score{margin-top:20px}.score-head{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.score-title{font-family:var(--f-display);color:var(--bone);font-size:15px;font-weight:600}.score-count{font-family:var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--bone-faint);margin-left:auto;font-size:10px}.score-tools{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.score-octave{align-items:center;gap:8px;display:flex}.score-tool-label{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bone-faint);font-size:10px}.score-step{width:26px;height:26px;color:var(--bone);background:var(--glass);border:1px solid var(--hair);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.score-step:hover:not(:disabled){background:var(--glass-lift);border-color:var(--brass)}.score-step:disabled{opacity:.35;cursor:default}.score-octave-value{text-align:center;min-width:26px;font-family:var(--f-mono);color:var(--bone-soft);font-size:13px;font-weight:700}.score-octave-value.is-shifted{color:var(--amber)}.score-staff-toggle{margin-left:auto}.score-sheet{--paper:#fff;--ink:#1b1b1b;--ink-faint:#9a9a9a;--rule:#cfcfcf;--rule-strong:#8f8f8f;--mark:#3c7bbf;border:1px solid var(--hair);background:var(--paper);border-radius:12px;padding:12px 8px;overflow-x:auto}.score-system{width:100%;min-width:620px;height:auto;display:block}.score-system+.score-system{border-top:1px solid #ededed;margin-top:6px;padding-top:10px}.score-note{color:var(--bone-faint);margin-top:10px;font-size:11.5px;line-height:1.55}.score-export{margin-left:0}.reco-warn{border:1px solid color-mix(in srgb, var(--amber) 35%, transparent);background:color-mix(in srgb, var(--amber) 9%, transparent);max-width:62ch;color:var(--bone-soft);text-align:center;border-radius:10px;margin:0 auto 4px;padding:9px 13px;font-size:12.5px;line-height:1.55}.reco-file{flex-direction:column;align-items:center;gap:10px;margin-top:18px;display:flex}.reco-file-btn{border:1px solid var(--hair);background:var(--glass);min-height:38px;color:var(--bone-soft);cursor:pointer;border-radius:999px;align-items:center;padding:0 18px;font-size:13px;font-weight:600;display:inline-flex}.reco-file-btn:hover{color:var(--bone);border-color:var(--brass)}.reco-file-btn input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.reco-file-btn:focus-within{outline:2px solid var(--amber);outline-offset:2px}.reco-file-name{color:var(--bone-faint);font-size:12px;font-family:var(--f-mono)}.reco-progress{background:var(--glass);border-radius:999px;width:min(320px,100%);height:6px;overflow:hidden}.reco-progress span{background:var(--amber);height:100%;transition:width .15s linear;display:block}.reco-suite-item .reco-suite-index{font-variant-numeric:tabular-nums}.reco-suite-list{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.reco-octave{vertical-align:super;color:var(--bone-soft);margin-left:2px;font-size:.48em;font-weight:700}.reco-suite-list.is-solo{gap:6px}.reco-suite-list.is-solo .reco-suite-item{padding:6px 10px}.reco-suite-list.is-solo .reco-suite-name{display:none}.reco-suite-item{border:1px solid var(--hair);background:var(--glass);border-radius:10px;align-items:baseline;gap:7px;padding:7px 12px;display:flex}.reco-suite-index{font-family:var(--f-mono);color:var(--bone-faint);font-size:9px}.reco-suite-symbol{font-family:var(--f-display);color:var(--bone);font-size:17px;font-weight:600}.reco-suite-name{color:var(--bone-faint);font-size:11.5px}footer{border-top:1px solid var(--hair-soft);padding:20px 0}.foot-copy{font-family:var(--f-mono);letter-spacing:.06em;color:var(--bone-faint);text-align:center;font-size:10px}.foot-links{flex-wrap:wrap;justify-content:center;gap:8px 26px;margin:0 auto 14px;display:flex}.foot-links a{font:600 13px var(--f-mono);letter-spacing:.04em;color:var(--amber);text-decoration:none}.foot-links a:hover{text-underline-offset:3px;text-decoration:underline}.page-transition{animation:.4s cubic-bezier(.2,.7,.3,1) both page-fade}@keyframes page-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-hero-glow,.strings line,.page-transition{animation:none!important}.mic-btn:not(.is-on){border-color:var(--amber);animation:none}.reveal{opacity:1;transition:none;transform:none}.btn-primary:before{display:none}.account-overlay{transition:none}}.lang-toggle{border:1px solid var(--hair);background:var(--glass);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.lang-btn{font-family:var(--f-mono);letter-spacing:.04em;color:var(--bone-faint);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 9px;font-size:10.5px;font-weight:600;transition:color .16s,background-color .16s}.lang-btn:hover{color:var(--bone)}.lang-btn.is-active{color:var(--on-amber);background:linear-gradient(176deg, var(--amber), var(--amber-deep))}.mobile-nav-lang{align-self:flex-start;margin-top:14px}.riff-topline{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.riff-heading{margin:0;font-size:clamp(20px,2.4vw,26px)}.riff-beta{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--hair);color:var(--bone-faint);cursor:help;border-radius:999px;padding:2px 7px;font-size:9.5px}.riff-tuner-link{border:1px solid var(--hair);width:30px;height:30px;color:var(--bone-faint);border-radius:9px;place-items:center;margin-left:auto;transition:color .16s,border-color .16s;display:grid}.riff-tuner-link:hover{color:var(--amber);border-color:var(--amber)}.riff-panel{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.riff-chords{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}@media (width>=620px){.riff-chords{grid-template-columns:repeat(4,1fr)}}.riff-chord{border:1px solid var(--hair);background:var(--glass);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 6px 10px;display:flex;position:relative}.riff-chord-step{font-family:var(--f-mono);color:var(--bone-faint);font-size:10px;position:absolute;top:8px;left:10px}.riff-chord-sym{font-family:var(--f-display);color:var(--bone);font-size:19px;font-weight:600}.mic-btn.is-cta{justify-content:center;min-width:210px}.riff-meta{font-family:var(--f-mono);color:var(--bone-faint);flex-wrap:wrap;justify-content:center;gap:14px;margin:-6px 0 0;font-size:11px;display:flex}.riff-done-line{color:var(--bone-faint);margin:0;font-size:12.5px}.riff-countdown{justify-content:center;min-height:240px}.riff-countdown span{font-family:var(--f-display);color:var(--amber);font-size:96px;font-weight:600;line-height:1}.riff-timer{align-items:center;gap:10px;width:100%;max-width:420px;display:flex}.riff-timer-bar{background:var(--hair);border-radius:999px;flex:1;height:5px;overflow:hidden}.riff-timer-bar span{background:linear-gradient(90deg, var(--amber), var(--amber-deep));height:100%;transition:width .1s linear;display:block}.riff-timer-num{font-family:var(--f-mono);color:var(--bone-faint);text-align:right;min-width:34px;font-size:12px}.riff-target{flex-direction:column;align-items:center;gap:4px;display:flex}.riff-target-sym{font-family:var(--f-display);color:var(--amber);font-size:clamp(46px,9vw,62px);font-weight:600;line-height:1.05}.riff-track{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.riff-step{border:1px solid var(--hair);min-width:54px;font-family:var(--f-mono);color:var(--bone-faint);background:var(--glass);border-radius:9px;padding:7px 10px;font-size:12.5px;transition:color .16s,border-color .16s,background-color .16s}.riff-step.is-current{color:var(--bone);border-color:var(--amber)}.riff-step.is-done{color:var(--on-amber);background:var(--good);border-color:#0000}.riff-listen{justify-content:center;width:100%;display:flex}.riff-listen-wave{background:var(--amber);border-radius:999px;width:54px;height:3px;transition:transform .1s linear,opacity .1s linear}.riff-quit{color:var(--bone-faint);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px;font-size:11.5px;text-decoration:underline}.riff-quit:hover{color:var(--bone)}.riff-result{flex-direction:column;align-items:center;gap:12px;display:flex}.riff-stars{color:var(--hair);gap:5px;font-size:32px;line-height:1;display:inline-flex}.riff-grid{letter-spacing:4px;font-size:28px;line-height:1}.riff-verdict{font-family:var(--f-display);color:var(--bone);max-width:34ch;margin:0;font-size:17px;font-weight:600}.riff-streaks{font-family:var(--f-mono);color:var(--bone-faint);gap:16px;font-size:11px;display:flex}.riff-after{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.riff-board{border:1px solid var(--hair);background:var(--glass);border-radius:14px;width:100%;max-width:460px;margin-top:6px;overflow:hidden}.riff-board-head{border-bottom:1px solid var(--hair-soft);justify-content:space-between;align-items:baseline;gap:10px;padding:12px 16px;display:flex}.riff-board-count{font-family:var(--f-mono);color:var(--bone-faint);font-size:10.5px}.riff-board-empty{color:var(--bone-faint);margin:0;padding:18px 16px;font-size:12.5px}.riff-board-list{max-height:360px;margin:0;padding:0;list-style:none;overflow-y:auto}.riff-board-row{border-bottom:1px solid var(--hair-soft);align-items:center;gap:10px;padding:9px 16px;font-size:12.5px;display:flex}.riff-board-row:last-child{border-bottom:0}.riff-board-row.is-me{background:#e8c37a14}.riff-board-rank{font-family:var(--f-mono);color:var(--bone-faint);text-align:right;min-width:20px;font-size:11px}.riff-board-name{text-align:left;min-width:0;color:var(--bone);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.riff-board-stars{color:var(--amber);letter-spacing:1px}.riff-board-time{font-family:var(--f-mono);color:var(--bone-faint);text-align:right;min-width:34px;font-size:11px}.riff-board-mine{border-top:1px solid var(--hair-soft);font-family:var(--f-mono);color:var(--amber);margin:0;padding:10px 16px;font-size:11px}.thread-bar{border-top:1px solid var(--hair-soft);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:18px;padding-top:15px;display:flex}.thread-action{cursor:pointer;color:var(--bone-faint);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-family:inherit;font-size:15.5px;font-weight:500;transition:color .15s;display:flex}.thread-action:disabled{cursor:default}.thread-action-icon{border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;transition:background-color .15s;display:grid}.thread-action:not(:disabled):hover{color:var(--amber)}.thread-action:not(:disabled):hover .thread-action-icon{background:color-mix(in srgb, var(--amber) 13%, transparent)}.thread-action.is-liked{color:var(--bad);font-weight:700}.thread-action.is-liked:hover{color:var(--bad)}.thread-action.is-new{color:var(--blue)}.thread-action.is-sm{gap:4px;font-size:14px}.thread-action.is-sm .thread-action-icon{width:auto;height:auto}.thread-like-wrap{flex-shrink:0;position:relative}.thread-likers{z-index:50;white-space:nowrap;pointer-events:none;color:#fff;opacity:0;visibility:hidden;background:#1a1a1a;border-radius:8px;padding:8px 12px;font-size:12.5px;line-height:1.8;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 16px #00000040}.thread-like-wrap:hover .thread-likers{opacity:1;visibility:visible}.thread-likers-title{letter-spacing:.06em;text-transform:uppercase;color:#aaa;margin-bottom:3px;font-size:10.5px;font-weight:700}.thread-likers-more{color:#aaa}.thread-count-wrap{flex-shrink:0;align-items:center;gap:6px;display:flex}.thread-date{white-space:nowrap;color:var(--bone-faint);background:var(--glass);border:1px solid var(--hair);border-radius:99px;align-items:center;gap:4px;padding:3px 9px 3px 7px;font-size:12px;font-weight:600;display:inline-flex}.thread-date.is-new{color:var(--blue);background:color-mix(in srgb, var(--blue) 12%, transparent);border-color:color-mix(in srgb, var(--blue) 40%, transparent);font-weight:700}.thread-face{cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;padding:0}.thread-face-avatar{width:42px;height:42px;font-size:14px;box-shadow:0 1px 3px #00000040}.thread-modal-layer{z-index:1000;place-items:center;display:grid;position:fixed;inset:0}.thread-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#00000080;border:0;position:absolute;inset:0}.thread-modal{border:1px solid var(--hair);background:var(--panel);border-radius:18px;flex-direction:column;width:94vw;max-width:900px;max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000059}.thread-modal-head{border-bottom:1px solid var(--hair);flex-shrink:0;align-items:center;gap:10px;padding:16px 20px;display:flex}.thread-modal-avatar{width:54px;height:54px;font-size:16px}.thread-modal-who{flex-direction:column;flex:1;min-width:0;display:flex}.thread-modal-who strong{color:var(--bone);font-size:14.5px}.thread-modal-who span{color:var(--bone-faint);font-size:12px}.thread-modal-close{cursor:pointer;color:var(--bone-faint);background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:18px;line-height:1}.thread-modal-close:hover{color:var(--bone)}.thread-modal-body{flex:1;padding:20px;overflow-y:auto}.thread-modal-title{font-family:var(--f-display);color:var(--bone);margin:0 0 8px;font-size:21px;font-weight:600}.thread-modal-text{margin-bottom:10px}.thread-modal-likes{border-top:1px solid var(--hair-soft);align-items:center;gap:14px;margin-top:8px;padding:6px 0;display:flex}.thread-modal-foot{border-top:1px solid var(--hair);background:var(--panel);flex-shrink:0;padding:14px 20px}.thread-list{border-top:1px solid var(--hair);margin-top:4px;padding-top:16px}.thread-list-label{letter-spacing:.06em;text-transform:uppercase;color:var(--bone-faint);margin-bottom:14px;font-size:12px;font-weight:700}.thread-empty{color:var(--bone-faint);margin:0;font-size:14px}.thread-root+.thread-root{margin-top:10px}.thread-comment-row{align-items:flex-start;gap:10px;display:flex}.thread-comment.is-reply .thread-comment-row{align-items:stretch;gap:8px}.thread-comment-side{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.thread-avatar{width:52px;height:52px;font-size:15px}.thread-avatar-sm{width:34px;height:34px;font-size:11px}.thread-reply-line{background:var(--hair);border-radius:1px;flex:1;width:2px;min-height:6px;margin-top:3px}.thread-comment-main{flex:1;min-width:0}.thread-bubble{background:var(--glass);border:1.5px solid var(--hair);border-radius:14px;margin-bottom:4px;padding:8px 12px}.thread-bubble.is-new{background:color-mix(in srgb, var(--blue) 10%, transparent);border-color:var(--blue)}.thread-bubble-head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.thread-bubble-head strong{color:var(--bone);font-size:15px}.thread-bubble-head span{color:var(--bone-faint);font-size:12.5px}.thread-new-dot{background:var(--blue);border-radius:50%;flex-shrink:0;align-self:center;width:8px;height:8px}.thread-bubble-body{color:var(--bone);word-break:break-word;font-size:15px;line-height:1.6}.thread-bubble-body .video-embed{margin-top:6px}.thread-mention{color:var(--blue);margin-right:4px;font-weight:600}.thread-bubble-html{display:inline}.thread-bubble-html img{object-fit:contain;border-radius:10px;max-width:100%;max-height:320px;margin:8px 0;display:block}.thread-comment-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:5px 0 10px;display:flex}.thread-comment.is-reply .thread-comment-actions{margin-bottom:4px}.thread-link{cursor:pointer;color:var(--bone-faint);background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:3px 6px;font-family:inherit;font-size:14px;transition:color .15s,background-color .15s;display:flex}.thread-link:hover{color:var(--amber);background:color-mix(in srgb, var(--amber) 12%, transparent)}.thread-link.is-danger:hover{color:var(--bad);background:color-mix(in srgb, var(--bad) 12%, transparent)}.thread-replies{flex-direction:column;gap:8px;margin-top:2px;margin-left:62px;display:flex}.thread-reply-form{margin:0 0 10px 62px}.thread-reply-form.is-nested{margin-left:42px}.thread-edit-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.thread-form{align-items:flex-end;gap:10px;display:flex}.thread-form-editor{flex:1;min-width:0}@media (width<=768px){.thread-modal{border:0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.thread-replies,.thread-reply-form,.thread-reply-form.is-nested{margin-left:28px}.thread-avatar{width:40px;height:40px}.thread-face-avatar{width:34px;height:34px}}.account-trigger .avatar{width:46px;height:46px;font-size:16px}.account-head{text-align:center;flex-direction:column;align-items:center}.account-head .account-id{width:100%}.account-head .dot-lg{width:80px;height:80px;box-shadow:0 8px 24px color-mix(in srgb, var(--amber) 27%, transparent);font-size:28px}.post-head .avatar{width:60px;height:60px;font-size:21px}.avatar.avatar-lg{width:60px;height:60px;margin-top:0;font-size:21px}.activity-item .avatar{width:30px;height:30px;font-size:11px}.avatar.avatar-sm{width:22px;height:22px;font-size:9px}.activity-item .avatar.avatar-sm{width:30px;height:30px;font-size:11px}.community-online-grid{gap:8px}.community-online-item{align-items:stretch;gap:5px}.community-online-item .avatar{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--bone) 90%, transparent);width:100%;height:auto;font-size:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 6px #0000002e}.community-online-item:hover .avatar{transform:scale(1.07);box-shadow:0 4px 14px #00000040}.community-online-name{text-align:center;font-size:13px;font-weight:500}.community-online-more{aspect-ratio:1;width:100%;height:auto;font-size:13px}@media (width<=640px){.account-trigger .avatar{width:34px;height:34px;font-size:12px}}.post.is-openable{cursor:pointer}.thread-modal{animation:.24s cubic-bezier(.2,.8,.3,1) both thread-pop}.thread-modal-backdrop{animation:.2s both thread-fade}@keyframes thread-pop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:none}}@keyframes thread-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.thread-modal,.thread-modal-backdrop{animation:none}}.tuner-panel{position:relative}.tuner-head-btn{z-index:5;border:1px solid var(--hair);background:var(--glass);color:var(--bone-soft);cursor:pointer;border-radius:10px;place-items:center;padding:5px;transition:color .16s,border-color .16s;display:grid;position:absolute;top:10px;left:14px}.tuner-head-btn:hover{color:var(--amber);border-color:var(--amber)}.tuner-turn-wrap{z-index:5;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:10px;right:14px}.tuner-turn-mirror{display:block}.tuner-turn-mirror.is-ccw{transform:scaleX(-1)}.tuner-turn-arrow{animation:2.6s linear infinite tuner-spin;display:block}@keyframes tuner-spin{to{transform:rotate(360deg)}}.tuner-turn-label{font-family:var(--f-mono);letter-spacing:.09em;text-transform:uppercase;margin-top:2px;font-size:8.5px}@media (prefers-reduced-motion:reduce){.tuner-turn-arrow{animation:none}}.meter-labels{font-family:var(--f-mono);letter-spacing:.15em;color:var(--bone-faint);justify-content:space-between;margin-top:2px;font-size:9px;display:flex}.rs-gate{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.rs-gate strong{font-family:var(--f-display);color:var(--bone);font-size:clamp(19px,2.4vw,24px);font-weight:600}.rs-gate p{max-width:52ch;color:var(--bone-soft);margin:0;font-size:14px;line-height:1.6}.rs-gate .auth-panel{width:100%;max-width:420px;margin-top:8px}.reco-gate{padding:18px 0 4px}.birthday-field{border-bottom:1px solid var(--hair-soft);padding:12px 0}.birthday-value{border:1px solid var(--hair);background:var(--glass);width:100%;color:var(--bone);font:inherit;cursor:pointer;text-align:left;border-radius:9px;align-items:center;gap:7px;padding:7px 9px;font-size:13px;transition:border-color .16s,color .16s;display:flex}.birthday-value:hover{color:var(--amber);border-color:var(--amber)}.birthday-row{gap:8px;display:flex}.birthday-row .field{flex:1;min-width:0;padding:7px 9px;font-size:13px}.birthday-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.birthday-hint{color:var(--bone-faint);margin:8px 0 0;font-size:11px;line-height:1.5}.activity-item.is-birthday .activity-item-text{color:var(--bone)}.activity-cake{margin-right:4px;font-size:13px}body{font-size:15px}.seo-page-heading{color:var(--bone);font:600 clamp(26px, 3vw, 38px)/1.15 var(--f-display);margin-bottom:20px}.about-wrap{max-width:900px;padding-block:32px 90px}.about-wrap h1{font:600 clamp(38px, 5vw, 62px)/1.1 var(--f-display);margin-top:18px}.about-wrap p{max-width:70ch;color:var(--bone-soft);margin-top:15px;line-height:1.7}.about-lede{font-size:clamp(17px,2vw,21px)}.about-wrap strong{color:var(--bone)}.about-links{flex-wrap:wrap;gap:10px;margin:30px 0 50px;display:flex}.about-links a{border:1px solid var(--hair);color:var(--amber);border-radius:10px;padding:11px 15px;text-decoration:none}.about-links a:hover{background:var(--glass-lift)}.about-wrap h2{font:600 clamp(26px, 3vw, 36px) var(--f-display)}.about-questions{gap:16px;margin-top:24px;display:grid}.about-questions>div{border:1px solid var(--hair);background:var(--glass);border-radius:12px;padding:20px}.about-questions h3{color:var(--bone);font-size:17px}.about-questions p{margin-top:6px}.wrap{max-width:1330px;padding-inline:clamp(20px,4.4vw,58px)}.nav .wrap{gap:25px}.nav nav{flex:1;min-width:0}.nav-links{justify-content:center;gap:3px}.nav-links a{white-space:nowrap;border-radius:9px;align-items:center;min-height:43px;padding:0 11px;font-size:13px;font-weight:600;display:inline-flex}.nav-links a:after{height:2px;box-shadow:none;bottom:5px}.nav-links a.active{color:var(--bone)}.logo{flex:none;font-size:20px}.logo em{font-size:20px}.btn{border-radius:10px;min-height:44px}.btn-primary{box-shadow:0 8px 25px color-mix(in srgb, var(--amber) 25%, transparent)}.btn-ghost{background:var(--glass)}.field{background:color-mix(in srgb, var(--panel) 78%, var(--rim))}.field:focus{background:var(--panel);border-color:var(--amber)}.password-field{width:100%;position:relative}.password-field .field{padding-right:58px;display:block}.password-toggle{background:var(--glass-lift);width:42px;height:38px;color:var(--bone);cursor:pointer;border:1px solid #0000;border-radius:8px;place-items:center;transition:background-color .15s,color .15s,border-color .15s;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle[aria-pressed=true]{background:var(--glass);color:var(--amber);border-color:var(--hair)}.password-toggle:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.page-hero{padding:clamp(44px,6vw,78px) 0 clamp(38px,5vw,65px)}.page-hero h1{letter-spacing:0;max-width:18ch;font-size:clamp(38px,5.1vw,66px);line-height:1.02}.page-hero .lede{max-width:56ch;font-size:clamp(15px,1.4vw,18px);line-height:1.62}.tutos-hero{padding:22px 0 24px}.tutos-hero .chip{display:none}.tutos-hero h1{max-width:none;margin-top:0;font-size:clamp(28px,3.2vw,38px)}.tutos-hero .strings svg{transform-origin:50%;transform:scaleY(1.2)}.page-after-hero{padding-top:24px}.tutos-body .tuto-band{margin-top:24px}.page-hero h1 em{text-shadow:none}.page-hero-glow{opacity:.75}.strings{opacity:.28}.hero-ctas{margin-top:30px}.home-hero{align-items:center;min-height:410px;display:flex}.home-hero .wrap{position:relative}.home-hero h1{max-width:15ch}.home-hero .lede{max-width:50ch}.home-hero .strings{opacity:.2}.forum{padding-top:30px}.forum-grid{gap:24px}.side-right{width:275px;top:calc(var(--nav-h) + 20px)}.panel{background:color-mix(in srgb, var(--panel) 89%, var(--glass));box-shadow:0 8px 30px color-mix(in srgb, var(--rim) 70%, transparent);border-radius:14px}.cat-list{padding:8px}.cat-list button{min-height:43px;padding:10px 12px;font-size:13px}.cat-list button.is-active{background:var(--glass-lift);color:var(--amber)}.cat-list button.is-active svg{color:var(--amber)}.feed{gap:17px}.composer{padding:20px}.post{background:color-mix(in srgb, var(--panel) 91%, var(--glass));border-left-width:4px;border-radius:14px;padding:22px 24px}.post:hover{box-shadow:0 18px 35px color-mix(in srgb, var(--rim) 70%, transparent)}.post-name{font-size:14px}.post-meta{font-size:11px}.post-body{font-size:15px;line-height:1.7}.tag{font-family:var(--f-ui);letter-spacing:.04em;font-size:10px}.activity-feed-title{font-size:15px}.post-tilt{transform:none}.post-tilt:before{display:none}.composer-intro{justify-content:space-between;align-items:end;gap:14px;display:flex}.composer-intro h2{margin-top:3px;font-size:20px;line-height:1.2}.composer-intro p{max-width:22ch;color:var(--bone-faint);text-align:right;font-size:12px}.composer-kicker{color:var(--amber);font-family:var(--f-mono);letter-spacing:.12em;font-size:9px;font-weight:700}.community-composer-shell{margin-bottom:4px}.community-composer-trigger{width:100%;min-height:82px;color:var(--bone-faint);text-align:left;font:500 15px var(--f-ui);cursor:text;align-items:center;gap:14px;padding:12px 18px;transition:border-color .2s,background-color .2s;display:flex}.community-composer-trigger:hover{border-color:var(--brass);background:var(--glass-lift)}.community-composer-trigger .avatar{flex:none}.community-composer-trigger-plus{color:var(--amber);margin-left:auto;font-size:24px;line-height:1}.community-composer-trigger:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.composer .rich-editor-body{background:color-mix(in srgb, var(--panel) 80%, var(--rim));border-color:var(--hair);font-size:14px;line-height:1.6;min-height:105px!important}.composer .rich-editor-body:focus{border-color:var(--amber)}.composer-row .btn{white-space:normal}.music-wrap{max-width:960px}.music-wrap .tool-tabs{margin-inline:auto;max-width:420px;margin-bottom:24px}.music-wrap .tool-tab{border-radius:11px;min-height:48px;font-size:15px}.music-wrap .tool-panel{background:color-mix(in srgb, var(--panel) 92%, var(--glass));border-radius:17px;padding:clamp(18px,3vw,32px)}.music-wrap .lib-search{max-width:540px;margin:0 auto 17px}.music-wrap .lib-search .field{min-height:48px;font-size:15px}.music-wrap .lib-cats{justify-content:center;gap:8px;margin-bottom:22px}.music-wrap .lib-cat,.music-wrap .lib-scale-chip{min-height:39px;font-family:var(--f-ui);letter-spacing:0;padding:8px 14px;font-size:13px;font-weight:600}.chord-library .lib-detail{border:1px solid var(--hair);background:var(--glass);border-radius:14px;gap:7px;margin:0 0 15px;padding:24px 15px 18px}.chord-library .lib-detail-sym{font-size:38px}.chord-library .lib-detail-name{color:var(--bone-soft);font-size:16px}.chord-library .lib-detail svg{max-width:100%;height:auto}.lib-play-tip{color:var(--bone);text-align:center;margin-top:4px;font-size:14px;font-weight:600}.lib-chord-legend{color:var(--bone-soft);flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:13px;display:flex}.lib-chord-legend span{align-items:center;gap:5px;display:inline-flex}.lib-chord-legend b{color:var(--amber);font-size:18px;line-height:1}.music-wrap .lib-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.music-wrap .lib-card{background:var(--glass);gap:4px;min-height:230px;padding:13px 10px 10px}.music-wrap .lib-cat-cards .lib-card{min-height:0;padding:14px 12px 12px}.music-wrap .lib-card:hover{border-color:var(--brass)}.music-wrap .lib-card.is-active{box-shadow:0 0 0 2px color-mix(in srgb, var(--amber) 30%, transparent)}.music-wrap .lib-card-sym{font-size:20px}.lib-card-name{color:var(--bone-soft);font-size:11px}.music-wrap .lib-card svg{max-width:100%;height:auto}.music-wrap .lib-label{font-family:var(--f-ui);letter-spacing:0;text-transform:none;color:var(--bone);margin:18px 0 11px;font-size:14px;font-weight:700}.music-wrap .lib-root-row{gap:8px}.music-wrap .lib-root-btn{border-radius:10px;width:auto;min-width:46px;height:44px;padding-inline:8px;font-size:14px}.music-wrap .lib-scale-wrap{gap:8px}.music-wrap .lib-detail{border:1px solid var(--hair);background:var(--glass);border-radius:14px;margin:18px 0;padding:20px 14px}.music-wrap .lib-detail-name{color:var(--bone);text-align:center;font-weight:700;font-size:clamp(22px,3vw,30px)!important}.music-wrap .chord-library .lib-detail-name{color:var(--bone-soft);font-weight:400;font-size:16px!important}.lib-help{max-width:58ch;color:var(--bone-soft);text-align:center;margin:0 auto;font-size:13px}.music-wrap .lib-notes-row{gap:8px;margin-top:16px}.music-wrap .lib-note-chip{min-width:45px;font-family:var(--f-ui);padding:9px;font-size:16px}.music-wrap .lib-note-chip.is-root{background:color-mix(in srgb, var(--amber) 15%, var(--panel))}.lib-board-guide{color:var(--bone-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;font-size:12px;display:flex}.lib-key-dot{background:var(--amber);border-radius:50%;width:17px;height:17px}.lib-key-dot.is-outline{background:var(--panel);border:2px solid var(--brass)}.lib-board-tip{color:var(--bone-faint)}.music-wrap .lib-board-scroll{border:1px solid var(--hair);background:var(--glass);border-radius:13px;margin-top:14px;padding:14px}.music-wrap .lib-board-scroll svg{margin-inline:auto}.home-paths{border-top:1px solid var(--hair);background:color-mix(in srgb, var(--panel) 42%, var(--rim));padding:70px 0 110px;position:relative}.home-paths-heading{max-width:700px;margin-bottom:28px}.home-paths-kicker{color:var(--amber);font-family:var(--f-mono);letter-spacing:.16em;font-size:10px;font-weight:700}.home-paths-heading h2{margin-top:10px;font-size:clamp(27px,3vw,38px)}.home-paths-heading p{color:var(--bone-soft);margin-top:8px}.home-paths-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.home-path{border:1px solid var(--hair);background:linear-gradient(145deg, color-mix(in srgb, var(--panel) 92%, var(--amber)), var(--panel));min-height:242px;color:var(--bone);border-radius:16px;flex-direction:column;padding:26px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.home-path:after{content:"";border:1px solid color-mix(in srgb, var(--amber) 20%, transparent);width:210px;height:210px;box-shadow:0 0 0 22px color-mix(in srgb, var(--amber) 5%, transparent), 0 0 0 58px color-mix(in srgb, var(--amber) 3%, transparent);pointer-events:none;border-radius:50%;position:absolute;top:-80px;right:-90px}.home-path:hover{border-color:var(--amber);box-shadow:0 20px 40px color-mix(in srgb, var(--rim) 70%, transparent);transform:translateY(-4px)}.home-path-icon{border:1px solid color-mix(in srgb, var(--amber) 45%, transparent);background:var(--glass-lift);width:40px;height:40px;color:var(--amber);font-family:var(--f-mono);border-radius:10px;place-items:center;font-size:11px;font-weight:700;display:grid}.home-path h3{margin-top:23px;font-size:22px}.home-path p{max-width:30ch;color:var(--bone-soft);margin-top:8px;font-size:14px;line-height:1.55}.home-path-link{color:var(--amber);margin-top:auto;padding-top:24px;font-size:13px;font-weight:700}@media (width<=1180px){.nav .wrap{gap:10px}.nav-links a{padding-inline:8px;font-size:12px}.side-right{width:250px}}@media (width<=860px){.nav{height:auto;min-height:var(--nav-h)}.nav .wrap{flex-wrap:wrap;padding-top:9px;padding-bottom:0}.nav nav{flex:0 0 100%;order:3}.nav-links{scrollbar-width:none;justify-content:flex-start;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-auth{margin-left:auto}.category-filter-bar{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.category-filter-bar::-webkit-scrollbar{display:none}.home-paths-grid{grid-template-columns:1fr}.home-path{min-height:200px}}@media (width<=520px){.page-hero{padding-top:38px}.page-hero h1{font-size:40px}.forum{padding-top:18px}.post{padding:18px}.composer{padding:16px}.composer-intro{display:block}.composer-intro p{text-align:left;max-width:none;margin-top:5px}.composer-top .avatar{display:none}.home-paths{padding:50px 0 80px}.music-wrap .tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.music-wrap .tool-panel{padding:16px}.music-wrap .lib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.music-wrap .lib-card{padding-inline:4px}.music-wrap .lib-grid .lib-card svg{width:106px}.lib-board-tip{text-align:center;flex-basis:100%}}.mobile-menu-button{display:none}.home-hero{min-height:600px;padding-block:clamp(58px,7vw,100px)}.home-hero .wrap{grid-template-columns:minmax(0,1fr) minmax(320px,.83fr);grid-template-areas:"chip preview""title preview""lede preview""actions preview""tags preview";align-items:center;column-gap:clamp(28px,5vw,94px);display:grid}.home-hero .chip{grid-area:chip;place-self:end start}.home-hero h1{grid-area:title;max-width:12ch;margin-top:18px;font-size:clamp(43px,5vw,68px)}.home-hero .lede{grid-area:lede;max-width:49ch;margin-top:18px}.home-hero .hero-ctas{grid-area:actions;align-self:start;margin-top:27px}.home-hero-tags{color:var(--bone-faint);flex-wrap:wrap;grid-area:tags;align-self:start;gap:8px 16px;margin-top:23px;font-size:12px;display:flex}.home-hero-tags span{align-items:center;gap:6px;display:inline-flex}.home-hero-tags span:before{content:"";background:var(--amber);border-radius:50%;width:5px;height:5px}.home-preview{border:1px solid color-mix(in srgb, var(--brass) 35%, var(--hair));background:linear-gradient(145deg, color-mix(in srgb, var(--panel) 93%, var(--amber)), var(--panel));box-shadow:0 28px 65px color-mix(in srgb, var(--rim) 70%, transparent), inset 0 1px 0 color-mix(in srgb, var(--bone) 10%, transparent);border-radius:22px;grid-area:preview;padding:24px;position:relative;overflow:hidden}.home-preview:before{content:"";background:var(--amber);opacity:.08;filter:blur(24px);pointer-events:none;border-radius:50%;width:190px;height:190px;position:absolute;top:-90px;right:-70px}.home-preview-head{border-bottom:1px solid var(--hair-soft);color:var(--bone-faint);font:700 10px var(--f-mono);letter-spacing:.08em;align-items:center;gap:7px;padding-bottom:18px;display:flex}.home-preview-head>span:last-child{color:var(--brass);margin-left:auto}.home-preview-light{background:var(--good);width:8px;height:8px;box-shadow:0 0 10px color-mix(in srgb, var(--good) 50%, transparent);border-radius:50%}.home-preview-intro{gap:4px;margin:24px 0 22px;display:grid}.home-preview-intro span{color:var(--bone-soft);font-size:14px}.home-preview-intro strong{color:var(--bone);font-family:var(--f-display);font-size:clamp(23px,2.2vw,30px);line-height:1.2}.home-preview-steps{gap:9px;display:grid}.home-preview-steps a{border:1px solid var(--hair-soft);background:var(--glass);min-height:76px;color:var(--bone);border-radius:12px;align-items:center;gap:13px;padding:12px 14px;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:flex}.home-preview-steps a:hover{background:var(--glass-lift);border-color:color-mix(in srgb, var(--amber) 60%, var(--hair));transform:translate(3px)}.home-preview-steps b{background:color-mix(in srgb, var(--amber) 14%, var(--panel));width:36px;height:36px;color:var(--amber);font:700 11px var(--f-mono);border-radius:9px;flex:none;place-items:center;display:grid}.home-preview-steps span{gap:3px;min-width:0;display:grid}.home-preview-steps strong{font-size:14px}.home-preview-steps small{color:var(--bone-faint);font-size:11px}.home-preview-steps i{color:var(--amber);margin-left:auto;font-size:15px;font-style:normal}.home-preview-foot{color:var(--bone-faint);font:700 9px var(--f-mono);letter-spacing:.08em;text-align:center;padding-top:19px}.home-path-kicker{color:var(--brass);font:700 10px var(--f-mono);letter-spacing:.1em;margin-top:20px}.home-path h3{margin-top:8px}.home-path-link{justify-content:space-between;align-items:center;display:flex}.home-help{border-top:1px solid var(--hair);background:var(--rim);padding:clamp(52px,7vw,90px) 0}.home-help-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.home-help h2{max-width:19ch;margin-top:10px;font-size:clamp(29px,3.5vw,44px);line-height:1.15}.home-help p{max-width:62ch;color:var(--bone-soft);margin-top:14px;font-size:15px;line-height:1.65}.home-help .btn{flex:none}.tuto-filters{border:1px solid var(--hair);background:color-mix(in srgb, var(--panel) 92%, var(--glass));border-radius:16px;gap:12px;padding:16px;display:grid}.tuto-top-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);align-items:start;gap:16px;margin-bottom:8px;display:grid}.tuto-top-grid .tuto-propose{border:1px solid var(--hair);background:color-mix(in srgb, var(--panel) 92%, var(--glass));border-radius:16px;min-width:0;margin:0;padding:16px}.tuto-top-grid .tuto-propose .composer{padding:16px}.tuto-top-grid .tuto-propose .format-picker{flex-wrap:wrap}.tuto-accordion{border-top:1px solid var(--hair-soft);padding-top:12px}.tuto-accordion summary,.tuto-propose-toggle{width:100%;color:var(--bone);font:700 14px var(--f-ui);cursor:pointer;align-items:center;gap:10px;display:flex}.tuto-accordion summary{min-height:32px;list-style:none}.tuto-accordion summary::-webkit-details-marker{display:none}.tuto-accordion summary:after{content:"⌄";color:var(--amber);margin-left:auto;font-size:22px;line-height:1;transition:transform .2s}.tuto-accordion[open] summary:after{transform:rotate(180deg)}.tuto-accordion-content{gap:16px;padding-top:18px;display:grid}.tuto-propose-toggle{text-align:left;background:0 0;border:0;min-height:32px;padding:0}.tuto-propose-toggle .dot{flex:none}.tuto-accordion-chevron{color:var(--amber);margin-left:auto;font-size:22px;line-height:1;transition:transform .2s}.tuto-propose-toggle[aria-expanded=true] .tuto-accordion-chevron{transform:rotate(180deg)}.tuto-propose-toggle:focus-visible,.tuto-accordion summary:focus-visible{outline:2px solid var(--amber);outline-offset:4px;border-radius:4px}.tuto-propose #tuto-propose-content{padding-top:20px}.tuto-propose #tuto-propose-content .tuto-propose-lede{margin-top:0}.tuto-search{gap:8px;max-width:620px;display:grid}.tuto-search label{color:var(--bone);font-size:14px;font-weight:700}.tuto-search .field{min-height:48px}.tuto-filters .field-label{font-family:var(--f-ui);letter-spacing:0;text-transform:none;color:var(--bone-soft);font-size:12px}.tuto-filters .format-picker{flex-wrap:wrap;gap:8px;display:flex}.tuto-filters .format-btn{min-height:40px}.tuto-results{color:var(--bone-faint);font-size:12px}.tut{background:color-mix(in srgb, var(--panel) 92%, var(--glass));border-radius:15px;padding:21px}.tut:hover{border-color:color-mix(in srgb, var(--band-accent) 58%, var(--hair));box-shadow:0 14px 32px color-mix(in srgb, var(--rim) 67%, transparent)}.tut h3{font-size:17px;line-height:1.3}.tut p{font-size:13.5px;line-height:1.6}.route-loading{min-height:40vh;color:var(--bone-soft);place-items:center;font-size:14px;display:grid}@media (width<=1120px){.home-hero .wrap{column-gap:28px}.home-hero h1{font-size:clamp(40px,4.8vw,58px)}}@media (width<=930px){.tuto-top-grid{grid-template-columns:1fr}.nav{height:var(--nav-h);min-height:var(--nav-h)}.nav .wrap{flex-wrap:nowrap;padding-block:0}.nav .desktop-nav{display:none}.nav-auth{margin-left:auto}.mobile-menu-button{border:1px solid var(--hair);background:var(--glass);width:42px;height:42px;color:var(--bone);cursor:pointer;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;display:flex}.mobile-menu-button span{background:currentColor;border-radius:3px;width:17px;height:2px}.mobile-nav-layer{z-index:100;position:fixed;inset:0}.mobile-nav-backdrop{cursor:default;background:#0000008c;border:0;width:100%;position:fixed;inset:0}.mobile-nav-panel{border-left:1px solid var(--hair);background:var(--panel);flex-direction:column;gap:5px;width:min(365px,100vw);padding:24px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 60px #00000047}.mobile-nav-top{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:18px;display:flex}.mobile-nav-top strong{font-size:16px}.mobile-nav-top button{border:1px solid var(--hair);background:var(--glass);width:38px;height:38px;color:var(--bone);cursor:pointer;border-radius:9px;font-size:24px}.mobile-nav-panel>a{min-height:48px;color:var(--bone-soft);border-radius:10px;justify-content:space-between;align-items:center;padding:11px 13px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.mobile-nav-panel>a:hover,.mobile-nav-panel>a.active{background:var(--glass-lift);color:var(--bone)}.mobile-nav-panel>a span{color:var(--amber)}.home-hero .wrap{grid-template-columns:minmax(0,1fr);grid-template-areas:"chip""title""lede""actions""tags""preview"}.home-hero h1{max-width:15ch}.home-preview{width:min(100%,600px);margin-top:48px}}@media (width<=560px){.home-hero{padding-block:42px 56px}.home-hero h1{font-size:clamp(38px,10vw,47px)}.home-hero .hero-ctas{align-items:stretch}.home-hero .hero-ctas .btn{width:100%}.home-preview{border-radius:16px;margin-top:36px;padding:16px}.home-preview-head>span:last-child{display:none}.home-preview-steps a{min-height:68px;padding:10px}.home-help-inner{flex-direction:column;align-items:stretch}.home-help .btn{align-self:flex-start}.tuto-filters{padding:17px}}@media (prefers-reduced-motion:reduce){.home-path,.home-preview-steps a{transition:none}.home-path:hover,.home-preview-steps a:hover{transform:none}}@media (width<=860px){.tutos-hero{padding:20px 0 22px}.tutos-hero h1{font-size:30px}}.activity-fab{right:20px;bottom:max(20px, env(safe-area-inset-bottom));z-index:80;border:1px solid var(--brass);background:var(--panel);min-height:46px;color:var(--bone);font:600 13px var(--f-ui);cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:10px 16px;display:inline-flex;position:fixed;box-shadow:0 12px 32px #00000052}.activity-fab svg{color:var(--amber)}.activity-overlay{z-index:200;position:fixed;inset:0}.activity-overlay-backdrop{cursor:default;background:#0000009e;border:0;width:100%;position:absolute;inset:0}.activity-overlay-panel{border-left:1px solid var(--hair);background:var(--panel);width:min(380px,100vw);position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 60px #0000004d}.activity-overlay-panel .activity-feed{min-height:100%;box-shadow:none;border:0;border-radius:0}.activity-overlay-panel .activity-feed-head{padding:23px 60px 22px 22px}.activity-overlay-panel .activity-feed-title{font-size:18px}.activity-overlay-panel .activity-feed-list{max-height:none}.activity-feed-empty{color:var(--bone-soft);padding:22px;font-size:13px}.activity-overlay-close{border:1px solid var(--hair);background:var(--glass);width:36px;height:36px;color:var(--bone);cursor:pointer;border-radius:9px;place-items:center;font-size:25px;line-height:1;display:grid;position:absolute;top:15px;right:16px}.community-mobile-stats{margin-bottom:16px}.community-mobile-stats .community-stats{padding:14px 18px}.community-mobile-stats .community-stats-row{max-width:420px;margin:auto}.community-mobile-stats .community-stat{flex-direction:row;justify-content:center;gap:7px}.community-mobile-stats .community-stat-num{font-size:20px}.community-mobile-stats .community-online-grid,.community-mobile-stats .community-stats-empty{display:none}.tut{cursor:pointer}.tut-card-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.tut-card-link:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.tut:has(.tut-card-link:hover) h3{color:var(--amber)}.tut .post-manage{z-index:2;position:relative}.tut:has(form){cursor:auto}.tut-open-link{width:fit-content;color:var(--amber);margin-top:13px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.tuto-page{min-height:65vh;padding:clamp(24px,4vw,55px) 0 80px}.tuto-page .wrap{max-width:900px}.tuto-page-back{color:var(--bone-soft);font-size:13px;text-decoration:none}.tuto-page-back:hover{color:var(--amber)}.tuto-page-article{margin-top:28px}.tuto-page-meta{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.tuto-page-article h1{margin-top:14px;font-size:clamp(38px,6vw,70px);line-height:1.02}.tuto-page-description{max-width:70ch;color:var(--bone-soft);white-space:pre-line;margin-top:17px;font-size:clamp(16px,2vw,19px);line-height:1.6}.tuto-page-author{color:var(--bone-faint);align-items:center;gap:9px;margin-top:20px;font-size:13px;display:flex}.tuto-page-video{margin-top:30px}.tuto-page-video .video-embed{max-width:100%}.tuto-page-actions{flex-wrap:wrap;gap:11px;margin-top:27px;display:flex}@media (width<=600px){.account-trigger{place-items:center;width:42px;height:42px;display:grid}.account-overlay{top:calc(var(--nav-h) + 8px);width:min(340px,100vw - 32px);max-height:calc(100dvh - var(--nav-h) - 20px);transform-origin:top;position:fixed;left:50%;right:auto;transform:translate(-50%,-6px)scale(.98)}.account-overlay.is-open{transform:translate(-50%)}.activity-fab{right:16px;bottom:max(16px, env(safe-area-inset-bottom))}.community-mobile-stats .community-stat{flex-wrap:wrap;column-gap:5px}}.faq-section{padding-block:10px 80px}.faq-section h2{font:600 clamp(24px, 3vw, 34px) var(--f-display)}.faq-list{gap:16px;max-width:900px;margin-top:24px;display:grid}.faq-item{border:1px solid var(--hair);background:var(--glass);border-radius:12px;padding:20px}.faq-item h3{color:var(--bone);font-size:17px}.faq-item p{max-width:70ch;color:var(--bone-soft);margin-top:6px;line-height:1.7}.home-blurb{padding-block:56px 0}.home-blurb .seo-intro{max-width:70ch;color:var(--bone-soft);font-size:clamp(17px,2vw,21px);line-height:1.7}.seo-fallback{max-width:900px;margin:0 auto;padding:48px 24px 80px}.seo-fallback h1{font:600 clamp(32px, 5vw, 56px)/1.1 var(--f-display)}.seo-fallback p{max-width:70ch;color:var(--bone-soft);margin-top:15px;line-height:1.7}.seo-fallback .seo-intro{font-size:clamp(17px,2vw,21px)}.seo-fallback h2{font:600 clamp(24px, 3vw, 34px) var(--f-display);margin-top:48px}.seo-fallback nav ul{margin-top:24px;padding-left:18px}.seo-fallback nav li{color:var(--bone-soft);margin-top:8px;line-height:1.6}.seo-fallback a{color:var(--amber)}.seo-fallback .faq-section{padding-block:0}.seo-breadcrumb ol{color:var(--bone-soft);flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;font-size:14px;list-style:none;display:flex}.seo-breadcrumb li+li:before{content:"›";opacity:.6;margin-right:8px}.rs-prereq{border:1px solid var(--hair);border-left:4px solid var(--amber);background:var(--glass);color:var(--bone-soft);border-radius:13px;margin-bottom:30px;padding:18px 20px;font-size:14px;line-height:1.7}.rs-prereq strong{color:var(--bone);font-size:14.5px;display:block}.rs-prereq ul{margin-top:9px;padding-left:18px;list-style:outside}.rs-prereq li{margin-top:5px}.rs-prereq li::marker{color:var(--amber)}.rs-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:44px;display:grid}.rs-layout .rs-prereq{top:calc(var(--nav-h) + 24px);grid-area:1/2;margin-bottom:0;font-size:13.5px;position:sticky}.rs-layout .rs-prereq strong{font-size:14px}.rs-layout .rs-steps{grid-area:1/1}@media (width<=960px){.rs-layout{grid-template-columns:1fr;gap:0}.rs-layout .rs-prereq{grid-area:auto/1;max-width:70ch;margin-bottom:30px;position:static}.rs-layout .rs-steps{grid-area:auto/1}}.rs-steps{margin:0;padding:0;list-style:none}.rs-step{border-top:1px solid var(--hair);scroll-margin-top:calc(var(--nav-h) + 16px);gap:16px;padding:22px 0;display:flex}.rs-step:first-child{border-top:0;padding-top:0}.rs-step-number{width:34px;font:600 15px var(--f-mono);color:var(--amber);flex-shrink:0;padding-top:3px}.rs-step-body{flex:1;min-width:0}.rs-step-body h2{font:600 19px var(--f-display);color:var(--bone)}.rs-step-body>p{max-width:66ch;color:var(--bone-soft);margin-top:8px;line-height:1.7}.rs-actions{flex-wrap:wrap;align-items:center;gap:16px;margin:22px 0;display:flex}.rs-repo{color:var(--amber);font-size:14px}.rs-find{margin-top:16px}.rs-find .field-label{display:block}.rs-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.rs-term{border:1px solid var(--hair);color:var(--bone);font-family:var(--f-mono);overflow-wrap:anywhere;background:#00000047;border-radius:10px;padding:9px 13px;font-size:14px}.rs-lede{max-width:66ch;color:var(--bone-soft);margin-top:22px;font-size:14px;line-height:1.7}.rs-log{border:1px solid var(--hair);background:#00000047;border-radius:12px;margin-top:12px;padding:14px 16px;list-style:none}.rs-log-row{border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:4px 0;display:flex}.rs-log-text{color:var(--bone-soft);font-family:var(--f-mono);overflow-wrap:anywhere;padding-left:18px;font-size:13px}.rs-log-text.is-marker{color:var(--bone-faint);padding-left:0}.rs-log-note{color:var(--bone-soft);font-size:12.5px;line-height:1.5}.rs-log-note:before{content:"← "}.rs-log-row.is-pick{border-left:3px solid var(--amber);background:color-mix(in srgb, var(--amber) 11%, transparent);margin:2px -8px;padding:5px 8px}.rs-log-row.is-pick .rs-log-text{color:var(--bone);padding-left:15px;font-weight:600}.rs-log-row.is-pick .rs-log-note{color:var(--amber)}.rs-note{max-width:66ch;color:var(--bone-faint);margin-top:14px;font-size:13px;line-height:1.65}.rs-ini{margin-top:16px}.rs-ini-field input{border:1px solid var(--hair);background:var(--glass);width:100%;max-width:420px;color:var(--bone);font-family:var(--f-mono);border-radius:10px;margin-top:14px;padding:11px 13px;font-size:14px}.rs-ini-field input:focus-visible{border-color:var(--amber);outline:none}.rs-ini-field .field-label{display:block}.rs-code{border:1px solid var(--hair);max-height:420px;color:var(--bone);font-family:var(--f-mono);background:#00000047;border-radius:12px;margin-top:14px;padding:16px;font-size:13px;line-height:1.75;overflow:auto}.seo-steps ol{margin-top:20px;padding-left:20px}.seo-steps li{margin-top:18px}.seo-steps h3{color:var(--bone);font-size:17px}:root[data-theme=scene]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--rim:#fbf8f3;--panel:#f6f1ea;--bone:#1b1714;--bone-soft:#564e47;--bone-faint:#6b625a;--brass:#12918b;--amber:#e2472a;--amber-deep:#c2361b;--on-amber:#fff;--hair:#1b171421;--hair-soft:#1b171414;--hair-strong:#1b171447;--glass:#ffffffb8;--glass-lift:#fff;--card:linear-gradient(170deg, #fff, #fffdf9);--thumb:#1b171433;--good:#238f5a;--bad:#b83224;--blue:#3474e0;--field:#fff;--field-focus:#fff;--field-soft:#fffc}:root[data-theme=scene] body{background-image:radial-gradient(55% 45% at 95% -10%,#e2472a1f,#0000 62%),radial-gradient(45% 40% at -8% 105%,#3474e017,#0000 62%)}:root[data-theme=rosace]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--rim:#0e0c0a;--panel:#17140f;--bone:#efe5d3;--bone-soft:#efe5d3bd;--bone-faint:#efe5d38f;--brass:#b8914d;--amber:#d2ad66;--amber-deep:#b8914d;--on-amber:#16110a;--hair:#d2ad6638;--hair-soft:#d2ad661f;--hair-strong:#d2ad6661;--glass:#efe5d30a;--glass-lift:#efe5d314;--card:linear-gradient(160deg, #efe5d30d, #efe5d304);--thumb:#efe5d324;--field:#00000073;--field-focus:#0000009e;--field-soft:#0000004d;--good:#9cc79a;--bad:#e58b6f;--blue:#a9bfd6}:root[data-theme=rosace] body{background-image:radial-gradient(55% 45% at 95% -10%,#d2ad661a,#0000 62%),radial-gradient(45% 40% at -8% 105%,#b8914d12,#0000 62%)}em{font-weight:400}.logo{letter-spacing:0;font-weight:600}.logo em{font-weight:500}.page-hero h1{font-weight:400}@media (width<=520px){.logo,.logo em{font-size:19px}.logo-rosace{width:20px;height:20px;margin-right:5px}}.hero-rich.tutos-hero{padding:30px 0 34px}.tuto-page-back{border:1px solid var(--hair);background:var(--glass);color:var(--bone);font:600 13px var(--f-ui);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;text-decoration:none;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.tuto-page-back:hover{border-color:var(--amber);color:var(--amber);background:color-mix(in srgb, var(--amber) 10%, transparent)}.tuto-page-back:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.hero-back{z-index:1;margin-bottom:16px;position:relative}.hero-rich .lede{margin-top:10px}.guide-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:56px;display:grid}.guide-steps{grid-area:1/1;margin:0;padding:0;list-style:none}.guide-steps-list{margin:0;padding:0;list-style:none}.gate-tools{border-top:1px solid var(--hair-strong);margin-top:44px;padding-top:30px}.guide-aside{top:calc(var(--nav-h) + 20px);grid-area:1/2;gap:20px;display:grid;position:sticky}.guide-prereq{margin-bottom:0;font-size:13.5px}.guide-phone{width:min(100%, calc((100vh - var(--nav-h) - 170px) * 9 / 16 + 20px));background:linear-gradient(160deg,#2a2d33,#0e0f12);border-radius:34px;justify-self:center;min-width:220px;padding:10px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 24px 60px -18px #0000008c}.guide-phone:before{content:"";z-index:1;opacity:.7;pointer-events:none;background:#000;border-radius:6px;width:64px;height:6px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.guide-phone video,.guide-phone iframe{aspect-ratio:9/16;object-fit:cover;background:#000;border:0;border-radius:25px;width:100%;display:block}.guide-step{scroll-margin-top:calc(var(--nav-h) + 16px);gap:22px;padding-bottom:40px;display:flex;position:relative}.guide-step:before{content:"";background:linear-gradient(var(--hair-strong), var(--hair-soft));border-radius:2px;width:2px;position:absolute;top:46px;bottom:6px;left:21px}.guide-step:last-child{padding-bottom:0}.guide-step:last-child:before{display:none}.guide-step-number{border:2px solid var(--amber);background:var(--glass);width:44px;height:44px;font:600 14px var(--f-mono);color:var(--amber);border-radius:50%;flex-shrink:0;place-items:center;transition:background .25s,color .25s,box-shadow .25s;display:grid}.guide-step.is-active .guide-step-number{background:var(--amber);color:var(--on-amber);box-shadow:0 0 0 6px color-mix(in srgb, var(--amber) 22%, transparent)}.guide-step-body{flex:1;min-width:0;padding-top:8px}.guide-step-body h2{font:600 clamp(20px, 2vw, 24px)/1.2 var(--f-display);color:var(--bone)}.guide-step-body>p{max-width:64ch;color:var(--bone-soft);margin-top:8px;line-height:1.7}.guide-watch{border:1px solid var(--hair);color:var(--bone);font:600 13px var(--f-ui);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:9px;margin-top:16px;padding:7px 14px 7px 8px;transition:border-color .2s,background .2s;display:inline-flex}.guide-watch span{background:var(--amber);width:24px;height:24px;color:var(--on-amber);border-radius:50%;place-items:center;padding-left:2px;font-size:9px;display:grid}.guide-watch:hover{border-color:var(--amber);background:color-mix(in srgb, var(--amber) 10%, transparent)}.guide-watch:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.gate{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:48px;display:grid}.gate-pitch h2{font:600 clamp(24px, 2.6vw, 32px)/1.15 var(--f-display);color:var(--bone)}.gate-pitch>p{max-width:52ch;color:var(--bone-soft);margin-top:10px;line-height:1.65}.gate-list{border-top:1px solid var(--hair);margin:22px 0 0;padding:0;list-style:none}.gate-list li{border-bottom:1px solid var(--hair);color:var(--bone);align-items:center;gap:14px;padding:13px 2px;font-weight:600;display:flex}.gate-list li>span:first-child{border:2px solid var(--amber);width:30px;height:30px;font:600 12px var(--f-mono);color:var(--amber);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.gate-list li>span:last-child{color:var(--bone-faint);margin-left:auto;font-size:14px}.gate-list.is-locked li:nth-child(n+3){opacity:.55;filter:blur(.4px)}.gate .auth-panel{width:100%;max-width:none;margin:0}.gate-auth{max-width:460px;margin-top:28px}.gate-auth .auth-panel{width:100%;max-width:none;margin:0}.tut-thumb{aspect-ratio:16/9;background:color-mix(in srgb, var(--rim) 70%, #000);border-radius:10px;margin-bottom:14px;display:block;position:relative;overflow:hidden}.tut-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.tut:hover .tut-thumb img{transform:scale(1.04)}.tut-thumb:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#00000059);position:absolute;inset:0}.tut-play{z-index:1;background:var(--amber);width:34px;height:34px;color:var(--on-amber);border-radius:50%;place-items:center;padding-left:2px;font-size:11px;display:grid;position:absolute;bottom:10px;left:12px;box-shadow:0 4px 14px #00000059}.tut-thumb.is-text{background:radial-gradient(circle at 80% 15%, #ffffff59, transparent 55%), linear-gradient(135deg, color-mix(in srgb, var(--band-accent,var(--amber)) 78%, #fff), var(--band-accent,var(--amber)));place-items:center;display:grid}.tut-thumb.is-text:after{background:repeating-linear-gradient(-12deg,#0000 0 22px,#ffffff24 22px 24px)}.tut-thumb.is-text strong{z-index:1;font:700 clamp(30px, 3vw, 40px)/1 var(--f-display);letter-spacing:.02em;color:#fff;text-transform:uppercase;text-shadow:0 2px 12px #0000002e;position:relative}.tut-thumb.is-text small{z-index:1;font:600 11px var(--f-mono);color:#ffffffe6;letter-spacing:.1em;text-transform:uppercase;position:absolute;bottom:10px;right:12px}.contact-perks{border-top:1px solid var(--hair);margin:22px 0 0;padding:0;list-style:none}.contact-perks li{border-bottom:1px solid var(--hair);color:var(--bone-soft);gap:14px;padding:15px 2px;line-height:1.5;display:flex}.contact-perks strong{color:var(--bone);display:block}.contact-perks svg{color:var(--amber);flex-shrink:0;margin-top:2px}.about-cards{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;margin:34px 0 50px;display:grid}.about-card{border-top:1px solid var(--hair-strong);color:var(--bone);grid-template-columns:auto 1fr auto;align-items:center;gap:2px 16px;padding:20px 2px;text-decoration:none;transition:color .2s;display:grid;position:relative}.about-card:hover{color:var(--amber)}.about-card:hover>span:last-child{transform:translate(4px,-4px)}.about-card>span:last-child{transition:transform .2s}.about-card:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.about-card svg{color:var(--amber);grid-row:span 2}.about-card strong{font:600 clamp(24px, 2.4vw, 30px)/1.1 var(--f-display)}.about-card small{color:var(--bone-soft);grid-column:2;font-size:13px}.about-card>span:last-child{color:var(--amber);grid-area:1/3/span 2;font-size:18px}@media (width<=960px){.guide-layout{grid-template-columns:minmax(0,1fr);gap:40px}.guide-aside{grid-area:1/1;justify-items:center;position:static}.guide-steps{grid-row:2}.guide-prereq{width:100%;max-width:70ch}.guide-phone{width:min(300px,100%)}.gate{grid-template-columns:1fr;gap:30px}}.guide-fabs,.guide-sheet-backdrop{display:none}@media (width<=960px){.guide-note{display:none}.guide-fabs{right:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:80;flex-direction:column;gap:10px;display:flex;position:fixed}.guide-fab{border:1px solid var(--brass);background:var(--panel);width:48px;height:48px;color:var(--amber);cursor:pointer;border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 28px #0000004d}.guide-fab:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.guide-sheet-backdrop{z-index:200;background:#0a04028c;align-items:flex-end;animation:.2s ease-out guide-fade;display:flex;position:fixed;inset:0}.guide-sheet{width:100%;max-height:80dvh;padding:22px 20px max(22px, env(safe-area-inset-bottom));border:0;border-top:4px solid var(--amber);background:var(--panel);border-radius:18px 18px 0 0;margin:0;animation:.25s cubic-bezier(.2,.8,.2,1) guide-up;position:relative;overflow-y:auto}.guide-sheet strong{padding-right:40px;font-size:16px}.guide-sheet-close{border:1px solid var(--hair);background:var(--glass);width:36px;height:36px;color:var(--bone);cursor:pointer;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}}@keyframes guide-fade{0%{opacity:0}}@keyframes guide-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.guide-sheet-backdrop,.guide-sheet{animation:none}}@media (width<=640px){.about-cards{grid-template-columns:1fr}}@media (width<=520px){.guide-step{gap:14px}.guide-step-number{width:36px;height:36px;font-size:12.5px}.guide-step:before{top:40px;left:17px}}@media (prefers-reduced-motion:reduce){.guide-step-number,.guide-watch,.tut-thumb img,.about-card{transition:none}.tut:hover .tut-thumb img,.about-card:hover{transform:none}}.rosace{--rosace-a:var(--brass);--rosace-b:var(--bone);pointer-events:none;display:block;overflow:visible}.rosace-line{fill:none;stroke:var(--rosace-a);stroke-width:.5px;opacity:.75}.rosace-line--hole{stroke-width:1.2px;opacity:.9}.rosace-a{fill:var(--rosace-a)}.rosace-b{fill:var(--rosace-b);opacity:.55}.rosace-frame{fill:none;stroke:var(--rosace-a);stroke-width:.7px}.rosace-dot,.rosace-bead{fill:var(--rosace-a)}.rosace-zig{fill:none;stroke:var(--rosace-b);stroke-width:1px;stroke-linejoin:round;opacity:.7}.rosace--spin .rosace-band{animation:160s linear infinite rosace-turn}.rosace--spin .rosace-band--ccw{animation-duration:220s;animation-direction:reverse}.rosace--spin .rosace-band--slow{animation-duration:300s}@keyframes rosace-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.rosace--spin .rosace-band{animation:none}}.logo-rosace{align-self:center;width:26px;height:26px;margin-right:8px;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.logo:hover .logo-rosace{transform:rotate(45deg)}.page-hero-rosace{z-index:1;opacity:.32;width:clamp(340px,42vw,560px);position:absolute;top:50%;right:clamp(-260px,-14vw,-120px);transform:translateY(-50%)}@media (width<=760px){.page-hero-rosace{opacity:.18;width:300px;right:-150px}}.foot-rosace{justify-content:center;align-items:center;gap:16px;margin-bottom:14px;display:flex}.foot-rosace:before,.foot-rosace:after{content:"";background:linear-gradient(90deg, transparent, var(--brass));opacity:.6;flex:0 140px;height:1px}.foot-rosace:after{background:linear-gradient(90deg, var(--brass), transparent)}.foot-rosace .rosace{width:44px;height:44px}.ebook{gap:12px;width:100%;max-width:560px;display:grid;position:relative}.ebook--card{border:1px solid var(--hair-strong);background:linear-gradient(160deg, color-mix(in srgb, var(--amber) 9%, var(--glass)), var(--glass));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 70px -36px #000000b3, inset 0 1px 0 color-mix(in srgb, var(--bone) 8%, transparent);border-radius:22px;padding:20px}.ebook--compact{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.ebook-head{align-items:center;gap:18px;margin-bottom:4px;display:flex}.ebook-cover{width:74px;height:auto;box-shadow:0 14px 28px #0000008c, 0 0 0 1px var(--hair);border-radius:4px;flex:none;margin:-34px 0 -6px -4px;transition:transform .4s cubic-bezier(.2,.8,.2,1);transform:rotate(-6deg)}.ebook--card:hover .ebook-cover,.ebook--card:focus-within .ebook-cover{transform:rotate(-2deg)translateY(-3px)}.ebook-head-text{min-width:0}.ebook-kicker{font:700 11px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);display:block}.ebook-title{font:600 clamp(20px, 1.7vw, 24px)/1.12 var(--f-display);color:var(--bone);margin-top:4px;display:block}.ebook-text{color:var(--bone-soft);margin-top:4px;font-size:14px;line-height:1.45;display:block}.ebook-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px;display:grid}.ebook-field{display:block;position:relative}.ebook-field input{border:1px solid var(--hair-strong);background:var(--field);width:100%;height:54px;color:var(--bone);font:500 15.5px var(--f-ui);border-radius:12px;padding:20px 14px 6px;transition:border-color .2s,box-shadow .2s,background-color .2s}.ebook-field span{transform-origin:0 0;font:500 15px var(--f-ui);color:var(--bone-faint);pointer-events:none;transition:top .18s,transform .18s,color .18s;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.ebook-field input:focus{border-color:var(--amber);background:var(--field-focus);box-shadow:0 0 0 4px color-mix(in srgb, var(--amber) 18%, transparent);outline:none}.ebook-field input:focus+span,.ebook-field input:not(:placeholder-shown)+span{color:var(--amber);top:9px;transform:translateY(0)scale(.76)}.ebook-field input[aria-invalid=true]{border-color:var(--bad)}.ebook-submit{background:linear-gradient(110deg, transparent 35%, #ffffff4d 50%, transparent 65%) no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--amber) 88%, #fff), var(--amber-deep));width:100%;min-height:54px;color:var(--on-amber);font:700 16px var(--f-ui);letter-spacing:.01em;cursor:pointer;box-shadow:0 12px 28px -12px color-mix(in srgb, var(--amber) 70%, transparent), inset 0 1px 0 #ffffff40;background-position:160% 0,0 0;background-size:250% 100%,100% 100%;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 22px;transition:background-position .8s,box-shadow .2s,filter .2s;display:inline-flex;position:relative}.ebook-submit:hover{box-shadow:0 16px 32px -12px color-mix(in srgb, var(--amber) 80%, transparent), inset 0 1px 0 #ffffff40;background-position:-60% 0,0 0}.ebook-arrow{transition:transform .2s}.ebook-submit:hover .ebook-arrow{transform:translate(4px)}.ebook-submit:focus-visible{outline:2px solid var(--bone);outline-offset:3px}.ebook-submit:disabled{cursor:wait;filter:saturate(.8)}.ebook-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite ebook-spin}@keyframes ebook-spin{to{transform:rotate(360deg)}}.ebook-error{color:var(--bad);margin:0;font-size:13.5px;font-weight:600}.ebook--done{border-color:color-mix(in srgb, var(--amber) 50%, var(--hair));align-items:flex-start;gap:16px;display:flex}.ebook-check{background:var(--amber);width:46px;height:46px;color:var(--on-amber);box-shadow:0 0 0 6px color-mix(in srgb, var(--amber) 18%, transparent);border-radius:50%;flex:none;place-items:center;animation:.45s cubic-bezier(.3,1.6,.5,1) both ebook-pop;display:grid}.ebook-check path{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px;animation:.5s .25s forwards ebook-draw}@keyframes ebook-pop{0%{opacity:0;transform:scale(.4)}}@keyframes ebook-draw{to{stroke-dashoffset:0}}.ebook--done .ebook-text{margin-top:6px}.ebook-download{border:1px solid var(--amber);font:700 14.5px var(--f-ui);color:var(--amber);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px 16px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.ebook-download:hover{background:var(--amber);color:var(--on-amber)}@media (width<=520px){.ebook--card{padding:16px}.ebook-fields{grid-template-columns:1fr}.ebook-cover{width:62px;margin-top:-26px}}@media (prefers-reduced-motion:reduce){.ebook-cover,.ebook-field input,.ebook-field span,.ebook-submit,.ebook-arrow,.ebook-download{transition:none}.ebook-check,.ebook-check path{stroke-dashoffset:0;animation:none}.ebook-spinner{animation-duration:1.6s}}.hv{--p:0;--e:clamp(0, calc((var(--p) - .015) / .165), 1);--c:clamp(0, calc((var(--p) - .18) / .2), 1);--px:19;--py:2;--pan:14cqw;--push:.28;--Z0:2.4;height:600svh;position:relative}.hv--wide{--rw:16;--rh:9}.hv--tall{--rw:9;--rh:16}.hv-stage{top:var(--nav-h);height:calc(100svh - var(--nav-h));background:radial-gradient(42% 60% at 69% 52%, color-mix(in srgb, var(--amber) 11%, transparent), transparent 70%), var(--rim);--bar:0px;position:sticky;overflow:hidden;container-type:size}@supports (height:100lvh){.hv-stage{height:calc(100lvh - var(--nav-h));--bar:calc(100lvh - 100svh)}}html.no-pull,html.no-pull body{overscroll-behavior-y:none}.hv-scene{--W:max(100cqw, calc(100cqh * var(--rw) / var(--rh)));--H:calc(var(--W) * var(--rh) / var(--rw));--Z:calc(var(--Z0) + (1 - var(--Z0)) * var(--e));--dx:calc((var(--hx) - .5) * var(--W));--dy:calc((var(--hy) - .5) * var(--H));--tx0:calc((1 - var(--e)) * (var(--px) * 1cqw - var(--Z0) * var(--dx)));--ty0:calc((1 - var(--e)) * (var(--py) * 1cqh - var(--Z0) * var(--dy)));--mx:max(0px, calc((var(--Z) * var(--W) - 100cqw) / 2));--my:max(0px, calc((var(--Z) * var(--H) - 100cqh) / 2));--w:clamp(0, calc((var(--e) - .3) / .3), 1);--tx:calc(var(--tx0) + var(--w) * (clamp(calc(-1 * var(--mx)), var(--tx0), var(--mx)) - var(--tx0)));--ty:calc(var(--ty0) + var(--w) * (clamp(calc(-1 * var(--my)), var(--ty0), var(--my)) - var(--ty0)));--ox:calc(var(--tx) + var(--Z) * var(--dx));--oy:calc(var(--ty) + var(--Z) * var(--dy));--R:calc(var(--Z) * var(--k) * var(--W));position:absolute;inset:0}.hv-media{clip-path:circle(calc(var(--R) + var(--e) * var(--e) * 130vmax) at calc(50% + var(--ox)) calc(50% + var(--oy)));background:#000;animation:1.6s cubic-bezier(.2,.8,.2,1) .15s backwards hv-media-in;position:absolute;inset:0;overflow:hidden}@keyframes hv-media-in{0%{opacity:0}}.hv-video{width:var(--W);height:var(--H);object-fit:cover;max-width:none;transform:translate(-50%, -50%) translate(var(--tx), var(--ty)) translate(calc(var(--c) * var(--pan)), 0) scale(calc(var(--Z) * (1 + var(--c) * var(--push))));position:absolute;top:50%;left:50%}.hv-shade{opacity:clamp(0, calc((var(--p) - .12) * 8), 1);background:linear-gradient(270deg,#0000 32%,#000000a3 80%),radial-gradient(120% 90% at 60%,#0000 55%,#00000080);position:absolute;inset:0}.hv-rosace-pin{--S0:calc(var(--Z0) * var(--k) * var(--W) / .215);width:var(--S0);height:var(--S0);transform:translate(-50%, -50%) translate(var(--ox), var(--oy)) scale(calc(var(--Z) / var(--Z0)));opacity:clamp(0, calc(1 - (var(--e) - .3) * 2.6), 1);position:absolute;top:50%;left:50%}.hv-rosace{filter:drop-shadow(0 18px 44px #00000080);width:100%;height:100%;animation:1.6s cubic-bezier(.2,.8,.2,1) backwards hv-rosace-in}@keyframes hv-rosace-in{0%{opacity:0;filter:blur(10px);rotate:-50deg;scale:.8}}.hv-intro{padding-bottom:var(--bar);pointer-events:none;transform:translateY(calc(var(--e) * -24vh));opacity:clamp(0, calc(1 - var(--e) * 4.5), 1);flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;display:flex;position:absolute;inset:0}.hv-intro>*{pointer-events:auto;max-width:min(42vw,640px)}.hv[data-step]:not([data-step="0"]) .hv-intro{visibility:hidden}.hv-title{font:600 clamp(38px, min(7.2vw, 12.5svh), 124px)/.94 var(--f-display);letter-spacing:-.02em;color:var(--bone)}.hv-title em{color:var(--amber);font-style:italic}.hv-word{animation:hv-rise 1.1s cubic-bezier(.2, .8, .2, 1) calc(.15s + var(--d) * .13s) both;display:inline-block}.hv-lede{color:var(--bone-soft);font-size:clamp(15px,min(1.5vw,2.7svh),21px);line-height:1.6;animation:1s cubic-bezier(.2,.8,.2,1) .55s both hv-rise}.hv-intro .hv-actions{animation:1s cubic-bezier(.2,.8,.2,1) .7s both hv-rise}.hv-intro .hv-ebook{animation:1s cubic-bezier(.2,.8,.2,1) .45s both hv-rise}@media (hover:none){.hv[data-step] .hv-intro:has(input:focus){visibility:visible;opacity:1;transform:none}}@media (height<=760px){.hv-intro .hv-lede,.hv-intro .hv-actions,.hv-intro .ebook-text{display:none}.hv-intro .ebook--card{gap:10px;padding:14px}.hv-intro .ebook-cover{width:54px;margin-top:-22px}.hv-intro .ebook-field input,.hv-intro .ebook-submit{height:48px;min-height:48px}}@media (height<=560px){.hv-intro .ebook-head{display:none}.hv-intro .ebook-field input,.hv-intro .ebook-submit{height:44px;min-height:44px}.hv-intro .ebook-field input{padding-top:16px}.hv-intro .ebook-field input:focus+span,.hv-intro .ebook-field input:not(:placeholder-shown)+span{top:6px}}@keyframes hv-rise{0%{opacity:0;filter:blur(10px);transform:translateY(.45em)rotate(3deg)}to{opacity:1;filter:none;transform:none}}.hv-actions{flex-wrap:wrap;gap:12px;display:flex}.hv-captions{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.hv-captions li{--in:clamp(0, calc((var(--p) - var(--a)) * 14), 1);--out:clamp(0, calc((var(--b) - var(--p)) * 14), 1);left:clamp(24px,4.5vw,90px);top:calc(50% - var(--bar) / 2);width:clamp(300px,34vw,540px);opacity:min(var(--in), var(--out));transform:translateY(calc(-50% + (1 - var(--in)) * 56px - (1 - var(--out)) * 56px));visibility:hidden;color:#f6efe3;position:absolute}.hv[data-cap="0"] .hv-captions li:first-child,.hv[data-cap="1"] .hv-captions li:nth-child(2),.hv[data-cap="2"] .hv-captions li:nth-child(3){visibility:visible;pointer-events:auto}.hv-kicker{font:600 12px var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}.hv-captions h2{font:600 clamp(30px, min(4.8vw, 8.5svh), 82px)/.98 var(--f-display);letter-spacing:-.015em;color:#f6efe3;text-wrap:balance;text-shadow:0 4px 40px #00000080;margin-top:12px}.hv-caption-text{color:#f6efe3d1;margin-top:16px;font-size:clamp(14px,min(1.35vw,2.4svh),20px);line-height:1.6}.hv-captions .hv-actions{margin-top:26px}.hv-ghost{color:#f6efe3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border-color:#f6efe34d}.hv-ghost:hover{color:#fff;border-color:#f6efe399}.hv-scroll-hint{left:50%;bottom:calc(24px + var(--bar));font:600 11px var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bone-faint);opacity:clamp(0, calc(1 - var(--p) * 30), 1);justify-items:center;gap:10px;display:grid;position:absolute;transform:translate(-50%)}.hv-scroll-hint i{background:linear-gradient(var(--amber), transparent);transform-origin:top;width:1px;height:44px;animation:1.8s cubic-bezier(.6,0,.4,1) infinite hv-drip;display:block}@keyframes hv-drip{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.hv--stack{--px:0;--py:-27;--pan:0px;--push:0;height:560svh}.hv--stack .hv-stage{background:radial-gradient(70% 45% at 50% 28%, color-mix(in srgb, var(--amber) 11%, transparent), transparent 70%), var(--rim)}.hv--stack .hv-intro{padding-bottom:calc(clamp(56px, 9svh, 96px) + var(--bar));justify-content:flex-end;gap:16px}.hv--stack .hv-intro>*{max-width:640px}.hv--stack .hv-intro .hv-lede,.hv--stack .hv-intro .hv-actions{display:none}.hv--stack .hv-title{font-size:clamp(34px,min(11vw,7.5svh),64px)}.hv--stack .hv-lede{font-size:clamp(14px,min(3.9vw,2.3svh),18px)}.hv--stack .hv-shade{background:linear-gradient(#0000 25%,#00000040 45%,#000000d1 90%),radial-gradient(130% 90% at 50% 40%,#0000 55%,#00000080)}.hv--stack .hv-captions li{top:auto;left:clamp(20px,6vw,64px);right:clamp(20px,6vw,64px);bottom:calc(clamp(28px, 5svh, 64px) + var(--bar));width:auto;max-width:680px;transform:translateY(calc((1 - var(--in)) * 40px - (1 - var(--out)) * 40px))}.hv--stack .hv-captions h2{font-size:clamp(28px,min(9vw,6svh),56px)}.hv--stack .hv-caption-text{font-size:clamp(14px,min(3.8vw,2.2svh),18px)}.hv--stack .hv-captions .hv-actions{margin-top:18px}.hv--stack .hv-scroll-hint{bottom:calc(12px + var(--bar))}.hv--stack .hv-scroll-hint i{height:28px}@media (height<=560px){.hv-intro{gap:12px}.hv-lede,.hv-caption-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hv-caption-text{margin-top:8px}.hv-captions h2{margin-top:6px}.hv-captions .hv-actions{margin-top:14px}.hv:not(.hv--stack) .hv-captions li{width:clamp(300px,46vw,560px)}.hv .btn{min-height:38px}.hv-scroll-hint{display:none}}@media (prefers-reduced-motion:reduce){.hv{height:auto;--p:0!important}.hv-stage{height:auto;min-height:calc(100svh - var(--nav-h));flex-direction:column;justify-content:center;gap:48px;padding-block:60px;display:flex;position:relative;top:auto}.hv-scene{--e:1;--c:0}.hv-media,.hv-rosace,.hv-word,.hv-lede,.hv-intro .hv-actions,.hv-scroll-hint i{animation:none}.hv-media{clip-path:none}.hv-shade{opacity:1;background:#000000ad}.hv-rosace-pin,.hv-scroll-hint{display:none}.hv-intro{opacity:1;position:relative;inset:auto;transform:none;visibility:visible!important}.hv-title,.hv-lede{color:#f6efe3}.hv-captions{pointer-events:auto;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;padding-inline:clamp(20px,4.4vw,58px);display:grid;position:relative;inset:auto}.hv-captions li{opacity:1;visibility:visible;pointer-events:auto;width:auto;position:static;transform:none}.hv-captions h2{font-size:clamp(28px,2.6vw,38px)}}