@import"https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Mitr:wght@400;500;600;700&family=Prompt:wght@400;500;600;700&family=Sarabun:wght@300;400;500;600&display=swap";@layer components;/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.font-display{font-family:var(--font-display)}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--font-body:"Sarabun","Prompt","Mitr",system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-heading:"Prompt","Mitr","Sarabun",system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-display:"Mitr","Prompt","Sarabun",system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-primary:var(--font-body)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.home_container{width:100%;max-width:818px;min-height:100vh;margin:0 auto;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-image:url(../img/Home_bg1.png);background-size:100% auto;background-position:center top;background-repeat:no-repeat;position:relative}.home_header{background:transparent;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.home_header-content{display:flex;flex-direction:column;align-items:center;gap:0px;margin-top:40px}.home_logo{width:140px;height:140px;object-fit:contain;margin-top:-24px}.home_title{color:#fff;font-size:24px;font-weight:600;margin:-10px;text-align:center}.home_menu-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;position:absolute;top:16px;right:24px}.home_menu-button svg{width:24px;height:24px}.home_menu{position:absolute;top:-16px;right:0;z-index:20000}.home_menu .menu-btn{background:#0f172a73;border:1.5px solid rgba(255,255,255,.65);border-radius:16px;cursor:pointer;padding:clamp(14px,3vw,18px) clamp(16px,3.4vw,22px);display:flex;flex-direction:column;justify-content:space-between;height:clamp(48px,6vw,56px);width:clamp(52px,6.5vw,64px);box-shadow:0 8px 16px #0f172a59;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.home_menu .menu-btn span{display:block;width:100%;height:3px;border-radius:999px;background:#fffffff2;transition:transform .3s ease,opacity .3s ease}.home_menu .menu-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px #0f172a66;background:#0f172a8c}.home_menu .menu-btn:active{transform:translateY(0);box-shadow:0 6px 12px #0f172a66;background:#0f172a99}.home_menu .menu-btn.open span:nth-child(1){transform:rotate(45deg) translateY(8px)}.home_menu .menu-btn.open span:nth-child(2){opacity:0}.home_menu .menu-btn.open span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.home_menu .menu-btn.open{background:#0f172abf;box-shadow:0 10px 20px #0f172a73}.home_menu .menu-btn.open span{background:#fffffff2}.home_orange-section{background:transparent;padding:clamp(0px,12vw,120px) clamp(20px,6vw,36px) clamp(240px,46vw,360px);position:relative;overflow:hidden}.home_orange-content{position:relative;z-index:2;max-width:100%;margin:30px auto;text-align:left;padding:0 24px;display:flex;flex-direction:column;align-items:flex-start}.home_main-heading{color:#fff;font-size:22px;font-weight:700;line-height:1.1;margin-bottom:16px;font-family:var(--font-display)}.home_sub-text{color:#fff;font-size:14px;line-height:1.3;margin-bottom:32px;opacity:.95;font-family:var(--font-body)}.home_test-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:30px;padding:16px 32px;font-size:16px;font-weight:600;font-family:var(--font-heading);cursor:pointer;display:flex;align-items:center;gap:12px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px #3b82f6b3,0 4px 12px #0006;text-shadow:0 2px 6px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.4);-webkit-tap-highlight-color:transparent;align-self:flex-start;position:relative}.home_test-button--retake{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98199,0 4px 12px #0000004d}.home_test-button--locked{cursor:not-allowed;opacity:.9;box-shadow:none;filter:grayscale(.06)}.home_test-button .lock-note{display:block;font-size:12px;margin-top:6px;opacity:.95;color:#fffffff2;font-weight:600}.home_test-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3b82f6cc,0 6px 16px #00000080}.home_test-button:active{transform:translateY(0);box-shadow:0 6px 20px #3b82f699,0 3px 10px #0000004d}.home_card-text{color:#b9b9b9;font-size:32px;line-height:1.6;text-align:center;margin:0;font-family:var(--font-heading)}.home_white-card{background:#fff;border-radius:20px;padding:clamp(20px,5vw,28px);box-shadow:12px 10px 8px #0006,4px 4px 4px #0000004d;position:relative;z-index:5;width:min(92vw,560px);min-height:clamp(220px,46vw,360px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,3vw,18px);text-align:center;margin:clamp(-200px,-24vw,-120px) auto clamp(48px,14vw,120px)}.home_blue-section{background:transparent;margin:0 auto;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;overflow:visible}.home_cards-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"game game" "bot challenge" "community community";gap:clamp(16px,3vw,24px) clamp(12px,2vw,20px);width:100%;margin:0 auto;position:relative;z-index:1;padding:clamp(64px,12vw,64px) clamp(16px,6vw,36px) clamp(48px,12vw,80px);background-image:url(../img/home_bg2.png);background-size:100% auto;background-position:top center;background-repeat:no-repeat;box-sizing:border-box;font-family:var(--font-display);overflow:visible;justify-items:stretch;align-content:start}.home_card{width:100%;border-radius:40px;padding:24px;position:relative;overflow:hidden;box-shadow:0 6px 20px #0006,0 2px 8px #0000004d;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.home_card--locked{cursor:not-allowed;filter:grayscale(.55);opacity:.8}.home_card--locked:after{content:"";position:absolute;inset:0;background:#1118278c;mix-blend-mode:multiply;border-radius:30px}.home_card--locked .home_card-title,.home_card--locked .home_card-title-game,.home_card--locked .home_card-title-bot,.home_card--locked .home_card-community-text{color:#e5e7eb;text-shadow:none;position:relative;z-index:2}.home_card--locked .home_card-icon-wrapper,.home_card--locked .home_card-lock-label{position:relative;z-index:2}.home_card--locked img{filter:grayscale(1) opacity(.65)}.home_card-lock-label{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:#0f172abf;color:#f8fafc;box-shadow:0 4px 12px #0f172a73}.home_card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000080,0 4px 12px #0006}.home_card--locked:hover,.home_card--locked:active{transform:none;box-shadow:0 6px 20px #00000059,0 2px 8px #00000047}.home_card:active{transform:translateY(-2px);box-shadow:0 8px 24px #00000073,0 3px 10px #00000059}.home_card-icon-wrapper{position:relative;margin-bottom:16px;display:flex;justify-content:center;align-items:center;min-height:80px;z-index:100}.home_card-game{background:linear-gradient(135deg,#32c2ff,#2edf7e);width:min(480px,100%);min-height:180px;margin:0 auto 8px;grid-column:1 / -1;grid-area:game;border-radius:30px;box-shadow:0 6px 20px #0006,0 2px 8px #0000004d;overflow:visible}.home_game-icon{width:280px;height:280px;position:absolute;top:-170px;left:50%;transform:translate(-50%);object-fit:contain}.home_card-title{color:#fff;font-size:36px;font-weight:700;text-align:center;margin:0;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 1px 4px rgba(0,0,0,.5);font-family:var(--font-display)}.home_card-title-game{font-size:64px;transform:translateY(-60%);text-shadow:0 3px 12px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.5)}.home_card-bot{background:linear-gradient(135deg,#ffffc3,#fd5 49%,#ff832a);width:100%;max-width:320px;overflow:visible;border-radius:30px;grid-area:bot;justify-self:stretch;align-self:stretch}.home_bot-icon{width:146px;height:146px;position:absolute;top:-70px;right:-70px;object-fit:contain}.home_card-title-bot{color:#1e40af;font-size:36px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 1px 4px rgba(0,0,0,.5)}.home_card-challenge{background:linear-gradient(135deg,#ff999b,#ff2525);width:100%;max-width:300px;overflow:visible;justify-self:center;margin-top:0;border-radius:30px;grid-area:challenge;align-self:stretch}.home_challenge-icon{width:120px;height:120px;position:absolute;top:-65px;right:-10px;object-fit:contain}.home_card-challenge .home_card-title{font-size:36px;margin-top:-20px;margin-left:-10px}.home_card-community{background:linear-gradient(135deg,#38db17,#fff7ba);width:min(420px,100%);min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-column:1 / -1;justify-self:center;margin-left:0;margin-top:clamp(-16px,-3vw,-50px);overflow:visible;border-radius:30px;position:relative;box-shadow:0 6px 20px #00000059;grid-area:community}.home_community-icon{width:180px;height:180px;position:relative;top:-130px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}.home_card-community-text{color:#fff;font-size:36px;font-weight:600;margin-top:-30px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 1px 4px rgba(0,0,0,.5);position:relative;z-index:1;letter-spacing:1.5px}@media(max-width:374px){.home_container{width:100%;max-width:374px;background-size:110% auto}.home_header{padding:18px 16px 14px}.home_logo{width:128px;height:128px;margin-top:8px}.home_title{font-size:18px}.home_header-content{margin-top:12px}.home_orange-section{padding:clamp(32px,12vw,60px) 16px clamp(200px,62vw,320px)}.home_orange-content{margin:12px auto;padding:0 12px}.home_main-heading{font-size:24px;line-height:1.25;margin-top:24px}.home_sub-text{font-size:14px;line-height:1.45}.home_test-button{padding:12px 20px;font-size:16px}.home_white-card{width:min(92vw,340px);padding:clamp(16px,6vw,22px);border-radius:18px;min-height:clamp(200px,58vw,320px);margin-top:18px}.home_card-text{font-size:24px;line-height:1.45}.home_cards-container{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"game game" "bot challenge" "community community";gap:12px 8px;padding:64px 14px 44px;top:0;height:auto;background-size:120% auto}.home_card{padding:22px;border-radius:28px;max-width:100%;margin:0}.home_card-game{width:100%;max-width:420px;min-height:170px;margin:0 auto 4px}.home_game-icon{top:-140px;width:240px;height:240px}.home_card-title{font-size:20px}.home_card-title-game{font-size:52px}.home_card-title-bot{font-size:28px}.home_card-bot,.home_card-challenge{max-height:148px;max-width:100%;margin:0}.home_card-challenge .home_card-title{font-size:28px;margin-top:0;margin-left:0;text-align:center}.home_card-community{width:100%;max-width:100%;margin-top:0}.home_card-community-text{font-size:32px;margin-top:-120px}.home_community-icon{top:-120px}.home_card-lock-label{margin-top:14px}}@media(min-width:375px)and (max-width:429px){.home_container{width:100%;max-width:414px;background-size:100% auto}.home_header{padding:20px 20px 16px}.home_logo{width:140px;height:140px;margin-top:15px}.home_title{font-size:20px}.home_header-content{margin-top:0}.home_orange-section{padding:clamp(36px,10vw,60px) 20px clamp(200px,58vw,320px)}.home_orange-content{margin:10px auto}.home_main-heading{font-size:28px;line-height:1.3;margin-top:35px}.home_sub-text{font-size:16px;line-height:1.5}.home_test-button{padding:14px 24px;font-size:18px}.home_white-card{width:min(92vw,360px);padding:clamp(18px,6vw,24px);border-radius:18px;min-height:clamp(200px,55vw,320px);margin-top:24px}.home_card-text{font-size:26px;line-height:1.5}.home_cards-container{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"game game" "bot challenge" "community community";gap:14px 10px;padding:68px 16px 48px;top:0;height:auto;background-size:110% auto}.home_card{padding:24px;border-radius:30px;max-width:100%;margin:0}.home_card-game{top:0;width:100%;max-width:460px;min-height:180px;margin:0 auto 6px}.home_game-icon{top:-150px}.home_card-title{font-size:32px}.home_card-title-game{font-size:56px}.home_card-title-bot{font-size:32px}.home_card-bot{max-width:100%;margin:0}.home_card-challenge .home_card-title{font-size:24px}.home_card-challenge{max-width:100%;margin:0;left:0}.home_card-community{width:100%;max-width:100%;margin-top:4px}.home_card-community-text{margin-top:-140px}.home_community-icon{top:-130px}.home_card-lock-label{margin-top:16px}}@media(min-width:430px)and (max-width:480px){.home_container{width:100%;max-width:480px}.home_header{padding:16px 20px}.home_header-content{margin-top:40px;gap:4px}.home_logo{width:150px;height:150px}.home_title{font-size:20px}.home_orange-section{padding:clamp(40px,12vw,72px) 20px clamp(220px,52vw,340px)}.home_main-heading{font-size:32px}.home_sub-text{font-size:20px}.home_test-button{padding:14px 28px;font-size:24px}.home_white-card{width:min(92vw,380px);padding:clamp(20px,5vw,26px);border-radius:18px;min-height:clamp(220px,48vw,340px);margin:clamp(80px,20vw,96px) auto clamp(40px,12vw,80px)}.home_card-text{font-size:34px;padding:10px;line-height:1.2}.home_cards-container{grid-template-columns:1fr;gap:20px;padding:80px 20px 56px;top:0;background-size:cover;grid-template-areas:"game" "bot" "challenge" "community"}.home_card{padding:26px;border-radius:30px;max-width:380px;margin:0 auto}.home_card-game{top:0;width:100%;min-height:200px;margin:0 auto}.home_card-title{font-size:36px}.home_card-title-game{font-size:64px}.home_card-title-bot{font-size:36px}.home_card-bot,.home_card-challenge,.home_card-community{width:100%;max-width:380px;min-height:160px;border-radius:30px;margin:0 auto}.home_card-challenge{width:100%;left:0;margin-top:20px}.home_card-challenge .home_card-title{font-size:26px}.home_card-community{margin-top:12px}.home_card-community-text{font-size:36px;margin-top:-150px}.home_card-lock-label{margin-top:18px}}@media(min-width:481px)and (max-width:768px){.home_container{width:100%;max-width:768px}.home_header{padding:100px 32px 24px}.home_header-content{margin-top:40px;gap:4px}.home_logo{width:140px;height:140px}.home_title{font-size:24px}.home_orange-section{padding:clamp(56px,12vw,96px) 32px clamp(240px,38vw,360px)}.home_main-heading{font-size:36px}.home_sub-text{font-size:20px}.home_test-button{padding:18px 36px;font-size:24px}.home_white-card{width:min(78vw,520px);padding:clamp(24px,4vw,32px);border-radius:20px;min-height:clamp(240px,34vw,360px);margin:clamp(-200px,-26vw,-120px) auto clamp(48px,10vw,96px)}.home_card-text{font-size:30px}.home_cards-container{gap:8px;padding:0 32px;max-width:600px;margin:0 auto}.home_card{padding:28px}.home_card-game{min-height:180px}.home_card-title{font-size:36px}.home_card-title-game{font-size:64px}.home_card-title-bot{font-size:36px}.home_card-bot,.home_card-challenge,.home_card-community{min-height:140px;border-radius:30px}.home_card-community{margin-top:-50px}.home_card-community-text{margin-top:-150px}.home_card-lock-label{margin-top:20px}}@media(min-width:769px)and (max-width:1024px){.home_container{max-width:818px;margin:0 auto}.home_header{padding:100px 40px 24px}.home_header-content{margin-top:40px;gap:4px}.home_logo{width:140px;height:140px}.home_title{font-size:24px}.home_orange-section{padding:clamp(64px,10vw,108px) 40px clamp(240px,32vw,360px)}.home_main-heading{font-size:36px}.home_sub-text{font-size:20px}.home_test-button{padding:18px 36px;font-size:24px}.home_white-card{width:min(70vw,540px);padding:clamp(26px,3.5vw,34px);border-radius:22px;min-height:clamp(240px,30vw,360px);margin:clamp(-220px,-24vw,-140px) auto clamp(56px,12vw,110px)}.home_card-text{font-size:30px}.home_cards-container{gap:8px;padding:0 40px;max-width:700px;margin:0 auto}.home_card{padding:32px}.home_card-game{min-height:200px}.home_card-title{font-size:36px}.home_card-title-game{font-size:64px}.home_card-title-bot{font-size:36px}.home_card-bot,.home_card-challenge,.home_card-community{min-height:160px;border-radius:30px}.home_card-community{margin-top:-50px}.home_card-community-text{margin-top:-150px}.home_card-lock-label{margin-top:20px}}@media(min-width:1025px){.home_container{max-width:818px;margin:0 auto}.home_header{padding:100px 40px 24px}.home_header-content{margin-top:40px;gap:4px}.home_logo{width:140px;height:140px}.home_title{font-size:24px}.home_orange-section{padding:clamp(70px,8vw,120px) 40px clamp(240px,28vw,360px)}.home_main-heading{font-size:36px}.home_sub-text{font-size:20px}.home_test-button{padding:18px 36px;font-size:24px}.home_white-card{width:min(62vw,560px);padding:clamp(28px,3vw,36px);border-radius:22px;min-height:clamp(260px,28vw,360px);margin:clamp(-220px,-22vw,-140px) auto clamp(56px,10vw,120px)}.home_card-text{font-size:30px}.home_cards-container{gap:8px;max-width:700px;margin:0 auto}.home_card{padding:32px}.home_card-game{min-height:200px}.home_card-title{font-size:36px}.home_card-title-game{font-size:64px}.home_card-title-bot{font-size:36px}.home_card-bot,.home_card-challenge,.home_card-community{min-height:160px;border-radius:30px}.home_card-community{margin-top:-50px}.home_card-community-text{margin-top:-150px}.home_card-lock-label{margin-top:22px}}.home_card-bot,.home_card-challenge{position:relative}.home_card-title,.home_card-title-bot,.home_card-challenge .home_card-title{width:100%!important;text-align:center!important;margin-left:0!important;left:0!important;transform:none!important;display:block!important}.menu-title{font-size:15px;margin:0 0 8px;color:#0f172a;font-weight:700}.menu-main{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:6px}.menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.menu-item a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:10px;text-decoration:none;color:#0f172a;font-weight:600}.menu-item a:hover{background:#0f172a08}.menu-item.active a{background:linear-gradient(90deg,#7c3aed14,#06b6d40a);border-left:3px solid #7c3aed;padding-left:10px}.menu-item-badge{background:#7c3aed;color:#fff;padding:4px 8px;border-radius:10px;font-size:12px;font-weight:700}.menu-more-title{font-size:13px;margin:6px 0;color:#6b7280;font-weight:700}@media(max-width:420px){.menu-main,.menu-list{gap:8px}}.chatbot-page{min-height:100svh;display:flex;flex-direction:column;color:#1c2f4d;font-weight:600;position:relative;overflow:hidden;transition:background .4s ease}.chatbot-page.companion-mode{background:linear-gradient(165deg,#fff4e6,#ffe4cc 26%,#e6efff 68%,#f4f7ff)}.chatbot-page.expert-mode{background:linear-gradient(165deg,#eef2f9,#dde5f3 45%,#cfd8ea)}.chatbot-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.chatbot-backdrop-video{width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}.chatbot-backdrop-overlay{position:absolute;inset:0;pointer-events:none;transition:opacity .4s ease,background .4s ease}.chatbot-page.companion-mode .chatbot-backdrop-overlay{background:linear-gradient(180deg,#fff4e659,#e4efff40)}.chatbot-page.expert-mode .chatbot-backdrop-overlay{background:linear-gradient(180deg,#0f172a52,#1e293b38)}.chatbot-content{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:100svh}.chatbot-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(16px,4vw,28px) clamp(18px,5vw,32px)}.chatbot-back{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;border:none;background:#0f172a1f;color:#ffbf88;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.chatbot-back:hover{transform:translateY(-2px);background-color:#fffdf8;box-shadow:0 26px 48px #1f4cd23d}.chatbot-back:active{transform:scale(.95)}.chatbot-header-main{flex:1;display:flex;flex-direction:column;gap:4px}.chatbot-title{font-size:clamp(1.25rem,2.8vw,1.6rem);font-weight:700;color:#20407b;text-shadow:0 2px 8px rgba(15,23,42,.35)}.chatbot-subtitle{font-size:clamp(.85rem,2.2vw,1rem);color:#20407ba6;text-shadow:0 2px 6px rgba(15,23,42,.28)}.chatbot-page.expert-mode .chatbot-title{color:#1f3a8a}.chatbot-page.expert-mode .chatbot-subtitle{color:#1f3a73b3}.chatbot-page.expert-mode .chatbot-back{border-color:#1e40af59;color:#1f3a8a;box-shadow:0 18px 34px #1e40af38}.chatbot-page.expert-mode .chatbot-back:hover{box-shadow:0 26px 48px #102d8242}.chatbot-menu .menu-btn span{background-color:#20407b}.chatbot-settings-container{position:relative}.chatbot-settings{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;border:none;background:#0f172a1f;color:#20407b;cursor:pointer}.chatbot-settings:hover{transform:translateY(-2px);background:#0f172a33}.chatbot-settings-backdrop{position:fixed;inset:0;background:#02061780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90}.chatbot-shop{display:inline-flex;align-items:center;gap:8px;justify-content:center;height:46px;padding:6px 12px;border-radius:14px;border:1px solid rgba(14,34,58,.06);background:linear-gradient(135deg,#e9f7ef,#dff3e9 40%,#fffaf0);color:#18403a;margin-right:10px;cursor:pointer;transition:transform .14s ease,background .14s ease,box-shadow .14s ease;box-shadow:0 8px 20px #09121c0f}.chatbot-shop:hover{transform:translateY(-3px);background:linear-gradient(135deg,#e6f6ea,#d5f0df 40%,#fff6e8);box-shadow:0 14px 36px #09121c1a}.chatbot-page.expert-mode .chatbot-shop{background:linear-gradient(135deg,#e9f2ff,#dfe9ff 40%,#fffaf0);color:#15335e}.chatbot-shop svg{width:20px;height:20px;color:#2b6b4a}.chatbot-shop-label{font-weight:700;font-size:.92rem;color:inherit;white-space:nowrap}@media(max-width:520px){.chatbot-shop{padding:6px;gap:0}.chatbot-shop-label{display:none}}.chatbot-settings-panel{position:fixed;inset:6dvh 4vw;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:12px;background:linear-gradient(180deg,#fffffffa,#fafafcfa);box-shadow:0 24px 64px #02061752;z-index:100;max-height:88dvh;overflow:auto}.chatbot-settings-item{border:none;background:transparent;padding:10px 12px;text-align:left;border-radius:8px;cursor:pointer;color:#1f3a8a}.chatbot-settings-item:hover{background:#0f172a0f}.chatbot-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid rgba(20,36,70,.04)}.chatbot-settings-title{font-size:1.05rem;font-weight:700;color:#10263f}.chatbot-settings-close{background:transparent;border:none;font-size:20px;line-height:1;width:36px;height:36px;border-radius:8px;cursor:pointer}.chatbot-settings-body{display:flex;flex-direction:column;gap:12px;padding-top:6px}.chatbot-main{flex:1;display:flex;justify-content:center;padding:0 clamp(4px,1.5vw,18px) clamp(6px,1.5vw,10px);background:transparent}.chatbot-panel{flex:1;max-width:960px;background:transparent;border-radius:28px;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;flex-direction:column;overflow:hidden;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}.chatbot-page.expert-mode .chatbot-panel{background:transparent;border:none;box-shadow:none}.chatbot-mode-toggle{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:clamp(14px,3.4vw,22px) clamp(22px,4vw,32px) 0}.chatbot-mode-option{display:flex;flex-direction:column;gap:4px;border-radius:18px;border:none;background:#0f172a14;padding:12px 18px;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;color:#f1f5f9;box-shadow:none;text-shadow:0 2px 6px rgba(5,9,16,.55)}.chatbot-mode-option:hover{transform:translateY(-2px);border-color:#ff9b5580}.chatbot-mode-option:disabled:not(.active){opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.chatbot-mode-option.active:disabled{cursor:not-allowed}.chatbot-mode-option.active{background:#ffb0665c;color:#0f172a;border:none;box-shadow:none}.chatbot-mode-option.active .mode-title{color:#0f172a}.chatbot-page.expert-mode .chatbot-mode-option.active{background:#2563eb52;color:#f8fafc;border:none;box-shadow:none}.chatbot-theme-menu{position:relative;padding:clamp(10px,2.6vw,18px) clamp(22px,4vw,32px) 0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.chatbot-theme-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-width:clamp(220px,40vw,320px);border:none;border-radius:16px;padding:12px 16px;background:#0f172a42;color:#f8fafc;cursor:pointer;transition:transform .18s ease,background .18s ease;text-shadow:0 2px 6px rgba(5,9,16,.6)}.chatbot-theme-toggle svg{transition:transform .2s ease}.chatbot-theme-toggle.open svg{transform:rotate(180deg)}.chatbot-theme-toggle:hover,.chatbot-theme-toggle:focus-visible{transform:translateY(-1px);background:#0f172a66}.chatbot-theme-panel{display:none;position:relative;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:#0f172a4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 34px #0f172a47;border:1px solid rgba(255,176,102,.22);width:clamp(240px,42vw,360px)}.chatbot-theme-panel.open{display:flex}.chatbot-theme-option{border:none;border-radius:14px;padding:8px 12px;background:#0f172a2e;color:#f8fafc;cursor:pointer;text-align:left;transition:transform .18s ease,background .18s ease;text-shadow:0 2px 6px rgba(5,9,16,.55)}.chatbot-theme-option:hover,.chatbot-theme-option:focus-visible{transform:translateY(-1px);background:#0f172a52}.chatbot-theme-option.active{background:#ffb06673;color:#0f172a;text-shadow:0 2px 6px rgba(255,255,255,.55)}.chatbot-page.expert-mode .chatbot-theme-toggle{background:#2563eb52}.chatbot-page.expert-mode .chatbot-theme-toggle:hover,.chatbot-page.expert-mode .chatbot-theme-toggle:focus-visible{background:#2563eb75}.chatbot-page.expert-mode .chatbot-theme-panel{background:#0f172a8c;border:1px solid rgba(37,99,235,.38)}.chatbot-page.expert-mode .chatbot-theme-option{background:#2563eb3d}.chatbot-page.expert-mode .chatbot-theme-option:hover,.chatbot-page.expert-mode .chatbot-theme-option:focus-visible{background:#2563eb61}.chatbot-page.expert-mode .chatbot-theme-option.active{background:#0f172ab8;color:#f8fafc}.chatbot-page.expert-mode .mode-caption{color:#e2e8f0d9}.mode-title{font-size:.98rem;font-weight:700;color:#1f3d75;text-shadow:0 2px 6px rgba(15,23,42,.35)}.mode-caption{font-size:.82rem;color:#1c2f4db8;text-shadow:0 2px 6px rgba(15,23,42,.28)}.chatbot-page.expert-mode .chatbot-mode-option .mode-caption{color:#f0f5faeb;text-shadow:0 1px 3px rgba(2,6,23,.28)}.chatbot-thread{flex:1;display:flex;flex-direction:column;gap:18px;padding:clamp(22px,4vw,32px);overflow-y:auto;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 48px,black calc(100% - 48px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black 48px,black calc(100% - 48px),transparent 100%)}.chatbot-thread::-webkit-scrollbar{width:6px}.chatbot-thread::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff9b5599,#3f61ce8c);border-radius:999px}.chatbot-message{display:flex;justify-content:flex-start}.chatbot-message.user{justify-content:flex-end}.chatbot-bubble{max-width:min(78%,520px);padding:16px 18px;border-radius:20px;font-size:.98rem;line-height:1.55;letter-spacing:.2px;display:flex;flex-direction:column;gap:8px;box-shadow:0 18px 38px #0f172a3d}.chatbot-message.user .chatbot-bubble{background:#2463ffd9;color:#fff;text-shadow:0 2px 6px rgba(12,20,38,.55);border-bottom-right-radius:8px}.chatbot-message.bot .chatbot-bubble{background:#ffb576b8;color:#3b2103;text-shadow:0 1px 4px rgba(255,255,255,.45);border-bottom-left-radius:8px}.chatbot-page.expert-mode .chatbot-message.bot .chatbot-bubble{background:#2563ebc7;color:#f8fafc;box-shadow:0 18px 36px #0f172a47;text-shadow:0 2px 6px rgba(12,21,39,.55)}.chatbot-page.expert-mode .chatbot-message.user .chatbot-bubble{background:#0f172ad1;color:#f8fafc;text-shadow:0 2px 6px rgba(8,13,24,.65)}.chatbot-message.loading .chatbot-bubble{opacity:.82}.chatbot-references{margin-top:12px;border:1px solid rgba(255,152,84,.35);border-radius:16px;background:transparent;overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease,background .18s ease}.chatbot-references[open]{box-shadow:0 16px 28px #21407c1f}.chatbot-page.expert-mode .chatbot-references{border:1px solid rgba(255,255,255,.874);background:transparent}.chatbot-references>summary{list-style:none;cursor:pointer;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem;font-weight:600;color:#f97316}.chatbot-page.expert-mode .chatbot-references>summary{color:#25ff00}.chatbot-references>summary::-webkit-details-marker{display:none}.chatbot-references>summary svg{transition:transform .18s ease}.chatbot-references[open]>summary svg{transform:rotate(180deg)}.chatbot-reference-list{margin:0;padding:0 16px 16px;list-style:none;display:flex;flex-direction:column;gap:8px}.chatbot-reference-list li{font-size:.82rem;line-height:1.45}.chatbot-reference-list a{color:#38e981;text-decoration:none;transition:color .18s ease,text-decoration-color .18s ease;word-break:break-word;text-shadow:0 1px 4px rgba(15,23,42,.35)}.chatbot-reference-list a:hover,.chatbot-reference-list a:focus{color:#10ee65;text-decoration:underline;text-decoration-color:#10ee65}.chatbot-timestamp{font-size:.78rem;opacity:.75}.chatbot-composer{display:flex;align-items:stretch;gap:16px;padding:clamp(18px,4vw,28px);border-top:1px solid rgba(33,64,124,.12);background:transparent}.chatbot-input-wrapper{flex:1;display:flex;align-items:center;gap:8px;border-radius:18px;background:#0f172a29;box-shadow:none;padding:6px 10px}.chatbot-composer textarea{flex:1;border:none;background:transparent;font-family:inherit;font-size:.96rem;line-height:1.45;color:#1c2f4d;resize:none;min-height:32px;max-height:110px;overflow-y:hidden;padding:4px 0 6px;justify-content:flex-end}.chatbot-composer textarea::placeholder{color:#1c2f4d80}.chatbot-composer textarea:focus{outline:none}.chatbot-prompts{display:flex;flex:0 0 clamp(200px,28vw,340px);align-items:center;gap:10px;overflow-x:auto;padding:6px 4px;border-radius:16px;background:transparent;box-shadow:none;scrollbar-width:thin;transition:background .3s ease,box-shadow .3s ease}.chatbot-prompts::-webkit-scrollbar{height:6px}.chatbot-prompts::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff9c5680,#3f66d280);border-radius:999px}.chatbot-page.expert-mode .chatbot-prompts{background:transparent;box-shadow:none}.chatbot-prompt{flex:0 0 auto;border:none;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:600;background:#0f172a47;color:#f8fafc;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:none;white-space:nowrap;text-shadow:0 2px 6px rgba(5,9,16,.55)}.chatbot-prompt:hover{transform:translateY(-1px);background:#0f172a66}.chatbot-page.expert-mode .chatbot-prompt{box-shadow:none;color:#f8fafc}.chatbot-page.expert-mode .chatbot-prompt:hover{background:#2563eb52}.chatbot-prompt:active{transform:scale(.97)}.chatbot-prompt:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.chatbot-send{width:36px;height:36px;border-radius:999px;border:none;background:radial-gradient(circle at 30% 20%,#ff9c4f,#2d5bff);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 22px 38px #2d5bff52;transition:transform .18s ease,box-shadow .18s ease}.chatbot-send:hover{transform:translateY(-2px);box-shadow:0 28px 48px #2d5bff61}.chatbot-send:active{transform:scale(.96)}.chatbot-send:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.chatbot-send svg{width:24px;height:24px}.chatbot-page.expert-mode .chatbot-send{background:radial-gradient(circle at 30% 20%,#5aa1ff,#2b5fe8);box-shadow:0 22px 38px #1b49c052}.chatbot-page.expert-mode .chatbot-send:hover{transform:translateY(-2px);box-shadow:0 28px 48px #1b49c066}.chatbot-page.companion-mode .chatbot-send{background:radial-gradient(circle at 30% 20%,#ffb26a,#ff7a2a);box-shadow:0 22px 38px #ff782847}.chatbot-page.companion-mode .chatbot-send:hover{transform:translateY(-2px);box-shadow:0 28px 48px #ff78285c}@media(max-width:768px){.chatbot-panel{border-radius:22px}.chatbot-mode-toggle{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px 20px 0;gap:10px}.chatbot-thread{padding:20px}.chatbot-composer{flex-direction:column;align-items:stretch;gap:14px}.chatbot-prompts{order:2}.chatbot-input-wrapper{padding:10px;order:1}.chatbot-prompts{width:100%;flex:none}.chatbot-send{align-self:flex-end}}@media(max-width:480px){.chatbot-header{padding:16px 16px 12px}.chatbot-panel{border-radius:18px}.chatbot-mode-toggle{grid-template-columns:1fr;padding:14px 16px 0}.chatbot-mode-option{padding:12px 16px}.chatbot-thread{gap:14px}.chatbot-bubble{max-width:100%}.chatbot-references>summary{padding:10px 14px}.chatbot-reference-list{padding:0 14px 14px}.chatbot-input-wrapper{padding:8px 10px}.chatbot-prompts{padding:6px;gap:8px}.chatbot-prompt{font-size:.82rem;padding:8px 12px}}.chatbot-theme-select-wrap{display:flex;flex-direction:column;gap:8px;padding:12px 8px 6px}.chatbot-theme-label{font-size:.95rem;font-weight:700;color:#1f3a8a}.chatbot-theme-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.chatbot-gold-inline{position:static;display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:10px;background:linear-gradient(180deg,#fffaf0,#fff6e6);border:1px solid rgba(20,36,70,.04);box-shadow:0 8px 20px #0b14220a;font-weight:700;color:#12313c}.chatbot-theme-select{appearance:none;-webkit-appearance:none;padding:10px 12px;border-radius:10px;border:1px solid rgba(30,41,59,.08);background:#fff;box-shadow:0 8px 18px #060c1e0f;font-weight:600;color:#0f172a}.chatbot-theme-select:focus{outline:none;border-color:#2563eb52;box-shadow:0 8px 24px #2563eb0f}@media(max-width:480px){.chatbot-theme-select{font-size:1rem}}.chatbot-theme-list{display:flex;flex-direction:column;gap:10px;padding:6px 0}.chatbot-theme-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:none;background:#0f172a0a;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;text-align:left;color:#0f172a}.chatbot-theme-item:hover{transform:translateY(-2px);background:#0f172a14}.chatbot-theme-thumb{width:56px;height:40px;border-radius:10px;background:linear-gradient(135deg,#fffaf0,#f0f7ff);box-shadow:inset 0 2px 6px #0a12220f,0 6px 18px #0a12220f;flex:0 0 auto}.chatbot-theme-name{font-weight:700;font-size:.98rem;color:#10263f}.chatbot-theme-item.active{background:#ffb06652;color:#0f172a;box-shadow:0 10px 28px #0f172a14}.chatbot-theme-item.locked{position:relative;opacity:.95;pointer-events:none;background:linear-gradient(180deg,#f0f0f0a6,#f5f5f8a6)}.chatbot-theme-item.locked .chatbot-theme-thumb{filter:grayscale(.25) contrast(.9);opacity:.9}.chatbot-theme-item.locked .chatbot-theme-name{color:#10263fb8}.chatbot-theme-meta{margin-left:auto;display:flex;align-items:center;gap:8px}.chatbot-theme-price{font-weight:700;color:#0f172a}.chatbot-theme-buy{background:linear-gradient(180deg,#ffd29b,#ffb16a);border:none;padding:8px 10px;border-radius:10px;font-weight:700;color:#10263f;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.chatbot-theme-buy:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.chatbot-theme-item.locked .chatbot-theme-buy{pointer-events:auto}.chatbot-page.expert-mode .chatbot-theme-item{background:#0f172a0f}.chatbot-page.expert-mode .chatbot-theme-item.active{background:#2563eb47;color:#f8fafc}@media(max-width:480px){.chatbot-theme-thumb{width:48px;height:34px}.chatbot-theme-item{padding:10px}}.chatbot-gold-balance{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,#fffaf0,#fff2d9);border:1px solid rgba(20,36,70,.06);box-shadow:0 10px 26px #0b14220f;z-index:120;font-weight:700;color:#12313c}.chatbot-gold-balance svg{width:18px;height:18px}.chatbot-gold-count{font-size:.95rem}@media(max-width:480px){.chatbot-gold-balance{right:10px;bottom:10px;padding:6px 8px}.chatbot-gold-count{font-size:.92rem}}.chatbot-theme-select-wrap .chatbot-gold-balance.chatbot-gold-inline{position:static;right:auto;bottom:auto;z-index:auto;padding:4px 8px;box-shadow:none;border:1px solid rgba(20,36,70,.04)}@media(max-width:480px){.chatbot-theme-select-wrap .chatbot-gold-balance.chatbot-gold-inline{padding:4px 6px}}.feature-intro{min-height:100vh;width:100%;background:linear-gradient(180deg,#eef4ff,#f8fbff 40%,#fff);padding:24px 16px 48px;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;font-family:"Prompt",var(--font-body, sans-serif)}.feature-intro__frame{width:min(100%,720px);margin:0 auto;display:flex;flex-direction:column;gap:16px}.feature-intro__header{display:flex;justify-content:space-between;align-items:center}.feature-intro__back{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:none;background:#2563eb1f;cursor:pointer;transition:background .2s ease,transform .2s ease}.feature-intro__back:hover{background:#2563eb33;transform:translateY(-2px)}.feature-intro__back svg{width:24px;height:24px;stroke:#2563eb}.feature-intro__menu{position:relative;z-index:10}.feature-intro__card{background:#fff;border-radius:28px;box-shadow:0 18px 48px #2563eb1a;overflow:hidden;display:flex;flex-direction:column;padding:24px;gap:20px;box-sizing:border-box}.feature-intro__hero{display:flex;flex-direction:column;gap:8px;text-align:left}.feature-intro__badge{align-self:flex-start;padding:6px 14px;border-radius:999px;background:#3b82f626;color:#1d4ed8;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.feature-intro__hero h1{font-size:clamp(24px,6vw,34px);font-weight:600;color:#0f172a;margin:0}.feature-intro__hero p{font-size:16px;line-height:1.6;color:#475569;margin:0}.feature-intro__content{display:flex;flex-direction:column;gap:18px;color:#334155}.feature-intro__content p{margin:0;line-height:1.7}.feature-intro__visual{display:flex;justify-content:center;align-items:center;padding:12px}.feature-intro__visual img{width:min(60%,220px);height:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(15,23,42,.15))}.feature-intro__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.feature-intro__step{display:flex;align-items:flex-start;gap:12px}.feature-intro__step-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:#2563eb;color:#fff;font-weight:600;font-size:15px}.feature-intro__step-text{flex:1;margin:0;font-size:15px;line-height:1.6}.feature-intro__footer{display:flex;flex-direction:column;gap:12px}.feature-intro__cta{border:none;border-radius:20px;padding:16px 20px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 12px 24px #7c3aed40}.feature-intro__cta:hover{transform:translateY(-2px);box-shadow:0 16px 32px #2563eb47}.feature-intro__cta svg{width:20px;height:20px;stroke:#fff}@media(min-width:768px){.feature-intro{padding:48px 24px 64px}.feature-intro__card{padding:36px 40px;gap:28px}.feature-intro__content{gap:22px}.feature-intro__cta{align-self:flex-end}}.feature-intro__menu .menu-btn{position:static!important;width:36px;height:28px;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;display:flex;flex-direction:column;justify-content:space-between;padding:6px 0;box-sizing:border-box}.feature-intro__menu .menu-btn span{display:block;width:18px;height:3px;background-color:#2563eb;border-radius:3px}.heart-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);pointer-events:none;z-index:20;display:flex;align-items:center;justify-content:center;animation:heart-burst-fade .9s cubic-bezier(.5,1.5,.5,1)}.heart-burst-icon{font-size:6rem;color:#ff5e7d;filter:drop-shadow(0 0 24px #ffb3c6) drop-shadow(0 0 48px #fff2f7);opacity:.95;animation:heart-burst-pop .9s cubic-bezier(.5,1.5,.5,1);will-change:transform,opacity,filter;text-shadow:0 0 24px #fff2f7,0 0 32px #ffb3c6}@keyframes heart-burst-pop{0%{opacity:0;filter:blur(2px) brightness(1.2);transform:scale(.5) translateY(20px)}40%{opacity:1;filter:blur(0px) brightness(1.3);transform:scale(1.7) translateY(-10px)}70%{opacity:1;filter:blur(0px) brightness(1.1);transform:scale(1.3) translateY(-24px)}to{opacity:0;filter:blur(2px) brightness(1.1);transform:scale(1.1) translateY(-38px)}}@keyframes heart-burst-fade{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}html,body{height:100%;font-family:var(--font-primary)}.community-placeholder{width:min(320px,90vw);padding:32px;border-radius:24px;background:#ffffffe6;text-align:center;box-shadow:0 12px 30px #0f172a1a;display:flex;flex-direction:column;gap:12px}.community-placeholder h2{font-size:1.75rem;font-weight:700;color:#1e293b}.community-placeholder p{font-size:1rem;color:#475569;line-height:1.5}.mobile-container{width:100%;height:100%;overflow:hidden;position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#40ffd2,#3243f9);min-height:100dvh;padding-bottom:0}.mobile-container:before{content:"";position:absolute;top:-2em;left:0;width:100%;height:45dvh;background:url(img/white-border-curve.png) no-repeat top center / cover;z-index:0}.mobile-container:after{content:"";position:absolute;top:-2em;left:0;width:100%;height:45dvh;background-image:url(/img/Group%2014.png),url(/img/page1_mariobg.png);background-repeat:no-repeat,no-repeat;background-position:center 70%,top center;background-size:100% auto,cover;z-index:0}.header{padding:20px 0;position:relative;z-index:10;height:120px}.back-button-container{background:none;border:none;padding:0;-webkit-appearance:none;appearance:none;position:fixed;z-index:10000;top:14dvh;left:-2em;width:clamp(20px,9vw,90px);height:clamp(20px,9vw,90px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));transition:filter .2s ease,transform .15s ease;cursor:pointer}.back-button-container:active{transform:scale(.95);opacity:.8}.back-arrow-img{width:190%;height:200%;object-fit:contain;display:block}.character-name{position:absolute;z-index:1;left:50%;transform:translate(-50%);top:10dvh;text-align:center;color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-select{flex-grow:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.character-main{position:relative;top:4dvh;width:clamp(230px,30vw,300px);aspect-ratio:1/1}.character-portrait{width:100%;height:100%;border-radius:50%;border:clamp(8px,1vw,12px) solid white;box-shadow:0 10px 30px #0000004d;object-fit:cover}.play-button{background:none;border:none;cursor:pointer;position:absolute;left:50%;transform:translate(-50%)}.play-button img{width:clamp(60px,12vw,90px);display:block}.main-play{width:70px;height:70px;bottom:-25px}.small-play{width:70px;height:70px;top:13dvh;bottom:-15px}.character-carousel{display:flex;align-items:center;gap:clamp(6px,3vw,20px);padding:4dvh 0;margin-bottom:90px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.character-carousel::-webkit-scrollbar{height:0;background:transparent}.character-option{position:relative;flex:0 0 auto;margin:0 15px;scroll-snap-align:center}.character-icon{width:clamp(120px,18vw,170px);height:clamp(120px,18vw,170px);border-radius:50%;border:clamp(6px,.8vw,8px) solid white;box-shadow:0 10px 30px #0000004d;object-fit:cover}.character-option.locked .character-icon{filter:grayscale(60%) brightness(.6)}.lock-icon{position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);width:clamp(40px,5vw,60px);height:clamp(40px,5vw,60px)}.mobile-container.clipboard-page{background-color:#fff;background-image:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.clipboard-page{transition:transform .4s ease,opacity .3s ease;touch-action:pan-y;will-change:transform,opacity}.mobile-container.clipboard-page:before,.mobile-container.clipboard-page:after{content:none}.clipboard-page .bg-waves{position:absolute;bottom:-9dvh;left:0;width:100%;z-index:0}.clipboard-page .top-nav{display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.clipboard-page .logo img{height:200px;background:transparent;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35)) drop-shadow(0 0 3px rgba(255,255,255,.25));transition:transform .2s ease,filter .3s ease}.clipboard-page .menu-btn{width:30px;height:24px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;position:absolute;right:25px}.clipboard-page .menu-btn span{display:block;width:100%;height:4px;background-color:#007aff;border-radius:2px}.clipboard-page .back-button-container{position:fixed;top:14dvh;z-index:10000;height:100px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));transition:filter .2s ease,transform .15s ease}.clipboard-page .content-area{flex-grow:1;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:5}.clipboard-inner{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center}.clipboard-page .bottom-spacer{width:100%;height:40px;flex-shrink:0}.clipboard-page .clipboard-container{position:relative;width:100%;max-width:450px}.clipboard-page .clipboard-img{width:100%;height:auto;display:block}.clipboard-page .note-text{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:80%;text-align:center;color:#555;font-size:1rem;font-weight:600;font-family:var(--font-primary)}.clipboard-page .note-link-button{position:fixed;top:clamp(12px,6dvh,80px);left:clamp(12px,5vw,42px);transform:none;appearance:none;border:none;background:#ffffffe6;color:#1f2937;font:inherit;padding:10px 20px;border-radius:18px;box-shadow:0 8px 18px #0f172a2e;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;z-index:20000}.clipboard-page .note-link-button:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0f172a38}.clipboard-page .note-link-button:active{transform:scale(.97);box-shadow:0 6px 14px #0f172a3d}.clipboard-page .note-link-button:focus-visible{outline:3px solid rgba(76,29,149,.35);outline-offset:4px}@media(max-width:380px){.mobile-container{min-height:100svh;overflow-y:auto;padding-bottom:clamp(40px,12vw,56px)}.mobile-container:before{height:clamp(48dvh,60vw,60dvh)}.mobile-container:after{height:clamp(46dvh,58vw,58dvh)}.character-name{top:clamp(9dvh,16vw,10dvh);font-size:clamp(2.1rem,10vw,2.4rem);max-width:calc(100% - 90px);padding:0 12px}.character-main{width:clamp(220px,78vw,260px);top:clamp(4dvh,14vw,6dvh)}.play-button img{width:clamp(52px,18vw,68px)}.back-button-container{position:fixed;top:clamp(6dvh,14vw,8dvh);left:clamp(-24px,-6vw,-8px);width:clamp(64px,22vw,82px);height:clamp(72px,24vw,92px)}.back-arrow-img{width:150%;height:160%}.character-carousel{margin-bottom:clamp(6dvh,18vw,9dvh);top:clamp(3.5dvh,12vw,6dvh);gap:clamp(6px,4vw,12px);padding:0 clamp(10px,5vw,16px)}.character-icon{width:clamp(140px,48vw,156px);height:clamp(140px,48vw,156px)}.small-play{top:clamp(16dvh,34vw,20dvh)}.clipboard-page .note-link-button{top:clamp(10px,7dvh,60px);left:clamp(10px,8vw,28px);padding:9px 18px;font-size:.95rem}}.clipboard-page .clipboard-note-wrapper{position:absolute;top:20%;left:50%;transform:translate(-50%);width:76%;min-height:55%;display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,20px);transition:transform .35s cubic-bezier(.7,.2,.2,1),opacity .25s cubic-bezier(.7,.2,.2,1);will-change:transform,opacity}.clipboard-note-wrapper.anim-swipe-left{transform:translate(-120%) scale(.95);opacity:.2}.clipboard-note-wrapper.anim-swipe-right{transform:translate(120%) scale(.95);opacity:.2}.clipboard-note-wrapper.anim-fade{opacity:0}.clipboard-page .clipboard-note-card{width:100%;padding:clamp(16px,5vw,24px);display:flex;flex-direction:column;gap:clamp(12px,2vw,18px);position:relative}.clipboard-page .clipboard-note-card:before{content:"";position:absolute;top:clamp(12px,3vw,18px);right:clamp(12px,4vw,22px);width:clamp(22px,6vw,34px);height:clamp(12px,4vw,22px);background:linear-gradient(135deg,#fde047f2,#facc158c);clip-path:polygon(0 0,100% 0,100% 100%);opacity:.8}.clipboard-page .clipboard-note-title{font-size:clamp(1.05rem,4vw,1.25rem);font-weight:600;color:#1f2937;text-align:center;text-shadow:0 1px 4px rgba(255,255,255,.7)}.clipboard-page .clipboard-note-text{font-size:clamp(.95rem,3.4vw,1.1rem);font-weight:500;color:#1f2937;line-height:1.6;white-space:pre-wrap;word-break:break-word;text-shadow:0 1px 0 rgba(255,255,255,.7)}.clipboard-page .clipboard-note-meta{display:flex;align-items:center;justify-content:space-between;font-size:clamp(.8rem,3vw,.95rem);color:#334155}.clipboard-page .clipboard-note-likes{display:inline-flex;align-items:center;gap:6px;font-weight:600}.clipboard-page .clipboard-note-date{font-weight:500;opacity:.8}.clipboard-page .clipboard-note-placeholder{width:100%;min-height:clamp(180px,32dvh,260px);border-radius:20px;border:2px dashed rgba(148,163,184,.6);background:#ffffff73;padding:clamp(16px,5vw,24px);display:flex;align-items:center;justify-content:center;text-align:center;color:#475569;font-size:clamp(.95rem,3.2vw,1.05rem);font-weight:600;line-height:1.55}.clipboard-page .note-text--error{color:#dc2626}.clipboard-page--grid .clipboard-note-wrapper{display:none}.clipboard-page--grid .content-area{display:flex;justify-content:center;align-items:flex-start;padding:clamp(20px,6vw,32px)}.clipboard-page--grid .clipboard-container{position:relative;width:min(320px,82vw);max-width:360px;margin:0 auto}.clipboard-page--grid .clipboard-grid{position:absolute;top:20%;left:50%;transform:translate(-50%);width:76%;height:55%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:12px}.clipboard-page--grid .clipboard-grid-cell{position:relative;border-radius:18px;border:2px dashed rgba(148,163,184,.55);background:#fff6;box-shadow:inset 0 2px 6px #0f172a14;transition:opacity .2s ease;display:flex;align-items:flex-start;justify-content:flex-start;padding:clamp(10px,2vw,16px);overflow:hidden;opacity:.35}.clipboard-page--grid button.clipboard-grid-cell{align-items:flex-end;justify-content:center}.clipboard-page--grid button.clipboard-grid-cell:disabled{cursor:default;opacity:.25}.clipboard-page--grid button.clipboard-grid-cell:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 12px 24px #0f172a2e}.clipboard-page--grid .clipboard-grid-cell.has-post{border:none;opacity:1;background:linear-gradient(180deg,#fef9c3,#fde68a);box-shadow:0 14px 24px #0f172a29,inset 0 0 0 1px #fff9;position:relative}.clipboard-page--grid .clipboard-grid-cell.has-post:after{content:"";position:absolute;top:0;right:0;width:clamp(18px,6vw,28px);height:clamp(14px,4vw,22px);background:linear-gradient(135deg,#fde047f2,#facc158c);clip-path:polygon(0 0,100% 0,100% 100%);opacity:.75}.clipboard-page--grid .clipboard-grid-label{font-size:.85rem;font-weight:600;color:#1f2937;text-align:center;z-index:1;text-shadow:0 1px 6px rgba(255,255,255,.7)}.clipboard-page--grid .note-text{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:80%;text-align:center;color:#555;font-size:1rem;font-weight:600;font-family:var(--font-primary)}.clipboard-page .post-modal{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20000}.clipboard-page .post-modal-card{position:relative;background:#fff;border-radius:24px;padding:28px 32px;max-width:min(420px,90vw);width:100%;box-shadow:0 24px 60px #0f172a4d;max-height:90dvh;overflow-y:auto}.clipboard-page .post-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#1f2937}.clipboard-page .post-modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.clipboard-page .post-modal-date{font-size:.85rem;color:#6b7280;margin-bottom:1rem}.clipboard-page .post-modal-content{font-size:1rem;line-height:1.6;color:#374151;white-space:pre-wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clipboard-page .post-composer{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:21000}.clipboard-page .post-composer-card{position:relative;width:min(420px,90vw);background:#fff;border-radius:24px;padding:28px 32px;box-shadow:0 24px 60px #0f172a4d;display:flex;flex-direction:column;gap:18px}.clipboard-page .post-composer-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#1f2937}.clipboard-page .post-composer-title{font-size:1.4rem;font-weight:700;color:#1f2937;text-align:center}.clipboard-page .post-composer-form{display:flex;flex-direction:column;gap:16px}.clipboard-page .post-composer-input,.clipboard-page .post-composer-textarea{width:100%;border:1px solid rgba(148,163,184,.6);border-radius:16px;padding:14px 16px;font-size:1rem;font-family:inherit;color:#1f2937;background:#f8fafce6;transition:border-color .2s ease,box-shadow .2s ease}.clipboard-page .post-composer-input:focus,.clipboard-page .post-composer-textarea:focus{outline:none;border-color:#4f46e5cc;box-shadow:0 0 0 4px #4f46e526}.clipboard-page .post-composer-textarea{resize:vertical;min-height:140px}.clipboard-page .post-composer-counter{font-size:.85rem;color:#475569;text-align:right}.clipboard-page .post-composer-error{color:#dc2626;font-size:.9rem;font-weight:600;text-align:center}.clipboard-page .post-composer-actions{display:flex;justify-content:center}.clipboard-page .post-composer-submit{border:none;border-radius:999px;padding:12px 28px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 14px 28px #f59e0b59;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.clipboard-page .post-composer-submit:hover{transform:translateY(-1px);box-shadow:0 18px 36px #f59e0b66}.clipboard-page .post-composer-submit:active{transform:scale(.97);box-shadow:0 10px 22px #f59e0b73;filter:brightness(.97)}.clipboard-page .add-post-button{position:relative;margin:0;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:150;width:64px;height:64px;background:transparent;color:#fff;border:none;font-size:0;font-weight:600;box-shadow:none;transition:transform .12s ease,filter .12s ease}.clipboard-page .add-post-button:hover{transform:translateY(-2px) scale(1.02)}.clipboard-page .add-post-button:active{transform:scale(.96);filter:brightness(.98)}.clipboard-page .add-post-button span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2.5rem;line-height:1}.clipboard-page .add-post-button .add-post-icon{width:56px;height:56px;display:block;object-fit:contain}.clipboard-page--grid .view-others-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;background:#ffffffeb;color:#1f2937;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 16px 34px #0f172a40;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;z-index:150;margin:0}.post-action-row{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:520px;margin:12px auto 0;padding:0 18px;justify-content:space-between}.post-action-row .add-post-button,.post-action-row .view-others-button{margin:0}@media(max-width:420px){.post-action-row{flex-direction:row;gap:8px;padding:0 12px}.post-action-row .view-others-button{padding:10px 14px;font-size:.95rem}}.clipboard-page--grid .view-others-button:hover{transform:translateY(-2px);box-shadow:0 22px 46px #0f172a4d}.clipboard-page--grid .view-others-button:active{transform:scale(.97);box-shadow:0 10px 24px #0f172a47;filter:brightness(.97)}.clipboard-page .bottom-bar{position:relative;width:90%;max-width:420px;height:72px;z-index:30;background-color:#fff;border-radius:40px;box-shadow:0 6px 24px #00000024;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.clipboard-page .footer-btn{background:none;border:none;cursor:pointer;width:60px;height:60px}.clipboard-page .footer-btn img{width:100%}.clipboard-page .footer-btn:active{transform:scale(.9)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0009;opacity:0;visibility:hidden;transform:scale(.95);transition:opacity .3s ease,transform .3s ease,visibility .3s;z-index:9999;pointer-events:none}.popup-overlay.show{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}.popup-content{width:140px;height:140px;object-fit:contain;margin-bottom:20px}.popup-close-btn{background:#fff;border:none;border-radius:12px;padding:10px 20px;cursor:pointer;font-weight:700;font-size:16px;color:#333;box-shadow:0 4px 12px #00000040;transition:transform .2s ease,background .2s ease}.popup-close-btn:active{transform:scale(.95);background:#f0f0f0}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.footer-btn:active{transform:scale(.9)}.bottom-bar{position:relative;display:flex;justify-content:space-between;align-items:center;width:80%;margin:0 auto;background:#fff;border-radius:40px;padding:10px 20px;box-shadow:0 4px 10px #0000001a}.footer-btn{will-change:transform,opacity;transition:transform .25s ease-out,opacity .25s ease-out;touch-action:none}.bottom-bar{overflow:hidden}.footer-btn img{pointer-events:none}.clipboard-container{transition:transform .3s ease;touch-action:pan-y;will-change:transform}.menu-btn{width:32px;height:24px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;position:absolute;right:25px;top:33px;z-index:2000}.menu-btn span{display:block;width:100%;height:4px;background-color:#007aff;border-radius:2px;transition:all .3s ease}.progress-page .menu-btn span{background-color:#fff}.menu-btn.open span:nth-child(1){transform:rotate(45deg) translateY(8px)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:start;padding-top:80px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:99999999999999999}.menu-overlay.show{opacity:1;visibility:visible}.menu-box{background:#fff;width:80%;max-width:320px;border-radius:20px;box-shadow:0 4px 20px #0003;padding:20px;animation:slideDown .3s ease forwards}.menu-box h2{margin-bottom:10px;color:#007aff;font-size:1.3rem;text-align:center}.menu-box ul{list-style:none;padding:0}.menu-box li{margin:12px 0;text-align:center}.menu-box a{text-decoration:none;color:#333;font-weight:700;font-size:1rem}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}body.blurred .back-button-container,body.blurred .bottom-bar{position:fixed;filter:blur(6px);opacity:.5;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));transition:filter .2s ease,transform .15s ease}body:not(.blurred) .back-button-container,body:not(.blurred) .bottom-bar{position:fixed;filter:none;opacity:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));transition:filter .2s ease,transform .15s ease}.mobile-container.progress-page:before,.mobile-container.progress-page:after{content:none}.progress-page{position:relative;overflow:hidden;background:#e89600;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.progress-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.progress-page .top-nav{position:relative;z-index:30;text-align:center;padding-top:30px}.progress-page .logo img{height:190px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35)) drop-shadow(0 0 3px rgba(255,255,255,.25));transition:transform .2s ease,filter .3s ease;margin:auto}.progress-content{position:relative;z-index:12;width:min(520px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,3.5dvh,28px);padding:clamp(18px,6dvh,18px) clamp(18px,6vw,36px) clamp(80px,16dvh,120px);text-align:center}.progress-day-block{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.progress-page .day-title{margin-top:30px;margin-bottom:10px;font-family:var(--font-display);font-weight:700;font-style:normal;font-size:49px;line-height:128%;letter-spacing:1px;color:#fff}.progress-page .day-subtitle{margin:0 24px 70px;font-family:var(--font-heading);font-size:20px;letter-spacing:1px;color:#ffffffd9}.progress-page .task-container{margin:0 auto 40px;padding:28px 36px;width:fit-content;height:fit-content;background:#ffffffeb;border-radius:41px;box-shadow:5px 6px 12.8px #00000040;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;z-index:4}.progress-page .task-container .day-title{margin:0;font-size:30px;color:#3728c0}.progress-page .task-image-wrapper{width:366px;height:207px;margin:0 auto 40px;border-radius:28px;border:2px dashed rgba(255,255,255,.7);background:#ffffff14;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;z-index:4}.progress-page .task-image-wrapper .task-image{width:100%;height:100%;object-fit:cover}.progress-page .task-description{max-width:413px;max-height:308px;margin:0 auto 40px;padding:20px;background:#ffffffeb;border-radius:41px;box-shadow:5px 6px 12.8px #00000040;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;position:relative;z-index:4}.progress-page .task-detail{margin:0;font-family:var(--font-body);font-weight:400;font-size:20px;line-height:140%;color:#302b63}.progress-page .submit-quest{width:214px;height:60px;border:none;border-radius:41px;background:#3728c0;color:#fff;font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:transform .18s ease,filter .2s ease;z-index:8}.progress-page .submit-quest:disabled{cursor:default;opacity:.6;transform:none;filter:none}.progress-page .submit-quest:not(:disabled):hover{transform:translateY(-2px);filter:drop-shadow(0 6px 14px rgba(55,40,192,.35))}.progress-page .submit-quest img{width:27px;height:46px;object-fit:contain}.progress-page .back-button-container{position:fixed!important;top:140px;left:-15px;background:none;border:none;z-index:10000;pointer-events:auto;cursor:pointer}.progress-page .back-arrow-img{width:180px;height:180px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));transition:filter .2s ease}.day-button{position:relative;z-index:12;width:clamp(240px,70vw,320px);height:clamp(240px,70vw,320px);margin:0 auto;background:none;border:clamp(10px,2.4vw,14px) solid #ffffff;border-radius:50%;box-shadow:0 18px 38px #021a5938;display:flex;justify-content:center;align-items:center;font-family:var(--font-primary)}.day-button-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:50%}.day-button{position:relative;cursor:pointer;transition:transform .14s ease,filter .18s ease,box-shadow .2s ease;will-change:transform,filter}.day-button:hover{filter:drop-shadow(0 10px 22px rgba(0,0,0,.28))}.day-button:active,.day-button.pressed{transform:scale(.96);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.day-button:before{content:"";position:absolute;inset:-12px;border-radius:50%;pointer-events:none;box-shadow:0 0 #ffffff8c;opacity:0}.day-button:active:before,.day-button.pressed:before{animation:dayRing .35s ease-out forwards;opacity:1}.day-button .day-button-bg{filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}.day-button .day-button-bg:after{content:"";position:absolute;left:10%;right:10%;top:12%;height:35%;border-radius:50%;background:radial-gradient(ellipse at 50% 0%,#ffffff8c,#fff0 60%);pointer-events:none}.day-button:focus{outline:none}.day-button:focus-visible{outline:3px solid rgba(255,255,255,.6);outline-offset:4px}.day-button:disabled,.day-button[aria-disabled=true]{cursor:not-allowed}.day-button:disabled .day-button-bg,.day-button[aria-disabled=true] .day-button-bg{filter:saturate(.45) brightness(.88) drop-shadow(0 6px 14px rgba(0,0,0,.22))}.day-button:disabled .day-text-overlay,.day-button[aria-disabled=true] .day-text-overlay{opacity:.65}.day-button:disabled:hover,.day-button[aria-disabled=true]:hover{filter:drop-shadow(0 6px 14px rgba(0,0,0,.22))}.day-button.locked{animation:dayLockedWiggle .4s ease}@keyframes dayLockedWiggle{0%{transform:translate(0)}30%{transform:translate(-8px)}60%{transform:translate(8px)}to{transform:translate(0)}}@keyframes dayRing{0%{box-shadow:0 0 #ffffff8c}to{box-shadow:0 0 0 22px #fff0}}.progress-page .day-text-overlay{position:relative;z-index:6;color:#fff;text-align:center;font-family:var(--font-primary);text-shadow:0 3px 6px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.1}.progress-page .day-text{font-size:clamp(2.6rem,8vw,3.5rem);color:#fff;margin-bottom:6px;top:-10px}.progress-page .day-fraction{font-size:clamp(1.8rem,6vw,2.6rem);color:#fff;margin-bottom:14px}.progress-page .day-percent{font-size:clamp(.95rem,3.4vw,1.1rem);color:#ffe800;letter-spacing:.5px}.green-arrow-btn{width:78px;height:78px;background:linear-gradient(180deg,#4ef0b1,#1ec891);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 30px #0e4d2d40;pointer-events:none}.green-arrow-btn img{width:42px;height:auto}.progress-area{position:relative;z-index:12;width:100%;max-width:440px;margin:0 auto;padding:32px 28px 38px;text-align:center;font-family:var(--font-primary);display:flex;flex-direction:column;gap:20px;background:#ffffffeb;border-radius:28px;box-shadow:0 18px 38px #09185a40}.progress-area-header{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:18px;border-top:1px dashed rgba(23,54,168,.16);width:100%}.progress-area-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.2rem,4.2vw,1.5rem);color:#1736a8;letter-spacing:.02em}.progress-lock-message{margin:4px auto 0;padding:14px 20px;width:100%;max-width:420px;background:#1736a8d9;border-radius:18px;color:#fff;font-family:var(--font-primary);font-size:1rem;line-height:1.45;text-align:center;box-shadow:0 8px 18px #09185a59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.progress-page .progress-bar-container{width:100%;height:14px;background:#2b56ff;border-radius:999px;overflow:hidden;box-shadow:0 0 0 4px #2b56ff,0 0 10px #2b56ff99}.progress-page .progress-bar-inner{height:100%;width:0%;background:linear-gradient(90deg,#efb22e,#efb22e);border-radius:999px;box-shadow:0 0 6px #ffaa00b3;transition:width .3s ease}.progress-label{color:#1736a8;margin-top:-4px;font-size:.95rem;font-weight:600}.bottom-nav-wave{position:absolute;bottom:0;width:100%;z-index:12;display:flex;justify-content:center;align-items:center;padding-bottom:30px}.nav-icons{display:flex;align-items:center;justify-content:center;gap:50px;pointer-events:none}.progress-page .nav-circle{position:relative;width:150px;height:150px;background:none;pointer-events:none}.progress-page .nav-circle:after{content:"";position:absolute;inset:10px;background:url(img/bluecircle.png) center/contain no-repeat;z-index:4}.progress-page .nav-icon-calendar{position:relative;display:inline-block;width:160px;height:160px;margin-top:-30px;pointer-events:none;z-index:5}.progress-page .nav-icon-calendar:after{content:"";position:absolute;inset:14px;margin-top:-200px;background:url(img/bluecircle.png) no-repeat center center / contain;z-index:5;pointer-events:none}.progress-page .nav-icon-calendar img{position:absolute;left:50%;top:-10%;transform:translate(-50%,-50%);width:150px;height:150px;display:block;pointer-events:auto;cursor:pointer;z-index:6}.progress-page .nav-icon-calendar img:active{transform:translate(-50%,-50%) scale(.9)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:20px}.calendar-day{text-align:center;padding:10px;border-radius:8px;font-weight:700;color:#3547be}.calendar-day.active-day{background:linear-gradient(180deg,#ffa733,#ff7a00);color:#fff;box-shadow:0 0 12px #fa09;transform:scale(1.1)}:root{--blue: #3547BE;--orange: #FF8F14;--orange2: #FF8F1F;--text: #3547BE;--bg: #ffffff}html,body{height:100%;background:#fff;font-family:var(--font-primary)}.page{display:flex;flex-direction:column;min-height:100%;background:var(--bg)}.hero{background:linear-gradient(180deg,#475ffd,#1d2766 200%);height:180px;display:flex;justify-content:center;align-items:flex-end;padding-bottom:18px;position:relative;box-shadow:0 4px 14px #00000026}.calendar-page .logo img{height:160px;transform:translateY(45px);filter:drop-shadow(0 6px 10px rgba(0,0,0,.35)) drop-shadow(0 0 3px rgba(255,255,255,.25));transition:transform .2s ease,filter .3s ease}.calendar-page .back-btn{position:absolute;top:135px;left:0;background:none;border:none;padding:0;cursor:pointer;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.back-btn img{width:68px;height:175px;display:block}.calendar-page .logo img:active{transform:scale(.95);filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.content{padding:25px 16px 34px}.month{margin:6px 0 28px}.month-title{color:var(--blue);text-align:center;letter-spacing:2px;font-size:clamp(18px,5vw,24px);margin-bottom:8px}.divider{width:100%;height:1px;background:#e5e9ff;margin:8px 0 12px}.week-header,.guid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;text-align:center}.week-header{color:var(--blue);opacity:.9;font-size:12px;letter-spacing:1.5px;margin-bottom:6px}.day{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text);transition:transform .12s ease;-webkit-user-select:none;user-select:none}.day.muted{color:#a8b0e6}.day:not(.muted):hover{transform:scale(1.06)}.day.active{background:linear-gradient(180deg,var(--orange2) 0%,var(--orange) 100%);color:#fff;box-shadow:0 6px 16px #ff990073,inset 0 0 0 2px #ffffff40;border-radius:20px;width:46px;height:46px}.mobile-container.shop-page{background:linear-gradient(180deg,#4760ff,#1d2766);box-shadow:0 0 20px #00000080;padding:clamp(1rem,3vw,1.5rem);padding-top:10px}.mobile-container.shop-page:before,.mobile-container.shop-page:after{content:none}.mobile-container.shop-page .back-btn-shop{position:fixed!important;top:13dvh;left:0!important;border:none;background:none;padding:0;cursor:pointer;z-index:100000!important}.mobile-container.shop-page .back-btn-shop img{width:70px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));transition:filter .2s ease,transform .15s ease}.shop-page{background:linear-gradient(180deg,#4760ff,#2237c6 65%,#243483)}.shop-hero{position:relative;padding:18px 16px 10px}.shop-title{color:#fff;letter-spacing:3px;font-family:var(--font-primary);font-size:clamp(28px,6vw,34px);text-shadow:0 3px 10px rgba(0,0,0,.25)}.gold-badge{position:absolute;top:60px;right:-200px;display:inline-flex;background:#fff;border-radius:18px;padding:10px 22px;box-shadow:0 6px 14px #00000038;z-index:3}.gold-badge span{font-family:var(--font-primary);font-size:1.4rem;font-weight:900;color:#f1ab2c;letter-spacing:.8px;text-transform:uppercase}.shop-list{position:relative;z-index:2;gap:40px;padding:100px 18px 80px}.shop-item{position:relative;background:#fff;padding:16px 18px 16px 120px;min-height:110px;box-shadow:0 10px 22px #00000047;margin-bottom:45px;border-radius:22px}.item-media{position:absolute;left:-22px;top:-60px;width:120px;height:120px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 10px 24px #00000059;border:6px solid #fff}.item-media img{width:100%;height:100%;object-fit:cover;display:block}.item-media.placeholder{background:#ffffff59;border:6px solid #fff}.item-media.media-bubble img{object-fit:contain}.item-body{display:flex;flex-direction:column;gap:8px}.item-row{display:flex;align-items:center;justify-content:space-between}.item-name{color:#2b56ff;font:900 clamp(20px,4.8vw,22px) var(--font-primary);letter-spacing:1px}.item-price{color:#ffb63b;font:900 clamp(20px,4.4vw,18px) var(--font-primary);letter-spacing:1px;align-self:center;transform:translateY(100%)}.buy-pill{margin-top:6px;align-self:flex-start;background:linear-gradient(180deg,#ffa733,#ff8f14);color:#fff;border:none;border-radius:14px;padding:8px 18px;font:900 14px var(--font-primary);box-shadow:0 3px #b36b00;letter-spacing:3px}.buy-pill:active{transform:translateY(2px);box-shadow:0 8px 18px #0000001f}.shop-item.sold{filter:grayscale(100%) brightness(.7)}.buy-pill.sold{background:#4a4a4a;box-shadow:none;cursor:default}#shopModal{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s ease}#shopModal.show{opacity:1;pointer-events:auto}#shopModal .modal-box{background:#fff;padding:16px 18px;min-width:240px;max-width:80vw;box-shadow:0 10px 26px #00000059;text-align:center;font-family:var(--font-primary)}#shopModal .modal-msg{font-size:16px;color:#2b2b2b;margin-bottom:12px}#shopModal .modal-close{appearance:none;border:none;background:#2b56ff;color:#fff;padding:8px 16px;font-weight:900;cursor:pointer}.shop-page{position:relative;background:linear-gradient(180deg,#4760ff,#1d2766);overflow:hidden}.shop-bottom-bg{position:absolute;bottom:-4dvh;left:0;width:100%;height:auto;z-index:0;pointer-events:none;object-fit:cover}.shop-hero,.shop-list,.gold-badge{position:relative;z-index:1}@media(max-width:380px){.mobile-container:before{height:60dvh}.mobile-container:after{height:55dvh}.character-name{top:11dvh;font-size:2.5rem}.character-main{width:280px;top:6dvh}.play-button img{width:65px}.back-button-container{position:fixed;top:7dvh;left:-12;width:80px;height:100px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));transition:filter .2s ease,transform .15s ease}.character-carousel{margin-bottom:8dvh;top:6dvh;gap:10px}.character-icon{width:clamp(160px,18vw,170px);height:clamp(160px,18vw,170px)}.small-play{top:19dvh}.clipboard-page .menu-btn{top:20px}.clipboard-page .bg-waves{bottom:-25dvh}.clipboard-page .logo img{height:200px;transform:translateY(-25px)}.clipboard-page .top-nav{padding-top:10px}.clipboard-page .content-area{bottom:10dvh;margin-top:10px;padding:10px}.clipboard-page .clipboard-container{max-width:320px}.clipboard-page .note-text{font-size:1.2rem;top:44%}.clipboard-page .bottom-bar{width:85%;height:65px;border-radius:32px;padding:0 20px}.clipboard-page .bottom-spacer{height:60px}.clipboard-page .footer-btn{width:50px;height:50px}.popup-content{width:110px;height:110px}.popup-close-btn{padding:8px 16px;font-size:14px}.clipboard-page .back-button-container{position:fixed;top:9dvh;left:-3.1em;height:90px}.progress-page .progress-bg-image{object-position:center -6dvh}.progress-page .logo img{height:140px;object-position:center -2dvh}.progress-page .back-button-container{top:70px;left:2px}.progress-content{width:calc(100% - 24px);padding:clamp(16px,7dvh,16px) 12px clamp(80px,18dvh,120px)}.day-button{width:clamp(220px,80vw,270px);height:clamp(220px,80vw,270px);border-width:9px;margin-top:0}.progress-area{padding:26px 20px 30px;gap:18px}.progress-area-title{font-size:1.25rem}.green-arrow-btn{width:66px;height:66px;box-shadow:0 14px 24px #0e4d2d38}.green-arrow-btn img{width:34px}.progress-label{font-size:.9rem}.hero{height:125px;padding-bottom:14px}.logo img{height:52px}.day{width:48px;height:48px}.day.active{width:42px;height:42px}.content{padding:14px 12px 28px}.week-header,.grud{gap:8px}.calendar-page .back-btn{top:70px}.item-media{left:-16px;top:-25px;width:90px;height:90px}.shop-item{padding-left:80px}.mobile-container.shop-page .back-btn-shop{top:11dvh}.mobile-container.shop-page{padding-top:0}.shop-item{margin-bottom:25px}.shop-bottom-bg{bottom:-25dvh}.mobile-container.shop-page{min-height:100svh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:80px}.mobile-container.shop-page .back-btn-shop{position:fixed!important;top:12dvh;left:0!important;z-index:2147483647!important}.shop-list{padding:80px 18px}.gold-badge{position:absolute;top:50px;right:20px;display:inline-flex}}@media(min-width:381px){.mobile-container:before,.mobile-container:after{height:45dvh}.character-name{font-size:3rem;top:14dvh}.back-button-container{position:fixed;top:14dvh;left:-.7em;width:100px;height:100px}.character-main{width:320px;top:5dvh}.play-button img{top:2dvh;width:80px}.small-play{top:14dvh}.character-icon{width:clamp(170px,18vw,170px);height:clamp(170px,18vw,170px)}}.mobile-container.clipboard-page .bottom-bar,.clipboard-page .bottom-bar{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;margin-bottom:18px!important;z-index:9999!important}.game-download{min-height:100vh;background:linear-gradient(180deg,#e0f2fe,#f5f3ff 45%,#fff);padding:clamp(24px,6vw,48px) clamp(16px,6vw,36px) clamp(60px,12vw,100px);font-family:var(--font-body);display:flex;flex-direction:column;gap:clamp(24px,5vw,40px)}.game-download__header{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(12px,4vw,24px)}.game-download .back-button-container{position:static;width:clamp(44px,12vw,56px);height:clamp(44px,12vw,56px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.game-download .back-arrow-img{width:100%;height:auto}.game-download__title{margin:0;font-size:clamp(20px,5.5vw,28px);font-family:var(--font-display);color:#1f2937;text-align:center;flex:1}.game-download__content{display:flex;justify-content:center}.game-download__card{display:grid;gap:clamp(20px,5vw,32px);background:#ffffffeb;border-radius:28px;padding:clamp(22px,6vw,34px);box-shadow:0 24px 48px #0f172a2e;max-width:720px;width:min(100%,720px)}.game-download__cover{width:100%;border-radius:22px;box-shadow:0 18px 30px #1e40af2e;background:#0f172a;object-fit:cover}.game-download__details{display:flex;flex-direction:column;gap:clamp(12px,3.5vw,18px);text-align:center}.game-download__details h2{margin:0;font-size:clamp(24px,6vw,32px);font-family:var(--font-display);color:#1d4ed8}.game-download__details p{margin:0;font-size:clamp(14px,3.8vw,16px);color:#475569}.game-download__actions{display:grid;gap:clamp(12px,3.5vw,18px)}.game-download__button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 18px;font-size:clamp(15px,3.9vw,17px);font-weight:600;text-decoration:none;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.game-download__button:hover{transform:translateY(-2px)}.game-download__button--android{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 14px 24px #0f766e40}.game-download__button--ios{background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 14px 24px #4338ca40}.game-download__button--pc{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 14px 24px #d9770640}@media(min-width:768px){.game-download__card{grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);align-items:center}.game-download__details{text-align:left;align-items:flex-start}.game-download__actions{width:100%}.game-download__button{justify-content:flex-start;padding:16px 24px}}.activity-selection{min-height:100vh;padding:clamp(24px,6vw,48px) clamp(16px,6vw,32px) clamp(64px,12vw,96px);background:linear-gradient(180deg,#bae6fd,#fef3c7 55%,#fff);font-family:var(--font-body);display:flex;flex-direction:column;gap:clamp(24px,6vw,40px)}.activity-selection__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(16px,4vw,24px);width:100%}.activity-selection__brand{display:flex;align-items:center;gap:clamp(12px,3vw,20px)}.activity-selection__logo{width:clamp(60px,16vw,84px);height:clamp(60px,16vw,84px);object-fit:contain}.activity-selection__headline h1{margin:0;font-size:clamp(24px,6vw,32px);color:#1e3a8a;font-family:var(--font-display)}.activity-selection__headline p{margin:4px 0 0;font-size:clamp(14px,3.6vw,16px);color:#1e3a8acc}.activity-selection__menu,.activity-selection__menu .menu-btn{position:static}.activity-selection__info{display:flex;align-items:center;gap:clamp(12px,3vw,20px);flex-wrap:wrap;color:#1f2937}.activity-selection__info h2{font-size:clamp(18px,4.5vw,22px);margin:0;font-family:var(--font-heading)}.activity-selection__info p{margin:0;font-size:clamp(14px,3.6vw,16px);opacity:.8}.activity-selection__reset{border:1px solid rgba(30,64,175,.2);border-radius:999px;background:#ffffffd9;padding:8px 16px;color:#1e40af;font-size:clamp(13px,3.2vw,15px);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.activity-selection__reset:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1e40af26}.activity-selection__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(16px,4vw,24px)}.activity-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #1e40af26;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.activity-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #1e40af33}.activity-card__image{width:100%;padding-top:58%;background-size:cover;background-position:center}.activity-card__body{padding:clamp(16px,4vw,20px);display:flex;flex-direction:column;gap:clamp(8px,2vw,12px)}.activity-card__body h3{margin:0;font-size:clamp(16px,4.2vw,18px);color:#111827;font-family:var(--font-heading)}.activity-card__body p{margin:0;font-size:clamp(13px,3.4vw,15px);color:#4b5563;line-height:1.5}.activity-card__action{font-size:clamp(13px,3.2vw,15px);color:#2563eb;margin-top:auto;font-family:var(--font-heading)}.activity-selection__empty{grid-column:1 / -1;background:#ffffffe6;border-radius:24px;padding:clamp(24px,6vw,32px);box-shadow:0 12px 24px #1e40af26;text-align:center;display:flex;flex-direction:column;gap:clamp(12px,3vw,18px)}.activity-selection__empty h3{margin:0;font-size:clamp(20px,5vw,24px);color:#1e3a8a}.activity-selection__empty p{margin:0;font-size:clamp(14px,3.6vw,16px);color:#1f2937}@media(max-width:640px){.activity-selection__header{grid-template-columns:1fr;justify-items:stretch}.activity-selection__menu{justify-self:end}}.activity-intro{min-height:100vh;padding:clamp(24px,6vw,48px) clamp(16px,6vw,32px) clamp(40px,10vw,72px);background:linear-gradient(180deg,#3b82f6,#60a5fa 35%,#f9fafb);display:flex;flex-direction:column;gap:clamp(24px,6vw,36px);position:relative;font-family:var(--font-body);overflow:visible}.activity-intro:before{content:"";position:absolute;inset:0;background:url(/img/bg-waves.png) no-repeat top center / cover;opacity:.18;pointer-events:none}.activity-intro__header{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:space-between;position:relative;z-index:1;gap:clamp(12px,4vw,20px)}.activity-intro__card{position:relative;z-index:1;background:#fff;border-radius:clamp(24px,8vw,36px);padding:clamp(28px,7vw,48px);display:flex;flex-direction:column;gap:clamp(24px,6vw,32px);box-shadow:0 22px 44px #0f172a2e}.activity-intro__back{border:none;background:#ffffffe6;border-radius:999px;padding:8px;box-shadow:0 8px 20px #1d4ed840;cursor:pointer;display:flex;align-items:center;justify-content:center}.activity-intro__back img{width:24px;height:24px}.activity-intro__menu{position:static}.activity-intro__hero{color:#fff;background:linear-gradient(135deg,#3b82f6f2,#2563ebf2 55%,#1d4ed8e6);border-radius:clamp(20px,7vw,32px);padding:clamp(24px,6vw,40px);display:flex;flex-direction:column;gap:clamp(12px,3.5vw,18px);text-align:center}.activity-intro__badge{align-self:center;font-family:var(--font-heading);font-size:clamp(12px,3.2vw,14px);letter-spacing:.08em;text-transform:uppercase;background:#ffffff29;padding:6px 18px;border-radius:999px}.activity-intro__hero h1{margin:0;font-size:clamp(28px,7vw,36px);font-family:var(--font-display)}.activity-intro__hero p{font-size:clamp(15px,3.8vw,17px);line-height:1.6;max-width:32ch;margin:0 auto}.activity-intro__cta{margin:clamp(8px,2.5vw,12px) auto 0;background:linear-gradient(90deg,#1d4ed8,#2563eb);border:none;color:#fff;font-size:clamp(15px,4vw,17px);font-family:var(--font-heading);padding:12px 28px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 16px 28px #2563eb40;transition:transform .2s ease,box-shadow .2s ease}.activity-intro__cta:hover{transform:translateY(-2px);box-shadow:0 22px 36px #2563eb4d}.activity-intro__cta svg path{stroke:#fff}.activity-intro__content{display:flex;flex-direction:column;gap:clamp(18px,4.5vw,24px);text-align:center}.activity-intro__content h2{margin:0;font-size:clamp(24px,6vw,30px);color:#1e3a8a;font-family:var(--font-display)}.activity-intro__content p{margin:0;font-size:clamp(14px,3.6vw,16px);color:#334155;line-height:1.65}.activity-intro__visuals{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(12px,3vw,16px);align-items:center}.activity-intro__visuals img{width:100%;border-radius:20px;object-fit:cover;box-shadow:0 14px 24px #3b82f626}.activity-intro__steps{margin:0;padding-left:clamp(18px,4.8vw,24px);display:flex;flex-direction:column;gap:clamp(8px,2.4vw,12px);color:#1f2937;font-size:clamp(14px,3.6vw,16px);line-height:1.6;text-align:left}.activity-intro__steps li{list-style:decimal}.activity-intro__footer{display:flex;justify-content:center;margin-top:clamp(8px,2.4vw,16px)}.activity-intro__cta-secondary{border:none;background:#1e40af;color:#fff;font-size:clamp(15px,4vw,17px);font-family:var(--font-heading);padding:14px 32px;border-radius:999px;cursor:pointer;box-shadow:0 18px 32px #1e40af40;transition:transform .2s ease,box-shadow .2s ease}.activity-intro__cta-secondary:hover{transform:translateY(-2px);box-shadow:0 24px 40px #1e40af4d}@media(max-width:640px){.activity-intro__header{flex-direction:row;align-items:center}.activity-intro__hero{text-align:left}.activity-intro__visuals{grid-template-columns:1fr}}.activity-locked{min-height:100vh;padding:clamp(32px,7vw,56px) clamp(20px,6vw,40px);background:linear-gradient(180deg,#bfdbfe,#ede9fe 45%,#fff);display:flex;flex-direction:column;align-items:center;gap:clamp(24px,6vw,32px);font-family:var(--font-body)}.activity-locked__menu{align-self:flex-end}.activity-locked__card{background:#fff;border-radius:clamp(24px,8vw,32px);box-shadow:0 18px 34px #1e40af2e;padding:clamp(28px,7vw,48px);max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,4vw,20px);text-align:center}.activity-locked__card img{width:clamp(120px,32vw,160px);height:clamp(120px,32vw,160px);object-fit:contain}.activity-locked__card h1{margin:0;font-size:clamp(24px,6vw,30px);color:#1e3a8a;font-family:var(--font-display)}.activity-locked__card p{margin:0;font-size:clamp(14px,3.6vw,16px);color:#334155;line-height:1.6}.activity-locked__cta{margin-top:clamp(8px,2.4vw,12px);border:none;background:linear-gradient(90deg,#1d4ed8,#2563eb);color:#fff;font-size:clamp(15px,4vw,17px);font-family:var(--font-heading);padding:12px 28px;border-radius:999px;cursor:pointer;box-shadow:0 16px 30px #2563eb40;transition:transform .2s ease,box-shadow .2s ease}.activity-locked__cta:hover{transform:translateY(-2px);box-shadow:0 22px 36px #2563eb4d}.activity-locked__cta:active{transform:scale(.97)}.activity-submit{min-height:100vh;background:linear-gradient(180deg,#eff6ff,#e0f2fe 45%,#fefce8);padding:clamp(24px,6vw,48px) clamp(16px,6vw,32px) clamp(64px,12vw,96px);font-family:var(--font-body);display:flex;flex-direction:column;gap:clamp(24px,5vw,36px)}.activity-submit__header{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(12px,4vw,24px)}.activity-submit__brand{display:flex;align-items:center;gap:clamp(12px,3vw,18px)}.activity-submit__back{width:42px;height:42px;border-radius:999px;border:1px solid rgba(29,78,216,.25);background:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.activity-submit__back:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1d4ed833}.activity-submit__title{display:flex;flex-direction:column;gap:4px}.activity-submit__mission{font-size:clamp(18px,4.8vw,22px);font-weight:600;color:#1d4ed8;font-family:var(--font-display)}.activity-submit__day{font-size:clamp(14px,3.6vw,16px);color:#1d4ed8b3;font-family:var(--font-heading)}.activity-submit__menu{position:static}.activity-submit__content{display:flex;flex-direction:column;gap:clamp(20px,5vw,32px)}.activity-submit__card{background:#fffffff2;border-radius:24px;padding:clamp(20px,5vw,28px);box-shadow:0 16px 32px #1d4ed81f;display:flex;flex-direction:column;gap:clamp(12px,3vw,16px)}.activity-submit__card h1{margin:0;font-size:clamp(22px,5.5vw,28px);color:#1f2937;font-family:var(--font-display)}.activity-submit__card p{margin:0;color:#374151;font-size:clamp(14px,3.6vw,16px);line-height:1.6;font-family:var(--font-body)}.activity-submit__note{background:#60a5fa1f;border-radius:12px;padding:12px 16px;font-size:clamp(13px,3.4vw,15px);color:#1d4ed8}.activity-submit__form{background:#fffffff2;border-radius:24px;padding:clamp(20px,6vw,32px);box-shadow:0 18px 36px #1d4ed81f;display:flex;flex-direction:column;gap:clamp(16px,4vw,24px)}.activity-submit__uploader{border:2px dashed rgba(37,99,235,.4);border-radius:24px;padding:clamp(24px,6vw,32px);background:#dbeafe59;display:flex;align-items:center;justify-content:center;min-height:clamp(180px,40vw,240px);cursor:pointer;transition:border-color .2s ease,background .2s ease}.activity-submit__uploader:hover{border-color:#2563eb99;background:#dbeafe80}.activity-submit__placeholder{text-align:center;color:#1d4ed8bf;font-size:clamp(15px,3.8vw,17px);line-height:1.6;font-family:var(--font-heading)}.activity-submit__filename{margin:0;font-size:clamp(13px,3.4vw,15px);color:#1f2937;font-family:var(--font-body)}.activity-submit__preview{width:100%;max-height:320px;object-fit:cover;border-radius:18px}.activity-submit__actions{display:flex;gap:clamp(12px,3vw,16px);flex-wrap:wrap}.activity-submit__primary,.activity-submit__secondary{flex:1;min-width:140px;border-radius:999px;padding:14px 20px;font-size:clamp(15px,3.8vw,17px);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:none}.activity-submit__primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-display)}.activity-submit__primary:disabled{cursor:default;opacity:.6;transform:none;box-shadow:none}.activity-submit__primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 24px #2563eb40}.activity-submit__secondary{background:#2563eb1a;color:#1d4ed8;font-family:var(--font-heading)}.activity-submit__secondary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2563eb26}.activity-submit__error{margin:0;color:#dc2626;font-size:clamp(13px,3.4vw,15px)}.activity-submit__success{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:10000;animation:activity-submit-fade-in .25s ease forwards;cursor:pointer}.activity-submit__success-card{background:linear-gradient(140deg,#2563ebf2,#0ea5e9f5 45%,#22c55ef2);color:#fff;border-radius:24px;padding:clamp(28px,7vw,36px) clamp(24px,8vw,42px);box-shadow:0 22px 44px #0f172a59,0 0 0 2px #ffffff2e;text-align:center;max-width:min(420px,90%);display:flex;flex-direction:column;gap:clamp(12px,4vw,18px);animation:activity-submit-pop .4s ease forwards;cursor:default}.activity-submit__success-card h2{margin:0;font-size:clamp(24px,6vw,30px);font-family:var(--font-display);letter-spacing:.5px}.activity-submit__success-card p{margin:0;font-size:clamp(15px,4vw,18px);font-family:var(--font-heading);opacity:.92}.activity-submit__success-hint{font-size:clamp(13px,3.6vw,15px);font-family:var(--font-body);opacity:.9;letter-spacing:.02em;animation:activity-submit-hint 1.6s ease-in-out infinite}.activity-submit__coins{display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,18px)}.activity-submit__coin{position:relative;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff9c4,#fde047 42%,#facc15 70%,#f59e0b);box-shadow:inset -6px -10px 16px #d9770659,inset 6px 6px 12px #fff9c4a6,0 10px 22px #eab30866;display:flex;align-items:center;justify-content:center;color:#854d0e;text-shadow:0 2px 4px rgba(255,255,255,.6);overflow:hidden}.activity-submit__coin:after{content:"";position:absolute;inset:12%;border-radius:50%;border:2px solid rgba(250,204,21,.7);box-shadow:inset 0 2px 3px #ffffff73;z-index:-1;pointer-events:none}.activity-submit__coin--main{width:clamp(82px,24vw,110px);height:clamp(82px,24vw,110px);font-size:clamp(22px,6vw,30px);font-weight:700;font-family:var(--font-display);animation:activity-submit-coin-pulse 1.4s ease-in-out infinite}.activity-submit__coin--side{width:clamp(50px,16vw,66px);height:clamp(50px,16vw,66px);animation:activity-submit-coin-spin 1.6s linear infinite}.activity-submit__coin--side:nth-child(1){animation-delay:-.3s}.activity-submit__coin--side:nth-child(3){animation-delay:.3s}@keyframes activity-submit-fade-in{0%{opacity:0}to{opacity:1}}@keyframes activity-submit-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes activity-submit-coin-pulse{0%,to{transform:scale(1) rotate(0);box-shadow:inset -6px -10px 16px #d9770659,inset 6px 6px 12px #fff9c4a6,0 10px 22px #eab30866}50%{transform:scale(1.08) rotate(-3deg);box-shadow:inset -8px -12px 18px #d977066b,inset 8px 8px 14px #fff9c4bf,0 16px 30px #eab30873}}@keyframes activity-submit-coin-spin{0%{transform:rotateY(0) translateY(0)}50%{transform:rotateY(180deg) translateY(-8px)}to{transform:rotateY(360deg) translateY(0)}}@keyframes activity-submit-hint{0%,to{opacity:.9}50%{opacity:.55}}@media(max-width:640px){.activity-submit__actions{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}.personality-test{max-width:100%;min-height:100vh;background-color:#fff;padding:24px;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{margin-bottom:20px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-center{display:flex;align-items:center;gap:12px;justify-content:center}.header-logo{width:120px;height:120px;object-fit:contain}.icon-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:45px;min-height:45px}.icon-button svg{width:45px;height:45px}.icon-button:hover{opacity:.7}.header-menu{display:flex;align-items:center;justify-content:center}.header-menu .menu-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;justify-content:space-between;height:40px;width:40px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.header-menu .menu-btn span{display:block;width:100%;height:3px;border-radius:999px;background:#3b82f6;transition:transform .3s ease,opacity .3s ease}.header-menu .menu-btn.open span:nth-child(1){transform:rotate(45deg) translateY(8px)}.header-menu .menu-btn.open span:nth-child(2){opacity:0}.header-menu .menu-btn.open span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.title{font-family:var(--font-primary);font-size:24px;font-weight:400;margin:0;padding:0;display:flex;align-items:center}.title-part-1{color:#231d59}.title-part-2{color:#4882ff}.introduction{margin-bottom:24px;padding:0 8px}.introduction p{font-family:var(--font-primary);font-size:24px;line-height:1.6;color:#2d5f82;text-align:center}.progress-wrapper{margin-bottom:8px;position:sticky;top:0;z-index:100;background-color:#fff;padding-top:8px;display:flex;flex-direction:column;gap:16px}.progress-container2{position:relative;display:flex;flex-direction:column;gap:16px;width:100%;padding:0;align-items:stretch}.progress-shadow-top,.progress-shadow-bottom{width:100vw;height:auto;display:block;object-fit:cover;max-width:none;margin:0 calc(50% - 50vw)}.progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:16px;margin-bottom:-4px}.progress-fill{height:100%;background-color:#4882ff;border-radius:4px;transition:width .3s ease}.page-indicator{font-family:var(--font-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#5a6a95;font-size:16px;font-weight:500;margin:20px 0}.page-indicator span:first-child{color:#3728c0;font-weight:600}.questions-container{margin-bottom:32px}.question-section{padding:24px 8px;border-bottom:1px solid #E5E7EB}.question-section:last-child{border-bottom:none}.question-label{font-family:var(--font-primary);font-size:20px;font-weight:500;color:#000;margin-bottom:20px}.scale-container{display:flex;justify-content:space-between;align-items:center;gap:8px;position:relative;padding-bottom:40px;--base-button-size: 44px}.scale-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.scale-button{min-width:30px;min-height:30px;border-radius:50%;border:2px solid;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;margin-bottom:8px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.scale-button:hover{transform:scale(1.1);opacity:.8}.scale-button.selected{box-shadow:0 4px 12px #00000026}.scale-label{font-family:var(--font-primary);position:absolute;bottom:-20px;font-size:13px;font-weight:500;white-space:nowrap;text-align:center}.scale-label-left{color:#4882ff;left:50%;transform:translate(-50%)}.scale-label-right{color:#e350e5;right:50%;transform:translate(50%)}.button-container{padding:0 8px 32px;margin-top:auto}.nav-buttons{display:flex;gap:12px;width:100%}.nav-button{font-family:var(--font-primary);flex:1;border-radius:12px;border:2px solid #CBD5F5;background-color:#f8faff;color:#3728c0;padding:16px 20px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease,border-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px}.nav-button:hover{background-color:#eff3ff}.nav-button:active{transform:scale(.98)}.nav-button svg{width:20px;height:20px}.nav-buttons .finish-button{flex:1;width:auto}.finish-button{font-family:var(--font-primary);width:100%;background-color:#3728c0;color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px}.finish-button:hover{background-color:#1e3a8a}.finish-button:active{transform:scale(.98)}@media(max-width:360px){.personality-test{padding:12px}.header{margin-bottom:14px}.header-logo{width:85px;height:85px}.icon-button{min-width:35px;min-height:35px}.icon-button svg{width:35px;height:35px}.title{font-size:20px}.introduction{margin-bottom:18px;padding:0 2px}.introduction p{font-size:18px;line-height:1.4}.progress-container2{margin-bottom:20px;padding:0}.progress-shadow-top,.progress-shadow-bottom{width:100vw;margin:0 calc(50% - 50vw)}.progress-bar{height:6px}.question-section{padding:18px 2px}.question-label{font-size:16px;margin-bottom:14px}.scale-container{gap:2px;padding-bottom:32px;--base-button-size: 34px}.scale-button{width:34px;height:34px}.scale-button svg{width:12px;height:12px}.scale-label{font-size:10px}.button-container{padding:0 2px 20px}.page-indicator{font-size:13px;margin:16px 0}.nav-buttons{flex-direction:column;gap:10px}.nav-button{font-size:15px;padding:12px 16px;border-radius:8px;min-height:44px}.nav-button svg{width:16px;height:16px}.finish-button{padding:12px 18px;font-size:15px;border-radius:8px}.finish-button svg{width:16px;height:16px}}@media(min-width:361px)and (max-width:375px){.personality-test{padding:16px}.header{margin-bottom:16px}.header-logo{width:95px;height:95px}.icon-button{min-width:38px;min-height:38px}.icon-button svg{width:38px;height:38px}.title{font-size:22px}.introduction{margin-bottom:20px;padding:0 4px}.introduction p{font-size:20px;line-height:1.5}.progress-container2{margin-bottom:24px;padding:0}.progress-shadow-top,.progress-shadow-bottom{width:100vw;margin:0 calc(50% - 50vw)}.question-section{padding:20px 4px}.question-label{font-size:17px;margin-bottom:16px}.scale-container{gap:4px;padding-bottom:36px;--base-button-size: 38px}.scale-button{width:38px;height:38px}.scale-button svg{width:14px;height:14px}.scale-label{font-size:12px}.button-container{padding:0 4px 24px}.page-indicator{font-size:14px;margin:18px 0}.nav-buttons{flex-direction:column;gap:12px}.nav-button{font-size:16px;padding:12px 18px;border-radius:9px}.nav-button svg{width:18px;height:18px}.finish-button{padding:14px 20px;font-size:16px;border-radius:10px}.finish-button svg{width:18px;height:18px}}@media(min-width:376px)and (max-width:480px){.personality-test{padding:20px}.header{margin-bottom:20px}.header-logo{width:105px;height:105px}.icon-button{min-width:40px;min-height:40px}.icon-button svg{width:40px;height:40px}.title{font-size:24px}.introduction{margin-bottom:24px;padding:0 8px}.introduction p{font-size:22px;line-height:1.6}.progress-container2{margin-bottom:28px;padding:0}.progress-shadow-top,.progress-shadow-bottom{width:100vw;margin:0 calc(50% - 50vw)}.progress-bar{height:9px}.question-section{padding:24px 8px}.question-label{font-size:20px;margin-bottom:20px}.scale-container{gap:6px;padding-bottom:40px;--base-button-size: 44px}.scale-button{width:44px;height:44px}.scale-button svg{width:16px;height:16px}.scale-label{font-size:13px}.button-container{padding:0 8px 28px}.page-indicator{font-size:15px;margin:20px 0}.nav-buttons{flex-direction:column;gap:12px}.nav-button{font-size:17px;padding:14px 20px;border-radius:10px}.finish-button{padding:16px 24px;font-size:19px;border-radius:11px}.finish-button svg{width:20px;height:20px}}@media(min-width:481px)and (max-width:767px){.personality-test{padding:24px}.header{margin-bottom:24px}.header-logo{width:110px;height:110px}.icon-button{min-width:42px;min-height:42px}.icon-button svg{width:42px;height:42px}.title{font-size:26px}.introduction{margin-bottom:28px;padding:0 12px}.introduction p{font-size:17px;line-height:1.65}.progress-container2{margin-bottom:36px;padding:0}.progress-shadow-top,.progress-shadow-bottom{width:100vw;margin:0 calc(50% - 50vw)}.progress-bar{height:10px}.question-section{padding:28px 12px}.question-label{font-size:20px;margin-bottom:24px}.scale-container{gap:10px;padding-bottom:44px;--base-button-size: 50px}.scale-button{width:50px;height:50px}.scale-button svg{width:18px;height:18px}.scale-label{font-size:13px}.button-container{padding:0 12px 36px}.page-indicator{margin:22px 0}.finish-button{padding:18px 28px;font-size:19px;border-radius:14px}.finish-button svg{width:22px;height:22px}}@media(min-width:768px)and (max-width:1024px){.personality-test{max-width:700px;margin:0 auto;padding:40px 50px}.header{margin-bottom:28px}.header-logo{width:115px;height:115px}.icon-button{min-width:44px;min-height:44px}.icon-button svg{width:44px;height:44px}.title{font-size:29px}.introduction{margin-bottom:32px;padding:0 16px}.introduction p{font-size:18px;line-height:1.7}.progress-container2{margin-bottom:40px;padding:0}.progress-shadow-top,.progress-shadow-bottom{width:100vw;margin:0 calc(50% - 50vw)}.progress-bar{height:12px}.question-section{padding:32px 16px}.question-label{font-size:21px;margin-bottom:26px}.scale-container{gap:14px;padding-bottom:48px;--base-button-size: 54px}.scale-button{width:54px;height:54px}.scale-button svg{width:20px;height:20px}.scale-label{font-size:14px}.button-container{padding:0 16px 40px}.nav-buttons{gap:16px}.nav-button{font-size:18px;padding:16px 22px}.finish-button{padding:20px 32px;font-size:20px;border-radius:16px}.finish-button svg{width:24px;height:24px}}@media(min-width:1025px)and (max-width:1280px){.personality-test{max-width:800px;margin:0 auto;padding:50px 60px}.header{margin-bottom:32px}.header-logo{width:120px;height:120px}.icon-button{min-width:45px;min-height:45px}.icon-button svg{width:45px;height:45px}.title{font-size:31px}.introduction{margin-bottom:36px;padding:0 20px}.introduction p{font-size:19px;line-height:1.75}.progress-container2{margin-bottom:44px;padding:0}.progress-shadow-top,.progress-shadow-bottom{width:100vw;margin:0 calc(50% - 50vw)}.progress-bar{height:14px}.question-section{padding:36px 20px}.question-label{font-size:22px;margin-bottom:28px}.scale-container{gap:16px;padding-bottom:52px;--base-button-size: 58px}.scale-button{width:58px;height:58px}.scale-button svg{width:22px;height:22px}.scale-label{font-size:15px}.button-container{padding:0 20px 44px}.nav-buttons{gap:18px}.nav-button{font-size:19px;padding:18px 24px}.finish-button{padding:22px 36px;font-size:21px;border-radius:18px}.finish-button svg{width:26px;height:26px}}@media(min-width:1281px)and (max-width:1920px){.personality-test{max-width:900px;margin:0 auto;padding:60px 80px}.header{margin-bottom:36px}.header-logo{width:125px;height:125px}.icon-button{min-width:47px;min-height:47px}.icon-button svg{width:47px;height:47px}.title{font-size:34px}.introduction{margin-bottom:40px;padding:0 24px}.introduction p{font-size:20px;line-height:1.8}.progress-container2{margin-bottom:48px;padding:0}.progress-shadow-top,.progress-shadow-bottom{width:100vw;margin:0 calc(50% - 50vw)}.progress-bar{height:16px}.question-section{padding:40px 24px}.question-label{font-size:23px;margin-bottom:30px}.scale-container{gap:18px;padding-bottom:56px;--base-button-size: 64px}.scale-button{width:64px;height:64px}.scale-button svg{width:24px;height:24px}.scale-label{font-size:16px}.button-container{padding:0 24px 48px}.nav-buttons{gap:20px}.nav-button{font-size:20px;padding:20px 26px}.finish-button{padding:24px 40px;font-size:22px;border-radius:20px}.finish-button svg{width:28px;height:28px}}@media(min-width:1921px){.personality-test{max-width:1000px;margin:0 auto;padding:70px 100px}.header{margin-bottom:40px}.header-logo{width:130px;height:130px}.icon-button{min-width:48px;min-height:48px}.icon-button svg{width:48px;height:48px}.title{font-size:36px}.introduction{margin-bottom:44px;padding:0 28px}.introduction p{font-size:22px;line-height:1.85}.progress-container2{margin-bottom:52px;padding:0}.progress-shadow-top,.progress-shadow-bottom{width:100vw;margin:0 calc(50% - 50vw)}.progress-bar{height:18px}.question-section{padding:44px 28px}.question-label{font-size:24px;margin-bottom:32px}.scale-container{gap:20px;padding-bottom:60px;--base-button-size: 70px}.scale-button{width:70px;height:70px}.scale-button svg{width:26px;height:26px}.scale-label{font-size:17px}.button-container{padding:0 28px 52px}.nav-buttons{gap:22px}.nav-button{font-size:21px;padding:22px 28px}.finish-button{padding:26px 44px;font-size:24px;border-radius:22px}.finish-button svg{width:30px;height:30px}}.personality-result-page{min-height:100vh;padding:clamp(20px,6vw,40px) clamp(16px,6vw,24px) clamp(48px,12vw,96px);background:linear-gradient(180deg,#f7fbff,#f3f7ff 40%,#fff);font-family:var(--font-body);display:flex;flex-direction:column;align-items:center;gap:clamp(24px,6vw,40px);position:relative;overflow:hidden}.result-header{width:min(100%,420px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(12px,4vw,20px);position:relative;z-index:2}.result-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(30,58,138,.25);background:#ffffffa6;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.result-back:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1e3a8a40}.result-logo{height:80px;width:auto;justify-self:center}.result-menu{position:static;display:flex;align-items:center;justify-content:flex-end;min-width:48px;min-height:40px}.result-menu .menu-btn{position:static;width:40px;height:28px}.result-menu .menu-btn span{background-color:#1e3a8a}.result-hero{width:min(100%,520px);background:linear-gradient(135deg,#ffffffd9,#fafaff99);border-radius:28px;padding:clamp(28px,8vw,40px) clamp(24px,6vw,36px);position:relative;box-shadow:0 24px 60px #0f172a1f;overflow:visible;backdrop-filter:blur(6px) saturate(120%);border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(6px) saturate(120%)}.result-hero-wave{position:absolute;inset:auto 0 0;height:clamp(60px,18vw,90px);background:linear-gradient(180deg,#ffffffe6,#fff0);border-radius:50% 50% 0 0;transform:translateY(50%)}.result-hero-content{position:relative;z-index:1;color:#1e3a8a;display:flex;flex-direction:column;gap:clamp(8px,2vw,12px)}.result-hero:before,.result-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.9;z-index:0}.result-hero:before{width:260px;height:260px;left:-60px;top:-80px;background:radial-gradient(circle at 30% 30%,#7c3aed2e,#06b6d40f);animation:floatY 8s ease-in-out infinite}.result-hero:after{width:200px;height:200px;right:-40px;bottom:-60px;background:radial-gradient(circle at 70% 70%,#10b9811f,#6366f10a);animation:floatY 10s ease-in-out infinite reverse}.result-label{font-size:clamp(14px,3.6vw,16px);color:#1e3a8acc;letter-spacing:.5px}.result-title{font-size:clamp(28px,8vw,34px);font-weight:800;margin:0;font-family:var(--font-display);background:linear-gradient(90deg,#7c3aed,#06b6d4 60%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 20px rgba(12,34,63,.12)}.result-type{font-size:clamp(20px,6vw,28px);font-weight:600;color:#1e3a8a;margin:0;font-family:var(--font-heading)}.result-card{width:min(100%,520px);background:linear-gradient(180deg,#fffffffa,#fafafffa);border-radius:20px;padding:clamp(20px,6vw,36px) clamp(18px,6vw,28px);box-shadow:0 30px 60px #0f172a14;display:flex;flex-direction:column;gap:clamp(18px,4vw,28px);font-family:var(--font-body)}.result-suggestions h3{margin:0 0 8px;font-size:16px;color:#111827;font-weight:700}.suggestion-chips{display:flex;gap:10px;flex-wrap:wrap}.chip{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(15,23,42,.06);padding:8px 12px;border-radius:999px;cursor:pointer;font-weight:600;color:#0f172a;box-shadow:0 6px 18px #0206170f;transition:transform .12s ease,box-shadow .12s ease;text-align:justify}.chip:hover{transform:translateY(-3px);box-shadow:0 12px 28px #02061714}@keyframes floatY{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-14px) translate(6px)}to{transform:translateY(0) translate(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-hero-content,.result-card{animation:slideUpFade .42s cubic-bezier(.2,.9,.2,1) both}.result-description{display:flex;flex-direction:column;gap:clamp(12px,3vw,16px);color:#3f3f46;font-size:clamp(15px,4vw,17px);line-height:1.6}.result-footer{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,3vw,16px)}.footer-actions{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.left-actions{display:flex;align-items:center;gap:12px;flex:0 1 auto;min-width:0}.icon-btn{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid rgba(15,23,42,.06);cursor:pointer;box-shadow:0 6px 16px #0206170a}.icon-btn svg{transform:translateY(-1px)}.copy-note{font-size:13px;color:#065f46;font-weight:700;min-width:0;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-toast{font-size:13px;color:#0f172a;font-weight:600;min-width:0;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.result-callout{font-size:clamp(14px,3.6vw,16px);color:#0f172a;font-family:var(--font-heading)}.result-action{width:auto;max-width:240px;border:none;border-radius:999px;padding:14px 28px;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;font-size:clamp(16px,4vw,18px);font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-family:var(--font-display)}.result-action{margin-left:auto}@media(max-width:420px){.footer-actions{gap:10px;flex-wrap:wrap}.footer-actions .left-actions{width:100%;display:flex;justify-content:flex-start;gap:8px;margin-bottom:6px}.footer-actions .result-action{width:100%;max-width:none;flex-basis:100%;margin-left:0}}.result-action:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4f46e559}@media(min-width:768px){.personality-result-page{padding-top:clamp(36px,8vw,64px)}.result-header,.result-hero,.result-card{width:min(100%,480px)}}