:where(html){--csstools-color-scheme--light:initial;--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-12);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);-webkit-text-size-adjust:none;accent-color:var(--brand,var(--link));background-color:var(--surface-1);block-size:100%;caret-color:var(--brand,var(--link));color:var(--text-1);color-scheme:light;font-family:var(--font-system-ui);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollthumb-color) transparent}@media(dynamic-range:high)or (color-gamut:p3){@supports (color:color(display-p3 0 0 0)){:where(html){--link:color(display-p3 .1 .39 1);--link-visited:color(display-p3 .6 .2 1)}}}:where(html) :where(dialog){background-color:var(--surface-1)}:where(html) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(html) :where(button,.btn) :where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where(html) [disabled]:where(button,input[type=button],.btn){--_text:var(--gray-6)}:where(html) [disabled]:where(button,input[type=submit],.btn){--_text:var(--gray-6)}:where(html) [disabled]:where(button,input[type=reset],.btn){--_text:var(--gray-6)}:where(html) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media(prefers-color-scheme:dark){:where(html){--csstools-color-scheme--light: ;--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-1);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;color-scheme:dark}}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:after,:before{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}@media(prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media(prefers-reduced-motion:no-preference){:where(:focus-visible){transition:outline-offset 145ms var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;font-weight:var(--font-weight-9);line-height:var(--font-lineheight-1)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports (-moz-appearance:none){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*="-"],pre)){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(a):where([href]){text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){text-decoration-color:var(--purple-2)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}::placeholder{color:var(--gray-7);opacity:.75}:where(input:not([type=range]),textarea){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){field-sizing:content;padding-block:.75ch;padding-inline:var(--size-relative-4) 0}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2);border-radius:var(--radius-2)}:where(textarea){field-sizing:content;min-block-size:2lh;min-inline-size:var(--size-content-1);resize:vertical}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-monospace-code),monospace}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){direction:ltr;max-inline-size:max-content;min-inline-size:0;white-space:pre;writing-mode:lr}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--radius-2);padding:var(--size-1) var(--size-2);writing-mode:lr}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){text-wrap:pretty;max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:where(figure)>:where(figcaption){text-wrap:balance;font-size:var(--font-size-1)}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){display:grid;gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4)}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--radius-2);margin:calc(var(--size-2)*-1) calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details[open]>summary){border-end-end-radius:0;border-end-start-radius:0;margin-bottom:var(--size-2)}:where(fieldset){border:var(--border-size-1) solid var(--surface-4);border-radius:var(--radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}:where(dialog){background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-6);color:inherit}:where(menu){display:flex;gap:var(--size-3);padding-inline-start:0}:where(sup){font-size:.5em}:where(table){--nice-inner-radius:calc(var(--radius-3) - 2px);background:var(--surface-2);border:1px solid var(--surface-2);border-radius:var(--radius-3);width:fit-content}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:first-child){border-start-start-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:last-child){border-start-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child td:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child td:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){background-color:var(--surface-2);color:var(--text-1)}:where(table a:not(.does-not-exist):focus-visible){outline-offset:-2px}:where(table button:not(.does-not-exist):focus-visible){outline-offset:-2px}:where(table [contenteditable]:focus-visible){outline-offset:-2px}:where(td){text-wrap:pretty;background:var(--surface-1);max-inline-size:var(--size-content-2)}:where(td,th){padding:var(--size-2);text-align:left}:where(td:not([align])){text-align:center}:where(th:not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--surface-3)}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@media(prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}::placeholder{color:var(--gray-6)}}:where(html){--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a}:where(html){--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a}:where(html){--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507}:where(html){--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-strength-3:calc(var(--shadow-strength) + 2%);--shadow-strength-4:calc(var(--shadow-strength) + 3%);--shadow-strength-5:calc(var(--shadow-strength) + 4%);--shadow-strength-6:calc(var(--shadow-strength) + 5%);--shadow-strength-7:calc(var(--shadow-strength) + 6%);--shadow-strength-8:calc(var(--shadow-strength) + 7%);--shadow-strength-10:calc(var(--shadow-strength) + 9%);--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/var(--shadow-strength-10));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 7px 14px -5px hsl(var(--shadow-color)/var(--shadow-strength-6));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 1px 2px -5px hsl(var(--shadow-color)/var(--shadow-strength-3)),0 2px 5px -5px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 4px 12px -5px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 12px 15px -5px hsl(var(--shadow-color)/var(--shadow-strength-8));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 1px 1px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 2px 2px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 5px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 9px 9px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 16px 16px -2px hsl(var(--shadow-color)/var(--shadow-strength-7));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 2px 1px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 5px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 10px 10px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 20px 20px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 40px 40px -2px hsl(var(--shadow-color)/var(--shadow-strength-8));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 3px 2px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 7px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 12px 10px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 22px 18px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 41px 33px -2px hsl(var(--shadow-color)/var(--shadow-strength-7)),0 100px 80px -2px hsl(var(--shadow-color)/var(--shadow-strength-8));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/var(--shadow-strength-10));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight)}@media(prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}:where(html){--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.5,0,1,1);--ease-in-3:cubic-bezier(.7,0,1,1);--ease-in-4:cubic-bezier(.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.5,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-.5,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,.009,.037 1.7%,.153 3.6%,.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,.973,.955 39.2%,.953 41.1%,.957 43.3%,.998 53.3%,1.009 59.1% 63.7%,.998 78.9%,1);--ease-spring-5:linear(0,.01,.04 1.6%,.161 3.3%,.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,.999 29.4%,.955 32.1%,.942,.935 34.9%,.933,.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,.004,.016,.035,.063,.098,.141,.191,.25,.316,.391 36.8%,.563,.766,1 58.8%,.946,.908 69.1%,.895,.885,.879,.878,.879,.885,.895,.908 89.7%,.946,1);--ease-bounce-2:linear(0,.004,.016,.035,.063,.098,.141 15.1%,.25,.391,.562,.765,1,.892 45.2%,.849,.815,.788,.769,.757,.753,.757,.769,.788,.815,.85,.892 75.2%,1 80.2%,.973,.954,.943,.939,.943,.954,.973,1);--ease-bounce-3:linear(0,.004,.016,.035,.062,.098,.141 11.4%,.25,.39,.562,.764,1 30.3%,.847 34.8%,.787,.737,.699,.672,.655,.65,.656,.672,.699,.738,.787,.847 61.7%,1 66.2%,.946,.908,.885 74.2%,.879,.878,.879,.885 79.5%,.908,.946,1 87.4%,.981,.968,.96,.957,.96,.968,.981,1);--ease-bounce-4:linear(0,.004,.016 3%,.062,.141,.25,.391,.562 18.2%,1 24.3%,.81,.676 32.3%,.629,.595,.575,.568,.575,.595,.629,.676 48.2%,.811,1 56.2%,.918,.86,.825,.814,.825,.86,.918,1 77.2%,.94 80.6%,.925,.92,.925,.94 87.5%,1 90.9%,.974,.965,.974,1);--ease-bounce-5:linear(0,.004,.016 2.5%,.063,.141,.25 10.1%,.562,1 20.2%,.783,.627,.534 30.9%,.511,.503,.511,.534 38%,.627,.782,1 48.7%,.892,.815,.769 56.3%,.757,.753,.757,.769 61.3%,.815,.892,1 68.8%,.908 72.4%,.885,.878,.885,.908 79.4%,1 83%,.954 85.5%,.943,.939,.943,.954 90.5%,1 93%,.977,.97,.977,1);--ease-circ-in:cubic-bezier(.6,.04,.98,.335);--ease-circ-in-out:cubic-bezier(.785,.135,.15,.86);--ease-circ-out:cubic-bezier(.075,.82,.165,1);--ease-cubic-in:cubic-bezier(.55,.055,.675,.19);--ease-cubic-in-out:cubic-bezier(.645,.045,.355,1);--ease-cubic-out:cubic-bezier(.215,.61,.355,1);--ease-expo-in:cubic-bezier(.95,.05,.795,.035);--ease-expo-in-out:cubic-bezier(1,0,0,1);--ease-expo-out:cubic-bezier(.19,1,.22,1);--ease-quad-in:cubic-bezier(.55,.085,.68,.53);--ease-quad-in-out:cubic-bezier(.455,.03,.515,.955);--ease-quad-out:cubic-bezier(.25,.46,.45,.94);--ease-quart-in:cubic-bezier(.895,.03,.685,.22);--ease-quart-in-out:cubic-bezier(.77,0,.175,1);--ease-quart-out:cubic-bezier(.165,.84,.44,1);--ease-quint-in:cubic-bezier(.755,.05,.855,.06);--ease-quint-in-out:cubic-bezier(.86,0,.07,1);--ease-quint-out:cubic-bezier(.23,1,.32,1);--ease-sine-in:cubic-bezier(.47,0,.745,.715);--ease-sine-in-out:cubic-bezier(.445,.05,.55,.95);--ease-sine-out:cubic-bezier(.39,.575,.565,1)}:root{--brand-primary: #4f46e5;--brand-primary-light: #818cf8;--brand-primary-dark: #4338ca;--brand-secondary: #f59e0b;--brand-secondary-light: #fbbf24;--brand-secondary-dark: #d97706;--brand-secondary-darker: #b45309;--surface-base: #ffffff;--surface-elevated: #ffffff;--surface-muted: #f6f9fc;--surface-darkest: #0a1628;--section-gaming-accent: #0e7490;--section-gaming-cta-shadow: rgba(8, 145, 178, .3);--section-gaming-cta-shadow-hover: rgba( 8, 145, 178, .4 );--section-design-accent: #0f766e;--section-design-bg-subtle: #f0fdfa;--section-design-border: #ccfbf1;--section-design-icon-bg: #ccfbf1;--section-design-step-bg: #99f6e4;--section-design-accent-deep: #115e59;--section-design-border-hover: #99f6e4;--section-design-icon-hover: #99f6e4;--section-life-hero-mid: #fb923c;--section-life-hero-to: #fb7185;--section-life-hero-dark-to: #881337;--section-life-notice-border: #fde68a;--section-life-accent-label: #b45309;--section-life-overlay-amber: rgba(120, 53, 15, .15);--section-life-overlay-border: rgba(251, 191, 36, .2);--section-tech-accent: #155e75;--section-tech-accent-mid: #0891b2;--section-tech-border-hover: #a5f3fc;--section-tech-cta-shadow: rgba(8, 145, 178, .3);--section-tech-cta-shadow-hover: rgba(8, 145, 178, .4);--section-life-accent: #854d0e;--section-life-cta-shadow: rgba(217, 119, 6, .3);--section-life-cta-shadow-hover: rgba( 217, 119, 6, .4 );--section-books-accent: #854d0e;--section-books-cta-shadow: rgba(133, 77, 14, .3);--section-books-cta-shadow-hover: rgba( 133, 77, 14, .4 );--section-books-brand: #4338ca;--section-books-accent-label: #92400e;--section-books-accent-mid: #d97706;--section-books-blob-amber: #fcd34d;--section-books-blob-amber-dark: #78350f;--section-books-blob-orange-dark: #7c2d12;--section-books-bg-light: #fffbeb;--section-books-bg-dark: #1a1510;--section-books-picks-bg: linear-gradient(to bottom, #fffbf0, #fff7ed);--section-books-picks-bg-dark: linear-gradient( to bottom, #1a0f08, #120a05 );--section-books-border-amber: rgba(180, 83, 9, .1);--section-play-accent: #c2410c;--section-play-accent-mid: #ea580c;--section-play-accent-bright: #f97316;--section-play-bg: #fff7ed;--section-play-bg-secondary: #fff1f2;--section-play-border: #fed7aa;--section-play-border-alpha: rgba(251, 146, 60, .5);--section-play-arrow-bg: #ffedd5;--section-play-alpha-8: rgba(249, 115, 22, .08);--section-play-alpha-10: rgba(249, 115, 22, .1);--section-play-alpha-15: rgba(249, 115, 22, .15);--section-play-alpha-20: rgba(249, 115, 22, .2);--section-play-alpha-30: rgba(249, 115, 22, .3);--status-success-bg: #dcfce7;--status-success-text: #15803d;--status-warning-bg: #fef9c3;--status-warning-text: #a16207;--status-danger-bg: #fee2e2;--status-danger-text: #b91c1c;--char-hakua-primary: #6366f1;--char-hakua-accent: #818cf8;--char-hakua-bubble-bg: #eef2ff;--char-hakua-bubble-border: #c7d2fe;--char-iroha-primary: #ec4899;--char-iroha-accent: #f472b6;--char-iroha-bubble-bg: #fdf2f8;--char-iroha-bubble-border: #f9a8d4;--char-duo-primary: #7c3aed;--char-hakua-primary-subtle: rgba(99, 102, 241, .12);--char-hakua-primary-border: rgba(99, 102, 241, .3);--char-iroha-primary-subtle: rgba(236, 72, 153, .12);--char-iroha-primary-border: rgba(236, 72, 153, .3);--char-iroha-primary-shadow: rgba(236, 72, 153, .08);--char-iroha-accent-subtle: rgba(244, 114, 182, .15);--char-iroha-accent-border: rgba(244, 114, 182, .3);--char-iroha-accent-shadow: rgba(244, 114, 182, .08);--neutral-0: #ffffff;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--neutral-950: #141414;--font-display: "Inter Variable", "Noto Sans JP Variable", sans-serif;--font-body: "Noto Sans JP Variable", "Inter Variable", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-hero: clamp(2.5rem, 5vw, 4rem);--text-h1: clamp(1.75rem, 3vw, 2.5rem);--text-h2: clamp(1.25rem, 2vw, 1.75rem);--text-h3: clamp(1.125rem, 1.5vw, 1.375rem);--text-body: clamp(.875rem, 1vw, 1rem);--text-small: clamp(.75rem, .8vw, .875rem);--space-section: 4rem;--space-card: 1.5rem;--space-inline: .5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-elevated: 0 10px 40px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--z-toast: 500;--dark-bg-subtle: rgba(255, 255, 255, .05);--dark-bg-translucent: rgba(255, 255, 255, .8);--dark-border-subtle: rgba(255, 255, 255, .08);--dark-border-light: rgba(255, 255, 255, .1);--dark-border-medium: rgba(255, 255, 255, .2);--dark-glow: rgba(255, 255, 255, .15);--dark-text-faint: rgba(255, 255, 255, .3);--dark-text-muted: rgba(255, 255, 255, .35);--dark-text-secondary: rgba(255, 255, 255, .4);--dark-text-body: rgba(255, 255, 255, .5);--dark-text-emphasis: rgba(255, 255, 255, .7);--dark-text-strong: rgba(255, 255, 255, .88);--dark-card-bg: rgba(255, 255, 255, .04);--shadow-sm: 0 2px 8px rgb(0 0 0 / .1);--shadow-md: 0 4px 12px rgb(0 0 0 / .15);--shadow-lg: 0 20px 60px rgb(0 0 0 / .2);--shadow-deep: 0 2px 8px rgba(0, 0, 0, .3);--color-overlay: rgb(0 0 0 / .4);--layout-header-dark-bg: rgba(17, 24, 39, .9);--layout-cookie-bg: rgba(30, 30, 30, .95);--action-primary: #4f46e5;--action-primary-hover: #4338ca;--code-bg: #1e293b;--code-text: #f1f5f9;--book-accent: #8b5cf6;--book-accent-light: #c4b5fd;--affiliate-amazon: #ff9900;--affiliate-amazon-light: #ffb340;--affiliate-amazon-hover: #e68a00;--affiliate-rakuten: #bf0000;--affiliate-rakuten-light: #d42e2e;--affiliate-rakuten-hover: #a50000;--affiliate-yahoo: #ff0033;--affiliate-yahoo-light: #ff3355;--affiliate-yahoo-hover: #e6002d;--hero-bg-light: #ffffff;--hero-bg-mid: #f6f9fc;--hero-bg-dark: #eef2ff;--hero-text-primary: #1a1a2e;--bubble-indigo-50: #eef2ff;--bubble-indigo-100: #e0e7ff;--bubble-indigo-200: #c7d2fe;--bubble-indigo-300: #a5b4fc;--bubble-violet-100: #f5f3ff;--bubble-violet-200: #ddd6fe;--bubble-violet-300: #c4b5fd;--bubble-orange-50: #fff7ed;--bubble-orange-100: #ffedd5;--bubble-orange-200: #fed7aa;--bubble-orange-300: #fdba74;--bubble-rose-50: #fff1f2;--bubble-rose-200: #fecdd3;--bubble-rose-300: #fda4af;--bubble-yellow-200: #fef08a;--bubble-yellow-300: #fde047;--bubble-blue-200: #bfdbfe;--bubble-blue-300: #93c5fd;--bubble-cyan-100: #cffafe;--bubble-indigo-subtle: rgba(99, 102, 241, .15);--bubble-cyan-subtle: rgba(6, 182, 212, .15);--bubble-sky-50: #f0f9ff;--bubble-sky-400: #38bdf8;--bubble-sky-500: #0ea5e9;--bubble-sky-800: #0369a1;--bubble-cyan-50: #ecfeff;--bubble-cyan-400: #22d3ee;--bubble-cyan-700: #0e7490;--bubble-indigo-400: #818cf8;--bubble-indigo-500: #6366f1;--bubble-indigo-alpha-8: rgba(99, 102, 241, .08);--bubble-indigo-alpha-10: rgba(99, 102, 241, .1);--bubble-indigo-alpha-20: rgba(99, 102, 241, .2);--bubble-indigo-alpha-30: rgba(99, 102, 241, .3);--bubble-violet-400: #a855f7;--bubble-violet-500: #9333ea;--bubble-violet-alpha-8: rgba(168, 85, 247, .08);--bubble-green-50: #f0fdf4;--bubble-green-400: #4ade80;--bubble-green-500: #22c55e;--bubble-green-600: #16a34a;--bubble-green-alpha-10: rgba(34, 197, 94, .1);--bubble-red-500: #ef4444;--bubble-amber-400: #fbbf24;--bubble-amber-alpha-10: rgba(251, 191, 36, .1);--bubble-amber-600-alpha-20: rgba(217, 119, 6, .2);--bubble-rose-500: #f43f5e;--bubble-slate-400: #94a3b8;--bubble-slate-500: #64748b;--bubble-blue-50: #eff6ff;--bubble-blue-100: #dbeafe;--bubble-blue-400: #60a5fa;--bubble-blue-600: #2563eb;--bubble-blue-700: #1d4ed8;--bubble-blue-alpha-8: rgba(59, 130, 246, .08);--bubble-blue-alpha-10: rgba(59, 130, 246, .1);--bubble-blue-alpha-15: rgba(59, 130, 246, .15);--bubble-blue-alpha-20: rgba(59, 130, 246, .2);--teal-300: #5eead4;--teal-600: #0d9488;--overlay-pale: rgba(249, 250, 251, .8);--overlay-white-25: rgba(255, 255, 255, .25);--overlay-white-60: rgba(255, 255, 255, .6);--overlay-white-80: rgba(255, 255, 255, .8);--overlay-white-90: rgba(255, 255, 255, .9);--overlay-dark-80: rgba(30, 30, 30, .8);--overlay-slate: rgba(30, 41, 59, .5);--overlay-slate-60: rgba(30, 41, 59, .6);--overlay-slate-80: rgba(30, 41, 59, .8);--overlay-slate-90: rgba(30, 41, 59, .9);--overlay-black-65: rgba(0, 0, 0, .65);--action-primary-alpha-10: rgba(79, 70, 229, .1);--glass-dark-bg: rgba(255, 255, 255, .05);--glass-dark-border: rgba(255, 255, 255, .08);--glass-dark-hover: rgba(255, 255, 255, .1);--brand-primary-alpha-15: rgba(79, 70, 229, .15);--brand-primary-alpha-30: rgba(79, 70, 229, .3);--brand-primary-alpha-40: rgba(79, 70, 229, .4);--social-x-text: #000000;--social-x-bg: #e8f5fd;--social-x-bg-dark: rgba(29, 161, 242, .15);--social-facebook-bg: #e8f0fe;--social-facebook-text: #1877f2;--social-facebook-bg-dark: rgba(24, 119, 242, .15);--social-line-bg: #e6f9ed;--social-line-text: #06c755;--social-line-bg-dark: rgba(6, 199, 85, .15);--social-copy-bg: #d1fae5;--social-copy-text: #059669;--social-copy-bg-dark: rgba(16, 185, 129, .15);--social-copy-text-dark: #34d399}html[data-theme=dark]{color-scheme:dark;--surface-base: #0f172a;--surface-elevated: #1e293b;--surface-muted: #0c1220;--neutral-50: #1e293b;--neutral-100: #1f2937;--neutral-200: #374151;--neutral-300: #4b5563;--neutral-400: #6b7280;--neutral-500: #9ca3af;--neutral-600: #d1d5db;--neutral-700: #e5e7eb;--neutral-800: #f3f4f6;--neutral-900: #f9fafb;--neutral-950: #ffffff;--shadow-card: 0 1px 3px rgb(0 0 0 / .3), 0 1px 2px rgb(0 0 0 / .2);--shadow-card-hover: 0 4px 12px rgb(0 0 0 / .4), 0 2px 4px rgb(0 0 0 / .2);--shadow-elevated: 0 10px 40px rgb(0 0 0 / .4);--char-hakua-bubble-bg: rgba(99, 102, 241, .1);--char-hakua-bubble-border: rgba(99, 102, 241, .25);--char-iroha-bubble-bg: rgba(236, 72, 153, .1);--char-iroha-bubble-border: rgba(236, 72, 153, .25);--char-hakua-primary: #a5b4fc;--char-hakua-accent: #c7d2fe;--char-iroha-primary: #f9a8d4;--char-iroha-accent: #fbcfe8;--section-gaming-accent: #22d3ee;--section-design-accent: #5eead4;--section-design-bg-subtle: rgba(13, 148, 136, .08);--section-design-border: rgba(13, 148, 136, .2);--section-design-icon-bg: rgba(13, 148, 136, .15);--section-design-step-bg: rgba(13, 148, 136, .2);--section-design-accent-deep: #0d9488;--section-design-border-hover: rgba(13, 148, 136, .4);--section-design-icon-hover: rgba(13, 148, 136, .25);--section-life-hero-mid: #7c2d12;--section-life-hero-to: #881337;--section-life-notice-border: rgba(251, 191, 36, .2);--section-life-accent-label: #fbbf24;--section-tech-accent: #67e8f9;--section-tech-accent-mid: #67e8f9;--section-tech-border-hover: rgba(6, 182, 212, .4);--section-life-accent: #fbbf24;--section-books-accent: #fbbf24;--section-books-brand: #818cf8;--section-books-accent-label: #fbbf24;--section-books-accent-mid: #f59e0b;--section-books-blob-amber: #78350f;--section-books-blob-orange: #7c2d12;--section-books-bg-light: #1a1510;--section-books-picks-bg: linear-gradient(to bottom, #1a0f08, #120a05);--section-books-border-amber: rgba(251, 191, 36, .08);--status-success-bg: rgba(34, 197, 94, .15);--status-success-text: #86efac;--status-warning-bg: rgba(234, 179, 8, .15);--status-warning-text: #fde047;--status-danger-bg: rgba(239, 68, 68, .15);--status-danger-text: #fca5a5;--hero-bg-light: #0f172a;--hero-bg-mid: #0a1628;--hero-bg-dark: rgba(99, 102, 241, .08);--hero-text-primary: #f1f5f9;--section-play-accent: #fb923c;--section-play-accent-mid: #f97316;--section-play-accent-bright: #fb923c;--section-play-border-alpha: rgba(251, 146, 60, .3);--section-play-border: rgba(249, 115, 22, .2);--section-play-arrow-bg: rgba(249, 115, 22, .15);--section-play-bg: rgba(249, 115, 22, .08);--section-play-bg-secondary: rgba(249, 115, 22, .08);--layout-header-dark-bg: rgba(2, 6, 23, .9);--color-bg-secondary: var(--surface-elevated)}:root{--font-sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: var(--font-display);--color-bg-primary: var(--surface-base);--color-bg-secondary: var(--surface-muted);--color-bg-tertiary: var(--surface-muted);--color-bg-card: rgba(255, 255, 255, .95);--color-text-primary: #1a1a2e;--color-text-secondary: #6b7280;--color-text-muted: var(--neutral-600);--color-border: var(--neutral-200);--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-secondary: #6366f1;--color-accent-tertiary: var( --color-accent );--color-accent-light: #eef2ff;--color-accent-sub: #f59e0b;--color-accent-highlight: var(--color-accent-secondary);--color-accent-link: var(--color-accent);--color-glass: rgba(255, 255, 255, .9);--color-glass-border: rgba(20, 20, 20, .06);--color-glass-hover: rgba(255, 255, 255, .95)}html[data-theme=dark]{--color-bg-primary: var(--surface-base);--color-bg-secondary: var(--surface-elevated);--color-bg-tertiary: var(--surface-muted);--color-bg-card: rgba(30, 41, 59, .95);--color-text-secondary: #cbd5e1;--color-accent: #818cf8;--color-accent-hover: #a5b4fc;--color-accent-secondary: #6366f1;--color-accent-tertiary: var( --color-accent );--color-accent-link: #818cf8;--color-accent-highlight: #6366f1;--color-accent-light: rgba(99, 102, 241, .12);--color-accent-sub: #fbbf24;--color-glass: rgba(30, 41, 59, .9);--color-glass-border: rgba(255, 255, 255, .08);--color-glass-hover: rgba(51, 65, 85, .95)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}html{scroll-behavior:smooth;width:100%;max-width:100vw;overflow-x:hidden}@media(min-width:1920px){body{display:flex;flex-direction:column;align-items:center}body>*{width:100%;max-width:1920px}}section{width:100%}main{width:100%}header,footer{width:100%}body{font-family:var(--font-body);background:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary);overflow-x:hidden;line-height:1.8;letter-spacing:.02em;font-weight:400;width:100%;margin:0 auto}.prose{line-height:2;letter-spacing:.025em;max-width:680px;margin-inline:auto}.prose p{margin-block:1.5em}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;letter-spacing:-.02em;line-height:1.2}h1{margin-block:1.5em .75em}h2{margin-block:1.25em .625em}h3{margin-block:1em .5em}a:not([class]){color:var(--color-accent-tertiary);text-decoration:underline;text-underline-offset:.15em}a:not([class]):hover{color:var(--color-accent)}.glass{background:var(--color-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border)}.glass-hover:hover{background:var(--color-glass-hover)}.gradient-text{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button,a{transition:all .3s var(--ease-3)}.card-hover{transition:transform .3s var(--ease-3),box-shadow .3s var(--ease-3)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-4)}.img-hover{overflow:hidden}.img-hover img{transition:transform .5s var(--ease-3)}.img-hover:hover img{transform:scale(1.05)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:500;border-radius:.5rem;background:var(--color-accent);color:#fff;transition:all .3s var(--ease-3)}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-3)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-1)}.link-animated{position:relative;text-decoration:none}.link-animated:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width .3s var(--ease-3)}.link-animated:hover:after{width:100%}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.reveal{opacity:0;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.section{position:relative}.section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.headroom{position:fixed;top:0;left:0;right:0;z-index:50;transition:transform .3s var(--ease-3),box-shadow .3s var(--ease-3);will-change:transform}.headroom--pinned{transform:translateY(0)}.headroom--unpinned{transform:translateY(-100%)}.headroom--scrolled{box-shadow:var(--shadow-3)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.headroom{transition:none}.card-hover:hover,.img-hover:hover img,.btn-primary:hover,.btn-primary:active{transform:none}.link-animated:after{display:none}}.input-field{width:100%;padding:.75rem 1rem;background-color:var(--surface-elevated);border:1px solid var(--neutral-200);border-radius:.75rem;color:var(--neutral-900);font-size:1rem;transition:all .2s ease}.input-field::placeholder{color:var(--neutral-400)}.input-field:focus{outline:none;border-color:var(--color-accent-secondary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-secondary) 15%,transparent)}.card{background-color:var(--surface-elevated);border:1px solid var(--neutral-100);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-card)}.book-card{display:flex;gap:1rem;padding:1rem;background:var(--surface-elevated);border:1px solid var(--neutral-200);border-radius:.75rem;margin:1.5rem 0;transition:box-shadow .2s,border-color .2s}.book-card:hover{border-color:var(--book-accent-light);box-shadow:0 4px 12px color-mix(in srgb,var(--book-accent) 10%,transparent)}.book-image-link{flex-shrink:0;display:block}.book-image{width:100px;height:auto;border-radius:.375rem;box-shadow:var(--shadow-card);transition:transform .2s}.book-image-link:hover .book-image,.book-card:hover .book-image{transform:scale(1.05)}.book-info{flex:1;min-width:0}.book-title{display:block;font-weight:700;color:var(--neutral-950);text-decoration:none;line-height:1.4;margin-bottom:.25rem;transition:color .2s}.book-title:hover{color:var(--book-accent)}.book-author{font-size:.875rem;color:var(--neutral-500);margin:0 0 .5rem}.book-desc{font-size:.875rem;color:var(--neutral-600);margin:0 0 .75rem;line-height:1.5}.affiliate-cta-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.affiliate-cta-stack{flex-direction:column}.affiliate-cta-stack .affiliate-cta{width:100%}.affiliate-cta{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.4rem .875rem;font-size:.8125rem;font-weight:600;text-decoration:none;border-radius:.5rem;transition:all .2s;white-space:nowrap;position:relative;overflow:hidden}.affiliate-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.affiliate-cta:active{transform:translateY(0)}.affiliate-cta-sm{padding:.375rem .75rem;font-size:.75rem;border-radius:.375rem}.affiliate-cta-md{padding:.625rem 1.25rem;font-size:.875rem}.affiliate-cta-lg{padding:.75rem 1.5rem;font-size:1rem;border-radius:.625rem}.affiliate-cta-xl{padding:1rem 2rem;font-size:1.125rem;border-radius:.75rem;font-weight:700}.affiliate-cta-full{width:100%}.affiliate-cta-amazon{background:linear-gradient(to bottom,var(--affiliate-amazon-light),var(--affiliate-amazon));color:var(--neutral-950);box-shadow:0 2px 6px color-mix(in srgb,var(--affiliate-amazon) 25%,transparent)}.affiliate-cta-amazon:hover{background:linear-gradient(to bottom,var(--affiliate-amazon),var(--affiliate-amazon-hover));box-shadow:0 4px 12px color-mix(in srgb,var(--affiliate-amazon) 30%,transparent)}.affiliate-cta-rakuten{background:linear-gradient(to bottom,var(--affiliate-rakuten-light),var(--affiliate-rakuten));color:var(--surface-elevated);box-shadow:0 2px 6px color-mix(in srgb,var(--affiliate-rakuten) 25%,transparent)}.affiliate-cta-rakuten:hover{background:linear-gradient(to bottom,var(--affiliate-rakuten),var(--affiliate-rakuten-hover));box-shadow:0 4px 12px color-mix(in srgb,var(--affiliate-rakuten) 30%,transparent)}.affiliate-cta-yahoo{background:linear-gradient(to bottom,var(--affiliate-yahoo-light),var(--affiliate-yahoo));color:var(--neutral-950);box-shadow:0 2px 6px color-mix(in srgb,var(--affiliate-yahoo) 25%,transparent)}.affiliate-cta-yahoo:hover{background:linear-gradient(to bottom,var(--affiliate-yahoo),var(--affiliate-yahoo-hover));box-shadow:0 4px 12px color-mix(in srgb,var(--affiliate-yahoo) 30%,transparent)}.affiliate-cta-icon svg{width:1em;height:1em;flex-shrink:0}.affiliate-cta-shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s;pointer-events:none}.affiliate-cta-shine:hover:before{left:100%}@media(max-width:480px){.book-card{flex-direction:column;align-items:center;text-align:center}.book-image{width:120px}.affiliate-cta-group{justify-content:center;width:100%}.affiliate-cta{flex:1;min-width:0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.skip-link{position:absolute;top:-100%;left:0;z-index:9999;padding:.5rem 1rem;background:var(--neutral-900);color:var(--neutral-50);font-size:.875rem;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:0}.update-badge{background:var(--status-success-bg);color:var(--status-success-text)}