@import"https://fonts.googleapis.com/css2?family=Reggae+One&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Chakra+Petch:wght@600;700&display=swap";:root,[data-theme=light]{color-scheme:light;--c-paper: 245 239 228;--c-paper-raised: 255 252 245;--c-paper-sunk: 233 225 208;--c-ink: 21 23 31;--c-ink-muted: 71 75 90;--c-ink-subtle: 98 102 122;--c-line: 21 23 31;--c-line-soft: 207 197 176;--tone: rgba(21,23,31,.16);--c-hanko: 212 32 44;--c-hanko-ink: 179 20 31;--c-hanko-soft: 251 225 222;--c-ai: 29 78 216;--c-ai-soft: 223 231 251;--c-on-accent: 255 255 255;--c-anime: 200 17 95;--c-anime-soft: 251 223 236;--c-scan: 0 121 90;--c-scan-soft: 213 240 228;--c-planning: 172 78 0;--c-planning-soft: 253 230 204;--c-rank: 138 97 0;--c-rank-soft: 246 231 184;--c-feedback: 11 114 133;--c-feedback-soft: 211 238 242;--c-status-plan-ink: 29 78 216;--c-status-plan-bg: 223 231 251;--c-status-progress-ink: 138 83 0;--c-status-progress-bg: 251 233 198;--c-status-done-ink: 0 105 92;--c-status-done-bg: 211 239 230;--c-status-dropped-ink: 80 84 95;--c-status-dropped-bg: 228 224 214;--c-status-waiting-ink: 11 101 119;--c-status-waiting-bg: 211 238 242;--c-danger: 179 20 31;--c-focus: 29 78 216;--scrim: rgba(21,23,31,.55);--c-tier-bronze: 205 127 50;--c-tier-silver: 192 192 192;--c-tier-gold: 255 215 0;--c-tier-emerald: 46 204 113;--c-tier-diamond: 0 191 255;--c-tier-platinum: 138 43 226;--c-tier-legend: 255 51 102;--shadow-pop: 3px 3px 0 #15171f;--shadow-pop-lg: 5px 5px 0 #15171f;--shadow-panel: 0 1px 0 #cfc5b0, 0 10px 24px rgba(21,23,31,.08)}[data-theme=dark]{color-scheme:dark;--c-paper: 15 19 32;--c-paper-raised: 24 29 46;--c-paper-sunk: 10 13 23;--c-ink: 243 238 227;--c-ink-muted: 185 188 203;--c-ink-subtle: 146 150 170;--c-line: 123 129 156;--c-line-soft: 43 49 71;--tone: rgba(243,238,227,.13);--c-hanko: 255 90 99;--c-hanko-ink: 255 122 130;--c-hanko-soft: 58 21 27;--c-ai: 126 162 255;--c-ai-soft: 26 37 71;--c-on-accent: 17 19 26;--c-anime: 255 90 165;--c-anime-soft: 58 20 41;--c-scan: 47 220 159;--c-scan-soft: 13 51 39;--c-planning: 255 169 77;--c-planning-soft: 58 38 12;--c-rank: 245 192 74;--c-rank-soft: 53 41 10;--c-feedback: 79 211 230;--c-feedback-soft: 12 48 56;--c-status-plan-ink: 157 184 255;--c-status-plan-bg: 26 37 71;--c-status-progress-ink: 255 199 102;--c-status-progress-bg: 58 42 12;--c-status-done-ink: 95 224 192;--c-status-done-bg: 13 51 43;--c-status-dropped-ink: 185 189 201;--c-status-dropped-bg: 38 42 54;--c-status-waiting-ink: 111 220 238;--c-status-waiting-bg: 12 48 56;--c-danger: 255 122 130;--c-focus: 157 184 255;--scrim: rgba(4,6,12,.7);--c-tier-bronze: 205 127 50;--c-tier-silver: 192 192 192;--c-tier-gold: 255 215 0;--c-tier-emerald: 46 204 113;--c-tier-diamond: 0 191 255;--c-tier-platinum: 138 43 226;--c-tier-legend: 255 51 102;--shadow-pop: 3px 3px 0 #000000;--shadow-pop-lg: 5px 5px 0 #000000;--shadow-panel: 0 1px 0 #2b3147, 0 10px 24px rgba(0,0,0,.4)}:root{--paper: rgb(var(--c-paper));--paper-raised: rgb(var(--c-paper-raised));--paper-sunk: rgb(var(--c-paper-sunk));--ink: rgb(var(--c-ink));--ink-muted: rgb(var(--c-ink-muted));--ink-subtle: rgb(var(--c-ink-subtle));--line: rgb(var(--c-line));--line-soft: rgb(var(--c-line-soft));--hanko: rgb(var(--c-hanko));--hanko-ink: rgb(var(--c-hanko-ink));--hanko-soft: rgb(var(--c-hanko-soft));--ai: rgb(var(--c-ai));--ai-soft: rgb(var(--c-ai-soft));--on-accent: rgb(var(--c-on-accent));--anime: rgb(var(--c-anime));--anime-soft: rgb(var(--c-anime-soft));--scan: rgb(var(--c-scan));--scan-soft: rgb(var(--c-scan-soft));--planning: rgb(var(--c-planning));--planning-soft: rgb(var(--c-planning-soft));--rank: rgb(var(--c-rank));--rank-soft: rgb(var(--c-rank-soft));--feedback: rgb(var(--c-feedback));--feedback-soft: rgb(var(--c-feedback-soft));--status-plan-ink: rgb(var(--c-status-plan-ink));--status-plan-bg: rgb(var(--c-status-plan-bg));--status-progress-ink: rgb(var(--c-status-progress-ink));--status-progress-bg: rgb(var(--c-status-progress-bg));--status-done-ink: rgb(var(--c-status-done-ink));--status-done-bg: rgb(var(--c-status-done-bg));--status-dropped-ink: rgb(var(--c-status-dropped-ink));--status-dropped-bg: rgb(var(--c-status-dropped-bg));--status-waiting-ink: rgb(var(--c-status-waiting-ink));--status-waiting-bg: rgb(var(--c-status-waiting-bg));--danger: rgb(var(--c-danger));--focus: rgb(var(--c-focus));--tier-bronze: rgb(var(--c-tier-bronze));--tier-silver: rgb(var(--c-tier-silver));--tier-gold: rgb(var(--c-tier-gold));--tier-emerald: rgb(var(--c-tier-emerald));--tier-diamond: rgb(var(--c-tier-diamond));--tier-platinum: rgb(var(--c-tier-platinum));--tier-legend: rgb(var(--c-tier-legend));--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--dur-instant: 90ms;--dur-fast: .16s;--dur-base: .26s;--dur-slow: .42s;--dur-epic: .7s;--ease-signature: cubic-bezier(.22, 1, .36, 1);--ease-stamp: cubic-bezier(.34, 1.56, .64, 1);--ease-ink: cubic-bezier(.65, 0, .35, 1);--font-display: "Reggae One", "Zen Kaku Gothic New", system-ui, sans-serif;--font-sans: "Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;--font-mono: "Chakra Petch", ui-monospace, monospace}:root,.op-sec-home{--c-accent: var(--c-hanko);--c-accent-soft: var(--c-hanko-soft)}.op-sec-anime,[data-section=anime]{--c-accent: var(--c-anime);--c-accent-soft: var(--c-anime-soft)}.op-sec-scan,[data-section=manga]{--c-accent: var(--c-scan);--c-accent-soft: var(--c-scan-soft)}.op-sec-planning{--c-accent: var(--c-planning);--c-accent-soft: var(--c-planning-soft)}.op-sec-rank{--c-accent: var(--c-rank);--c-accent-soft: var(--c-rank-soft)}.op-sec-feedback{--c-accent: var(--c-feedback);--c-accent-soft: var(--c-feedback-soft)}.op-sec-neutral{--c-accent: var(--c-ai);--c-accent-soft: var(--c-ai-soft)}:root,[class*=op-sec-],[data-section]{--op-accent: rgb(var(--c-accent));--op-accent-soft: rgb(var(--c-accent-soft));--page-accent: rgb(var(--c-accent));--page-accent-soft: rgb(var(--c-accent));--page-accent-secondary: rgb(var(--c-accent));--page-accent-muted: rgb(var(--c-accent-soft))}:root,[data-theme=light]{--shadow-pop-sm: 2px 2px 0 #15171f}[data-theme=dark]{--shadow-pop-sm: 2px 2px 0 #000000}:root,[data-theme=light]{--tier-bronze-ink: #8a4b14;--tier-silver-ink: #555a63;--tier-gold-ink: #7a5600;--tier-emerald-ink: #11683a;--tier-diamond-ink: #09658a;--tier-platinum-ink: #6b1fb3;--tier-legend-ink: #b8123c}[data-theme=dark]{--tier-bronze-ink: #e8a466;--tier-silver-ink: #d4d6dc;--tier-gold-ink: #f5c04a;--tier-emerald-ink: #5fe0a0;--tier-diamond-ink: #6fd3ff;--tier-platinum-ink: #c49bff;--tier-legend-ink: #ff7a95}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Chakra Petch,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{margin:0;background:var(--paper);color:var(--ink);font-weight:500}::-moz-selection{background-color:var(--hanko);color:var(--on-accent)}::selection{background-color:var(--hanko);color:var(--on-accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.op-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:2px solid var(--line);border-radius:999px;background:var(--paper-raised);color:var(--ink);font-weight:900;font-size:15px;line-height:1;white-space:nowrap;cursor:pointer;overflow:hidden;box-shadow:var(--shadow-pop);transition:transform var(--dur-fast) var(--ease-signature),box-shadow var(--dur-fast) var(--ease-signature),background-color var(--dur-fast)}.op-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-pop-lg)}.op-btn:active{transform:translate(3px,3px);box-shadow:none;transition-duration:var(--dur-instant)}.op-btn--sm{height:36px;padding:0 16px;font-size:14px}.op-btn--primary{background:var(--op-accent);color:var(--on-accent)}.op-btn--primary:after{content:"";position:absolute;inset:-20% auto -20% -40%;width:30%;background:var(--on-accent);opacity:.28;transform:skew(-20deg) translate(-120%);pointer-events:none}.op-btn--primary:hover:after{animation:op-sweep var(--dur-epic) var(--ease-signature)}.op-btn--ghost{border-color:transparent;background:transparent;box-shadow:none;color:var(--ink-muted)}.op-btn--ghost:hover{transform:none;box-shadow:none;background:var(--paper-sunk);color:var(--ink)}.op-btn:disabled{opacity:.45;pointer-events:none}.op-btn svg{flex:none;transition:transform var(--dur-fast) var(--ease-signature)}.op-btn:hover svg:last-child:not(:first-child){transform:translate(3px)}.op-panel,.ocean-panel{border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-panel)}.ocean-nav{background:var(--paper-raised)}.op-hanko{display:inline-grid;place-items:center;width:64px;height:64px;border:3px solid var(--hanko-ink);border-radius:var(--radius-md);color:var(--hanko-ink);font:400 34px/1 var(--font-display);transform:rotate(-8deg)}.op-hanko.is-stamping{animation:op-stamp var(--dur-slow) var(--ease-stamp) both}.op-skel{border-radius:var(--radius-md);background-color:var(--paper-sunk);background-image:radial-gradient(var(--tone) 1.3px,transparent 1.5px);background-size:8px 8px;animation:op-tone-drift 1.2s linear infinite}.op-enter{animation:op-drop var(--dur-base) var(--ease-signature) both;animation-delay:calc(var(--i, 0) * 55ms)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-x-2{left:.5rem;right:.5rem}.-bottom-px{bottom:-1px}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-1\.5{bottom:.375rem}.bottom-2\.5{bottom:.625rem}.bottom-\[calc\(96px\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(96px + env(safe-area-inset-bottom))}.left-0{left:0}.left-1\.5{left:.375rem}.left-2{left:.5rem}.left-\[20px\]{left:20px}.left-\[27px\]{left:27px}.left-\[2px\]{left:2px}.left-\[3px\]{left:3px}.right-0{right:0}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-4{right:1rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-10{top:2.5rem}.top-2{top:.5rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-\[2px\]{top:2px}.top-\[3px\]{top:3px}.top-\[80px\]{top:80px}.top-\[calc\(100\%\+6px\)\]{top:calc(100% + 6px)}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[2\]{z-index:2}.z-\[60\]{z-index:60}.z-\[65\]{z-index:65}.z-\[70\]{z-index:70}.z-\[75\]{z-index:75}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-last{order:9999}.col-start-2{grid-column-start:2}.col-end-4{grid-column-end:4}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mb-7{margin-bottom:-1.75rem}.-mt-3{margin-top:-.75rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-5{margin-left:1.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[2\/3\]{aspect-ratio:2/3}.aspect-square{aspect-ratio:1 / 1}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[104px\]{height:104px}.h-\[118px\]{height:118px}.h-\[120px\]{height:120px}.h-\[152px\]{height:152px}.h-\[154px\]{height:154px}.h-\[15px\]{height:15px}.h-\[160px\]{height:160px}.h-\[18px\]{height:18px}.h-\[220px\]{height:220px}.h-\[22px\]{height:22px}.h-\[230px\]{height:230px}.h-\[26px\]{height:26px}.h-\[320px\]{height:320px}.h-\[3px\]{height:3px}.h-\[46px\]{height:46px}.h-\[50px\]{height:50px}.h-\[5px\]{height:5px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[76px\]{height:76px}.h-\[calc\(100\%-2\.25rem\)\]{height:calc(100% - 2.25rem)}.h-full{height:100%}.h-px{height:1px}.\!max-h-none{max-height:none!important}.max-h-72{max-height:18rem}.max-h-\[480px\]{max-height:480px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[88vh\]{max-height:88vh}.max-h-\[calc\(100dvh-80px-92px\)\]{max-height:calc(100dvh - 172px)}.max-h-\[min\(560px\,calc\(100vh-96px\)\)\]{max-height:min(560px,calc(100vh - 96px))}.min-h-0{min-height:0px}.min-h-32{min-height:8rem}.min-h-\[150px\]{min-height:150px}.min-h-\[16rem\]{min-height:16rem}.min-h-\[20px\]{min-height:20px}.min-h-\[32px\]{min-height:32px}.min-h-\[44px\]{min-height:44px}.min-h-\[455px\]{min-height:455px}.min-h-\[52px\]{min-height:52px}.min-h-\[68px\]{min-height:68px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/5{width:40%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-4\/5{width:80%}.w-40{width:10rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[104px\]{width:104px}.w-\[130px\]{width:130px}.w-\[18px\]{width:18px}.w-\[190px\]{width:190px}.w-\[208px\]{width:208px}.w-\[210px\]{width:210px}.w-\[220px\]{width:220px}.w-\[22px\]{width:22px}.w-\[280px\]{width:280px}.w-\[380px\]{width:380px}.w-\[46px\]{width:46px}.w-\[50px\]{width:50px}.w-\[54px\]{width:54px}.w-\[56px\]{width:56px}.w-\[76px\]{width:76px}.w-\[84px\]{width:84px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-4{min-width:1rem}.min-w-\[10rem\]{min-width:10rem}.min-w-\[112px\]{min-width:112px}.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}.min-w-\[22px\]{min-width:22px}.min-w-\[3\.5rem\]{min-width:3.5rem}.min-w-\[300px\]{min-width:300px}.min-w-full{min-width:100%}.max-w-28{max-width:7rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[1080px\]{max-width:1080px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[1500px\]{max-width:1500px}.max-w-\[220px\]{max-width:220px}.max-w-\[320px\]{max-width:320px}.max-w-\[420px\]{max-width:420px}.max-w-\[44px\]{max-width:44px}.max-w-\[520px\]{max-width:520px}.max-w-\[62ch\]{max-width:62ch}.max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\[1_1_140px\]{flex:1 1 140px}.flex-\[2\]{flex:2}.flex-\[2_1_340px\]{flex:2 1 340px}.flex-\[3_1_520px\]{flex:3 1 520px}.flex-none{flex:none}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.origin-top{transform-origin:top}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-2{--tw-rotate: -2deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-6{--tw-rotate: -6deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-\[1\.5deg\]{--tw-rotate: -1.5deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.scroll-mt-24{scroll-margin-top:6rem}.auto-cols-\[132px\]{grid-auto-columns:132px}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1\.5rem_minmax\(0\,1fr\)_auto\]{grid-template-columns:1.5rem minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[2px\]{gap:2px}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.gap-y-1\.5{row-gap:.375rem}.gap-y-3{row-gap:.75rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-y-2>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(2px * var(--tw-divide-y-reverse))}.divide-ink\/10>:not([hidden])~:not([hidden]){border-color:rgb(var(--c-ink) / .1)}.divide-paper-sunk>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(var(--c-paper-sunk) / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:10px}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:.375rem}.rounded-pill{border-radius:999px}.rounded-sm{border-radius:6px}.rounded-xl{border-radius:16px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-thick{border-width:3px}.border-thin{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2,.border-b-thin{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2,.border-t-thin{border-top-width:2px}.border-dashed{border-style:dashed}.border-\[\#15171f\]{--tw-border-opacity: 1;border-color:rgb(21 23 31 / var(--tw-border-opacity, 1))}.border-\[var\(--page-accent\)\]{border-color:var(--page-accent)}.border-\[var\(--page-accent-muted\)\]{border-color:var(--page-accent-muted)}.border-accent-pink{--tw-border-opacity: 1;border-color:rgb(var(--c-accent) / var(--tw-border-opacity, 1))}.border-accent-pink\/40{border-color:rgb(var(--c-accent) / .4)}.border-accent-pink\/60{border-color:rgb(var(--c-accent) / .6)}.border-accent-pink\/70{border-color:rgb(var(--c-accent) / .7)}.border-accent2{--tw-border-opacity: 1;border-color:rgb(var(--c-accent) / var(--tw-border-opacity, 1))}.border-danger{--tw-border-opacity: 1;border-color:rgb(var(--c-hanko-ink) / var(--tw-border-opacity, 1))}.border-danger\/40{border-color:rgb(var(--c-hanko-ink) / .4)}.border-danger\/50{border-color:rgb(var(--c-hanko-ink) / .5)}.border-dashed-border{--tw-border-opacity: 1;border-color:rgb(var(--c-line-soft) / var(--tw-border-opacity, 1))}.border-feedback{--tw-border-opacity: 1;border-color:rgb(var(--c-feedback) / var(--tw-border-opacity, 1))}.border-feedback\/30{border-color:rgb(var(--c-feedback) / .3)}.border-feedback\/40{border-color:rgb(var(--c-feedback) / .4)}.border-hanko-ink{--tw-border-opacity: 1;border-color:rgb(var(--c-hanko-ink) / var(--tw-border-opacity, 1))}.border-hanko\/30{border-color:rgb(var(--c-hanko) / .3)}.border-ink{--tw-border-opacity: 1;border-color:rgb(var(--c-ink) / var(--tw-border-opacity, 1))}.border-ink\/10{border-color:rgb(var(--c-ink) / .1)}.border-ink\/15{border-color:rgb(var(--c-ink) / .15)}.border-ink\/20{border-color:rgb(var(--c-ink) / .2)}.border-ink\/25{border-color:rgb(var(--c-ink) / .25)}.border-ink\/30{border-color:rgb(var(--c-ink) / .3)}.border-line{--tw-border-opacity: 1;border-color:rgb(var(--c-line) / var(--tw-border-opacity, 1))}.border-line-soft{--tw-border-opacity: 1;border-color:rgb(var(--c-line-soft) / var(--tw-border-opacity, 1))}.border-paper{--tw-border-opacity: 1;border-color:rgb(var(--c-paper) / var(--tw-border-opacity, 1))}.border-paper-sunk{--tw-border-opacity: 1;border-color:rgb(var(--c-paper-sunk) / var(--tw-border-opacity, 1))}.border-status-termine-ink{--tw-border-opacity: 1;border-color:rgb(var(--c-status-done-ink) / var(--tw-border-opacity, 1))}.border-status-termine-ink\/40{border-color:rgb(var(--c-status-done-ink) / .4)}.border-success{--tw-border-opacity: 1;border-color:rgb(var(--c-status-done-ink) / var(--tw-border-opacity, 1))}.border-surface-border{--tw-border-opacity: 1;border-color:rgb(var(--c-line-soft) / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white\/10{border-color:rgb(var(--c-ink) / .1)}.border-white\/15{border-color:rgb(var(--c-ink) / .15)}.border-white\/20{border-color:rgb(var(--c-ink) / .2)}.border-white\/25{border-color:rgb(var(--c-ink) / .25)}.border-white\/30{border-color:rgb(var(--c-ink) / .3)}.border-white\/40{border-color:rgb(var(--c-ink) / .4)}.border-white\/5{border-color:rgb(var(--c-ink) / .05)}.border-white\/50{border-color:rgb(var(--c-ink) / .5)}.border-white\/70{border-color:rgb(var(--c-ink) / .7)}.border-white\/80{border-color:rgb(var(--c-ink) / .8)}.border-white\/\[0\.12\]{border-color:rgb(var(--c-ink) / .12)}.\!bg-danger{--tw-bg-opacity: 1 !important;background-color:rgb(var(--c-hanko-ink) / var(--tw-bg-opacity, 1))!important}.bg-\[var\(--page-accent-muted\)\]{background-color:var(--page-accent-muted)}.bg-accent,.bg-accent-pink{--tw-bg-opacity: 1;background-color:rgb(var(--c-accent) / var(--tw-bg-opacity, 1))}.bg-accent-pink\/10{background-color:rgb(var(--c-accent) / .1)}.bg-accent-pink\/15{background-color:rgb(var(--c-accent) / .15)}.bg-accent-pink\/20{background-color:rgb(var(--c-accent) / .2)}.bg-accent-pink\/\[0\.12\]{background-color:rgb(var(--c-accent) / .12)}.bg-accent-pink\/\[0\.14\]{background-color:rgb(var(--c-accent) / .14)}.bg-accent-soft{--tw-bg-opacity: 1;background-color:rgb(var(--c-accent-soft) / var(--tw-bg-opacity, 1))}.bg-accent-yellow{--tw-bg-opacity: 1;background-color:rgb(var(--c-rank) / var(--tw-bg-opacity, 1))}.bg-accent2{--tw-bg-opacity: 1;background-color:rgb(var(--c-accent) / var(--tw-bg-opacity, 1))}.bg-accent2-muted{--tw-bg-opacity: 1;background-color:rgb(var(--c-accent-soft) / var(--tw-bg-opacity, 1))}.bg-ai{--tw-bg-opacity: 1;background-color:rgb(var(--c-ai) / var(--tw-bg-opacity, 1))}.bg-ai-soft{--tw-bg-opacity: 1;background-color:rgb(var(--c-ai-soft) / var(--tw-bg-opacity, 1))}.bg-anime{--tw-bg-opacity: 1;background-color:rgb(var(--c-anime) / var(--tw-bg-opacity, 1))}.bg-anime-soft{--tw-bg-opacity: 1;background-color:rgb(var(--c-anime-soft) / var(--tw-bg-opacity, 1))}.bg-anime\/15{background-color:rgb(var(--c-anime) / .15)}.bg-anime\/20{background-color:rgb(var(--c-anime) / .2)}.bg-bg{--tw-bg-opacity: 1;background-color:rgb(var(--c-paper) / var(--tw-bg-opacity, 1))}.bg-black\/0{background-color:#0000}.bg-black\/10{background-color:#0000001a}.bg-black\/20{background-color:#0003}.bg-black\/25{background-color:#00000040}.bg-black\/30{background-color:#0000004d}.bg-black\/35{background-color:#00000059}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-danger\/10{background-color:rgb(var(--c-hanko-ink) / .1)}.bg-danger\/15{background-color:rgb(var(--c-hanko-ink) / .15)}.bg-feedback{--tw-bg-opacity: 1;background-color:rgb(var(--c-feedback) / var(--tw-bg-opacity, 1))}.bg-feedback\/10{background-color:rgb(var(--c-feedback) / .1)}.bg-feedback\/15{background-color:rgb(var(--c-feedback) / .15)}.bg-feedback\/20{background-color:rgb(var(--c-feedback) / .2)}.bg-hanko{--tw-bg-opacity: 1;background-color:rgb(var(--c-hanko) / var(--tw-bg-opacity, 1))}.bg-hanko-soft{--tw-bg-opacity: 1;background-color:rgb(var(--c-hanko-soft) / var(--tw-bg-opacity, 1))}.bg-ink{--tw-bg-opacity: 1;background-color:rgb(var(--c-ink) / var(--tw-bg-opacity, 1))}.bg-ink-subtle\/50{background-color:rgb(var(--c-ink-subtle) / .5)}.bg-line-soft{--tw-bg-opacity: 1;background-color:rgb(var(--c-line-soft) / var(--tw-bg-opacity, 1))}.bg-paper{--tw-bg-opacity: 1;background-color:rgb(var(--c-paper) / var(--tw-bg-opacity, 1))}.bg-paper-raised{--tw-bg-opacity: 1;background-color:rgb(var(--c-paper-raised) / var(--tw-bg-opacity, 1))}.bg-paper-sunk{--tw-bg-opacity: 1;background-color:rgb(var(--c-paper-sunk) / var(--tw-bg-opacity, 1))}.bg-planning-soft{--tw-bg-opacity: 1;background-color:rgb(var(--c-planning-soft) / var(--tw-bg-opacity, 1))}.bg-premium{--tw-bg-opacity: 1;background-color:rgb(var(--c-accent) / var(--tw-bg-opacity, 1))}.bg-premium\/15{background-color:rgb(var(--c-accent) / .15)}.bg-rank{--tw-bg-opacity: 1;background-color:rgb(var(--c-rank) / var(--tw-bg-opacity, 1))}.bg-rank-soft{--tw-bg-opacity: 1;background-color:rgb(var(--c-rank-soft) / var(--tw-bg-opacity, 1))}.bg-rank\/10{background-color:rgb(var(--c-rank) / .1)}.bg-scan{--tw-bg-opacity: 1;background-color:rgb(var(--c-scan) / var(--tw-bg-opacity, 1))}.bg-scan-soft{--tw-bg-opacity: 1;background-color:rgb(var(--c-scan-soft) / var(--tw-bg-opacity, 1))}.bg-status-abandonne-bg{--tw-bg-opacity: 1;background-color:rgb(var(--c-status-dropped-bg) / var(--tw-bg-opacity, 1))}.bg-status-attente-bg{--tw-bg-opacity: 1;background-color:rgb(var(--c-status-waiting-bg) / var(--tw-bg-opacity, 1))}.bg-status-consommer-bg{--tw-bg-opacity: 1;background-color:rgb(var(--c-status-plan-bg) / var(--tw-bg-opacity, 1))}.bg-status-cours-bg{--tw-bg-opacity: 1;background-color:rgb(var(--c-status-progress-bg) / var(--tw-bg-opacity, 1))}.bg-status-termine-bg{--tw-bg-opacity: 1;background-color:rgb(var(--c-status-done-bg) / var(--tw-bg-opacity, 1))}.bg-surface{--tw-bg-opacity: 1;background-color:rgb(var(--c-paper-raised) / var(--tw-bg-opacity, 1))}.bg-surface-dark,.bg-surface-hover{--tw-bg-opacity: 1;background-color:rgb(var(--c-paper-sunk) / var(--tw-bg-opacity, 1))}.bg-surface\/60{background-color:rgb(var(--c-paper-raised) / .6)}.bg-track{--tw-bg-opacity: 1;background-color:rgb(var(--c-paper-sunk) / var(--tw-bg-opacity, 1))}.bg-track\/70{background-color:rgb(var(--c-paper-sunk) / .7)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(var(--c-ink) / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:rgb(var(--c-ink) / .1)}.bg-white\/15{background-color:rgb(var(--c-ink) / .15)}.bg-white\/30{background-color:rgb(var(--c-ink) / .3)}.bg-white\/5{background-color:rgb(var(--c-ink) / .05)}.bg-white\/\[\.09\]{background-color:rgb(var(--c-ink) / .09)}.bg-white\/\[0\.02\]{background-color:rgb(var(--c-ink) / .02)}.bg-white\/\[0\.035\]{background-color:rgb(var(--c-ink) / .035)}.bg-white\/\[0\.03\]{background-color:rgb(var(--c-ink) / .03)}.bg-white\/\[0\.04\]{background-color:rgb(var(--c-ink) / .04)}.bg-white\/\[0\.05\]{background-color:rgb(var(--c-ink) / .05)}.bg-white\/\[0\.06\]{background-color:rgb(var(--c-ink) / .06)}.bg-white\/\[0\.07\]{background-color:rgb(var(--c-ink) / .07)}.bg-white\/\[0\.08\]{background-color:rgb(var(--c-ink) / .08)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-hanko{--tw-gradient-from: rgb(var(--c-hanko) / 1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--c-hanko) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-paper,.from-paper\/100{--tw-gradient-from: rgb(var(--c-paper) / 1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--c-paper) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-paper\/95{--tw-gradient-from: rgb(var(--c-paper) / .95) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--c-paper) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-hanko{--tw-gradient-to: rgb(var(--c-hanko) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(var(--c-hanko) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-hanko\/75{--tw-gradient-to: rgb(var(--c-hanko) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(var(--c-hanko) / .75) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-paper\/45{--tw-gradient-to: rgb(var(--c-paper) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(var(--c-paper) / .45) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-paper\/55{--tw-gradient-to: rgb(var(--c-paper) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(var(--c-paper) / .55) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-paper\/85{--tw-gradient-to: rgb(var(--c-paper) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(var(--c-paper) / .85) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-hanko{--tw-gradient-to: rgb(var(--c-hanko) / 1) var(--tw-gradient-to-position)}.to-paper\/10{--tw-gradient-to: rgb(var(--c-paper) / .1) var(--tw-gradient-to-position)}.to-paper\/20{--tw-gradient-to: rgb(var(--c-paper) / .2) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.fill-\[var\(--page-accent\)\]{fill:var(--page-accent)}.fill-accent-yellow{fill:rgb(var(--c-rank) / 1)}.fill-current{fill:currentColor}.fill-rank{fill:rgb(var(--c-rank) / 1)}.fill-transparent{fill:transparent}.object-cover{-o-object-fit:cover;object-fit:cover}.object-\[69\%_55\%\]{-o-object-position:69% 55%;object-position:69% 55%}.object-top{-o-object-position:top;object-position:top}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[3px\]{padding:3px}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[18px\]{padding-left:18px;padding-right:18px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-\[max\(16px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(16px,env(safe-area-inset-bottom))}.pl-1\.5{padding-left:.375rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-3\.5{padding-left:.875rem}.pr-1{padding-right:.25rem}.pr-16{padding-right:4rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-\[-2px\]{vertical-align:-2px}.font-body,.font-display{font-family:Zen Kaku Gothic New,Hiragino Sans,system-ui,sans-serif}.font-hero{font-family:Reggae One,Zen Kaku Gothic New,sans-serif}.font-mono{font-family:Chakra Petch,ui-monospace,monospace}.font-nunito{font-family:Zen Kaku Gothic New,system-ui,sans-serif}.font-poster{font-family:Reggae One,Zen Kaku Gothic New,sans-serif}.font-subhero{font-family:Zen Kaku Gothic New,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.6rem\]{font-size:1.6rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[1rem\]{font-size:1rem}.text-\[2\.25rem\]{font-size:2.25rem}.text-\[2\.5rem\]{font-size:2.5rem}.text-\[20px\]{font-size:20px}.text-\[2rem\]{font-size:2rem}.text-\[30px\]{font-size:30px}.text-\[9px\]{font-size:9px}.text-\[clamp\(2\.4rem\,5vw\,3\.75rem\)\]{font-size:clamp(2.4rem,5vw,3.75rem)}.text-\[clamp\(2\.5rem\,5vw\,4rem\)\]{font-size:clamp(2.5rem,5vw,4rem)}.text-\[clamp\(2\.65rem\,5vw\,5rem\)\]{font-size:clamp(2.65rem,5vw,5rem)}.text-base{font-size:1rem;line-height:1.5rem}.text-body{font-size:.9375rem;line-height:1.55}.text-body-sm{font-size:.875rem;line-height:1.5}.text-caption{font-size:.75rem;letter-spacing:.02em}.text-card-title{font-size:1.125rem;letter-spacing:-.01em}.text-chip{font-size:.8125rem}.text-display-md{font-size:2.5rem;line-height:1.08;letter-spacing:-.015em}.text-h1{font-size:1.5rem;letter-spacing:-.01em}.text-h2{font-size:1.375rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-tag{font-size:.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[\.93\]{line-height:.93}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.55\]{line-height:1.55}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[\.02em\]{letter-spacing:.02em}.tracking-\[\.08em\]{letter-spacing:.08em}.tracking-\[\.12em\]{letter-spacing:.12em}.tracking-\[\.14em\]{letter-spacing:.14em}.tracking-\[\.18em\]{letter-spacing:.18em}.tracking-\[\.2em\]{letter-spacing:.2em}.tracking-\[0\.01em\]{letter-spacing:.01em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-normal{letter-spacing:0em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-on-accent{--tw-text-opacity: 1 !important;color:rgb(var(--c-on-accent) / var(--tw-text-opacity, 1))!important}.text-\[\#15171f\]{--tw-text-opacity: 1;color:rgb(21 23 31 / var(--tw-text-opacity, 1))}.text-\[var\(--page-accent\)\]{color:var(--page-accent)}.text-\[var\(--page-accent-soft\,\#67D3FF\)\]{color:var(--page-accent-soft,#67D3FF)}.text-accent,.text-accent-pink{--tw-text-opacity: 1;color:rgb(var(--c-accent) / var(--tw-text-opacity, 1))}.text-accent-pink\/70{color:rgb(var(--c-accent) / .7)}.text-accent-yellow{--tw-text-opacity: 1;color:rgb(var(--c-rank) / var(--tw-text-opacity, 1))}.text-accent2{--tw-text-opacity: 1;color:rgb(var(--c-accent) / var(--tw-text-opacity, 1))}.text-ai{--tw-text-opacity: 1;color:rgb(var(--c-ai) / var(--tw-text-opacity, 1))}.text-anime{--tw-text-opacity: 1;color:rgb(var(--c-anime) / var(--tw-text-opacity, 1))}.text-danger{--tw-text-opacity: 1;color:rgb(var(--c-hanko-ink) / var(--tw-text-opacity, 1))}.text-feedback{--tw-text-opacity: 1;color:rgb(var(--c-feedback) / var(--tw-text-opacity, 1))}.text-hanko-ink{--tw-text-opacity: 1;color:rgb(var(--c-hanko-ink) / var(--tw-text-opacity, 1))}.text-ink{--tw-text-opacity: 1;color:rgb(var(--c-ink) / var(--tw-text-opacity, 1))}.text-ink-muted{--tw-text-opacity: 1;color:rgb(var(--c-ink-muted) / var(--tw-text-opacity, 1))}.text-ink-subtle{--tw-text-opacity: 1;color:rgb(var(--c-ink-subtle) / var(--tw-text-opacity, 1))}.text-ink-subtle\/40{color:rgb(var(--c-ink-subtle) / .4)}.text-on-accent{--tw-text-opacity: 1;color:rgb(var(--c-on-accent) / var(--tw-text-opacity, 1))}.text-paper{--tw-text-opacity: 1;color:rgb(var(--c-paper) / var(--tw-text-opacity, 1))}.text-paper\/40{color:rgb(var(--c-paper) / .4)}.text-paper\/75{color:rgb(var(--c-paper) / .75)}.text-planning{--tw-text-opacity: 1;color:rgb(var(--c-planning) / var(--tw-text-opacity, 1))}.text-planning-soft{--tw-text-opacity: 1;color:rgb(var(--c-planning-soft) / var(--tw-text-opacity, 1))}.text-premium{--tw-text-opacity: 1;color:rgb(var(--c-accent) / var(--tw-text-opacity, 1))}.text-rank{--tw-text-opacity: 1;color:rgb(var(--c-rank) / var(--tw-text-opacity, 1))}.text-scan{--tw-text-opacity: 1;color:rgb(var(--c-scan) / var(--tw-text-opacity, 1))}.text-status-abandonne-ink{--tw-text-opacity: 1;color:rgb(var(--c-status-dropped-ink) / var(--tw-text-opacity, 1))}.text-status-attente-ink{--tw-text-opacity: 1;color:rgb(var(--c-status-waiting-ink) / var(--tw-text-opacity, 1))}.text-status-consommer-ink{--tw-text-opacity: 1;color:rgb(var(--c-status-plan-ink) / var(--tw-text-opacity, 1))}.text-status-cours-ink{--tw-text-opacity: 1;color:rgb(var(--c-status-progress-ink) / var(--tw-text-opacity, 1))}.text-status-termine-ink,.text-success{--tw-text-opacity: 1;color:rgb(var(--c-status-done-ink) / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-warning{--tw-text-opacity: 1;color:rgb(var(--c-status-progress-ink) / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(var(--c-ink) / var(--tw-text-opacity, 1))}.text-white\/25{color:rgb(var(--c-ink) / .25)}.text-white\/30{color:rgb(var(--c-ink) / .3)}.text-white\/35{color:rgb(var(--c-ink) / .35)}.text-white\/45{color:rgb(var(--c-ink) / .45)}.text-white\/50{color:rgb(var(--c-ink) / .5)}.text-white\/55{color:rgb(var(--c-ink) / .55)}.text-white\/60{color:rgb(var(--c-ink) / .6)}.text-white\/65{color:rgb(var(--c-ink) / .65)}.text-white\/70{color:rgb(var(--c-ink) / .7)}.text-white\/75{color:rgb(var(--c-ink) / .75)}.text-white\/80{color:rgb(var(--c-ink) / .8)}.text-white\/85{color:rgb(var(--c-ink) / .85)}.text-white\/90{color:rgb(var(--c-ink) / .9)}.underline{text-decoration-line:underline}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[rgb\(34\,211\,238\)\]{accent-color:rgb(34,211,238)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-85{opacity:.85}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[2px_2px_0_\#15171f\]{--tw-shadow: 2px 2px 0 #15171f;--tw-shadow-colored: 2px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[5px_5px_0_rgb\(var\(--c-planning\)\)\]{--tw-shadow: 5px 5px 0 rgb(var(--c-planning));--tw-shadow-colored: 5px 5px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-button{--tw-shadow: var(--shadow-pop-sm);--tw-shadow-colored: var(--shadow-pop-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-card,.shadow-card-soft,.shadow-panel{--tw-shadow: var(--shadow-panel);--tw-shadow-colored: var(--shadow-panel);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-pop{--tw-shadow: var(--shadow-pop);--tw-shadow-colored: var(--shadow-pop);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-accent2{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--c-accent) / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);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)}.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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,color\,transform\,box-shadow\]{transition-property:background-color,color,transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\]{transition-property:left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-base{transition-duration:.26s}.duration-fast{transition-duration:.16s}.duration-slow{transition-duration:.42s}.ease-ink{transition-timing-function:cubic-bezier(.65,0,.35,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-signature{transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-stamp{transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.text-balance{text-wrap:balance}.op-tone{background-image:radial-gradient(var(--tone) 1.3px,transparent 1.5px);background-size:8px 8px}.dot-grid-bg{background:var(--paper);color:var(--ink)}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[grid-template-columns\:repeat\(auto-fit\,minmax\(min\(100\%\,300px\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.\[mask-image\:linear-gradient\(120deg\,transparent_55\%\,\#000\)\]{-webkit-mask-image:linear-gradient(120deg,transparent 55%,#000);mask-image:linear-gradient(120deg,transparent 55%,#000)}.\[scrollbar-width\:none\]{scrollbar-width:none}@keyframes op-sweep{to{transform:skew(-20deg) translate(620%)}}@keyframes op-stamp{0%{opacity:0;transform:rotate(-24deg) scale(2.6)}55%{opacity:1;transform:rotate(-6deg) scale(.92)}to{opacity:1;transform:rotate(-8deg) scale(1)}}@keyframes op-drop{0%{opacity:0;transform:translateY(16px) rotate(1.5deg)}}@keyframes op-tone-drift{to{background-position:8px 8px}}@keyframes op-blink{50%{opacity:.25}}@keyframes op-nav-in{0%{transform:scale(.9);opacity:.6}}.app-shell{position:relative;isolation:isolate;overflow-x:clip}.page-shell main>*{position:relative}.main-nav-item{position:relative;border:2px solid transparent}.main-nav-item:not(.main-nav-item-active){transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-signature)}.main-nav-item:not(.main-nav-item-active):hover{background:var(--op-accent-soft);color:var(--ink);box-shadow:none}.main-nav-item-active{background:var(--op-accent);color:var(--on-accent);border-color:var(--line);box-shadow:var(--shadow-pop-sm);animation:op-nav-in var(--dur-base) var(--ease-stamp)}.cta-anime,.cta-manga,.cta-planning,.cta-favorites,.home-hero-primary,.home-hero-planning,.quick-add-glow,.dialog-theme-primary,.home-hero-secondary,.home-hero-explorer,.dashboard-planning-action,.otaku-profile-action,.detail-action{position:relative;border:2px solid var(--line);border-radius:999px;box-shadow:var(--shadow-pop);transition:transform var(--dur-fast) var(--ease-signature),box-shadow var(--dur-fast) var(--ease-signature)}.cta-anime:hover,.cta-manga:hover,.cta-planning:hover,.cta-favorites:hover,.home-hero-primary:hover,.home-hero-planning:hover,.quick-add-glow:hover,.dialog-theme-primary:hover,.home-hero-secondary:hover,.home-hero-explorer:hover,.dashboard-planning-action:hover,.otaku-profile-action:hover,.detail-action:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-pop-lg)}.cta-anime:active,.cta-manga:active,.cta-planning:active,.cta-favorites:active,.home-hero-primary:active,.home-hero-planning:active,.quick-add-glow:active,.dialog-theme-primary:active,.home-hero-secondary:active,.home-hero-explorer:active,.dashboard-planning-action:active,.otaku-profile-action:active,.detail-action:active{transform:translate(3px,3px);box-shadow:none}.cta-anime,.cta-manga,.cta-planning,.cta-favorites,.home-hero-primary,.home-hero-planning,.quick-add-glow,.dialog-theme-primary{background:var(--op-accent);color:var(--on-accent)}.cta-anime{--op-accent: var(--anime)}.cta-manga{--op-accent: var(--scan)}.cta-planning{--op-accent: var(--planning)}.cta-favorites{--op-accent: var(--ai)}.home-hero-primary,.home-hero-planning,.quick-add-glow{--op-accent: var(--hanko)}.home-hero-secondary,.home-hero-explorer,.dashboard-planning-action,.otaku-profile-action,.detail-action{background:var(--paper-raised);color:var(--ink)}.content-card-continue{background:var(--op-accent);color:var(--on-accent);border:0}.dialog-theme-close,.dialog-theme-secondary{border-color:var(--line)}.op-hscroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scroll-padding-inline:4px}.op-hscroll[data-dragging]{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.op-hscroll[data-dragging] *{pointer-events:none}.op-hscroll img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.op-hscroll:focus-visible{outline-offset:4px;border-radius:16px}.op-hscroll,.op-tabs-scroll,.op-filter-row,.discovery-carousel,.home-horizontal-rail,.home-mood-buttons{scrollbar-width:thin;scrollbar-color:var(--op-accent) var(--paper-sunk)}.op-hscroll::-webkit-scrollbar,.discovery-carousel::-webkit-scrollbar,.home-horizontal-rail::-webkit-scrollbar{height:8px}.op-tabs-scroll::-webkit-scrollbar,.op-filter-row::-webkit-scrollbar,.home-mood-buttons::-webkit-scrollbar{height:5px}.op-hscroll::-webkit-scrollbar-track,.op-tabs-scroll::-webkit-scrollbar-track,.op-filter-row::-webkit-scrollbar-track,.discovery-carousel::-webkit-scrollbar-track,.home-horizontal-rail::-webkit-scrollbar-track,.home-mood-buttons::-webkit-scrollbar-track{background:var(--paper-sunk);border-radius:999px}.op-hscroll::-webkit-scrollbar-thumb,.op-tabs-scroll::-webkit-scrollbar-thumb,.op-filter-row::-webkit-scrollbar-thumb,.discovery-carousel::-webkit-scrollbar-thumb,.home-horizontal-rail::-webkit-scrollbar-thumb,.home-mood-buttons::-webkit-scrollbar-thumb{background:var(--op-accent);border-radius:999px}.op-hscroll-nav{display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:999px;border:2px solid var(--line);background:var(--paper-raised);color:var(--ink);transition:transform var(--dur-fast) var(--ease-signature),box-shadow var(--dur-fast) var(--ease-signature),opacity var(--dur-fast)}.op-hscroll-nav:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow-pop-sm)}.op-hscroll-nav:disabled{opacity:.35;cursor:default}.op-filter-row{min-width:0;max-width:100%}.op-filter-row__inner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.op-filter-row__inner button{flex-shrink:0;white-space:nowrap}@media (max-width: 639.98px){.op-filter-row{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:3px 2px 8px;margin:-3px -2px -4px}.op-filter-row__inner{flex-wrap:nowrap;width:-moz-max-content;width:max-content}}.op-tabs-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.discovery-carousel{scroll-behavior:smooth;scroll-snap-type:x proximity}.discovery-carousel>*,.home-horizontal-rail>*{scroll-snap-align:start}.home-horizontal-rail{max-width:100%;scroll-snap-type:x proximity}.discovery-arrow{position:absolute;top:50%;z-index:10;width:44px;height:44px;display:grid;place-items:center;transform:translateY(-50%);border:2px solid var(--line);border-radius:999px;background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-pop-sm);transition:transform var(--dur-fast) var(--ease-signature),background-color var(--dur-fast),color var(--dur-fast),box-shadow var(--dur-fast)}.discovery-arrow:hover{transform:translateY(-50%) scale(1.08);background:var(--hanko);color:var(--on-accent);box-shadow:var(--shadow-pop)}.discovery-arrow-left{left:4px}.discovery-arrow-right{right:4px}@media (max-width: 767px){.discovery-arrow{width:38px;height:38px}.discovery-arrow-left{left:2px}.discovery-arrow-right{right:2px}}.home-hero{min-height:420px;background:var(--paper-raised);border-bottom:2px solid var(--line)}.home-hero-stats-panel{position:relative;overflow:hidden;border:2px solid var(--line);border-radius:var(--radius-lg);padding:10px 14px;background:var(--paper-raised);box-shadow:var(--shadow-pop-lg);transform:rotate(1.5deg);transition:transform var(--dur-base) var(--ease-stamp)}.home-hero-stats-panel:hover{transform:rotate(0)}.home-hero-stat-row{position:relative;display:flex;align-items:center;gap:12px;padding:12px 3px}.home-hero-stat-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:var(--radius-md);border:2px solid var(--line)}.home-hero-stat-row strong{display:block;font-family:var(--font-display);font-size:1.5rem;line-height:1;font-weight:400;color:var(--ink)}.home-hero-stat-row span{display:block;margin-top:4px;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--ink-muted)}.home-hero-divider{height:2px;background:var(--line-soft)}.hero-stat{border:2px solid var(--line);background:var(--paper-raised);border-radius:var(--radius-md);padding:12px 13px}.hero-stat strong{display:block;font-family:var(--font-display);font-size:1.35rem;line-height:1;color:var(--ink)}.hero-stat span{display:block;margin-top:5px;font-size:10px;font-weight:700;color:var(--ink-muted)}.home-content-grid,.home-plan-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);align-items:stretch;gap:18px;min-width:0}.home-content-grid>*,.home-plan-row>*,.home-main-column>*,.home-side-column>*{min-width:0}.home-plan-row>*{min-height:0}.home-main-column,.home-side-column{min-width:0;display:grid;gap:18px}.home-side-column{grid-template-rows:auto minmax(0,1fr);align-self:stretch;min-height:0}.home-side-column>:last-child{min-height:0}.home-full-width-sections{display:grid;gap:18px;width:100%;min-width:0}.home-full-width-sections>*{min-width:0;width:100%}.home-section-shell,.home-side-card,.home-mood-watchlist-unified,.home-bottom-cta{border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-panel)}.home-mood-watchlist-unified{width:100%;min-width:0;overflow:hidden;position:relative}.home-mood-watchlist-mood,.home-mood-watchlist-results{position:relative;z-index:1;min-width:0}.home-mood-watchlist-results>*{padding:20px}.home-mood-watchlist-results .home-mood-empty-card{min-height:160px}.home-mood-watchlist-divider,.home-section-inner-divider{height:2px;margin:0 20px;background:var(--line-soft)}.home-mood-buttons{overflow-y:clip;padding-top:3px;padding-bottom:3px;margin-top:-3px;margin-bottom:-3px}.home-mood-button{position:relative;border:2px solid var(--line);background:var(--paper-raised);color:var(--ink);transition:transform var(--dur-fast) var(--ease-stamp),background-color var(--dur-fast),box-shadow var(--dur-fast)}.home-mood-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop)}.home-mood-button:active{transform:translateY(1px);box-shadow:none}.home-mood-button[aria-pressed=true]{background:var(--hanko-soft);border-color:var(--line);box-shadow:var(--shadow-pop)}.home-mood-button .text-base{transition:transform var(--dur-base) var(--ease-stamp)}.home-mood-button:hover .text-base,.home-mood-button[aria-pressed=true] .text-base{transform:rotate(-10deg) scale(1.15)}.home-mood-empty-card{border:2px dashed var(--line-soft);border-radius:var(--radius-lg);background:transparent}.home-mood-level-row{align-items:start}.home-mood-level-row>*{align-self:start}.home-mood-level-row .home-section-shell,.home-mood-level-row .home-side-card{height:-moz-fit-content;height:fit-content;min-height:0}.home-mood-level-row .home-mood-empty-card{min-height:150px}.home-adventure-card,.home-recommendation-card{border:2px solid var(--line);box-shadow:var(--shadow-pop-sm);transition:transform var(--dur-base) var(--ease-signature),box-shadow var(--dur-base) var(--ease-signature)}.home-adventure-card:hover,.home-recommendation-card:hover{transform:translate(-2px,-3px) rotate(-.6deg);box-shadow:var(--shadow-pop-lg)}.home-toggle-group{display:flex;align-items:center;gap:5px;padding:4px;border:2px solid var(--line);border-radius:999px;background:var(--paper-sunk)}.home-timeline-item{border:2px solid transparent;background:var(--paper-sunk);transition:border-color var(--dur-fast),transform var(--dur-fast) var(--ease-signature)}.home-timeline-item:hover{border-color:var(--line);transform:translate(3px)}.home-shell>div.relative>main{overflow-y:visible!important;height:auto!important;max-height:none!important}@media (max-width: 1099px){.home-content-grid,.home-plan-row{grid-template-columns:1fr}.home-side-column{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto}.home-side-column>:last-child{grid-column:1 / -1}.home-mood-level-row{align-items:stretch}.home-mood-level-row>*{align-self:stretch}}@media (max-width: 767px){.home-hero{min-height:520px}.home-shell main{padding-bottom:96px}.home-content-grid,.home-main-column,.home-side-column{gap:14px}.home-side-column{grid-template-columns:1fr}.home-side-column>:last-child{grid-column:auto}.home-toggle-group{width:100%;overflow-x:auto;justify-content:flex-start;border-radius:16px}.home-toggle-group>*{flex-shrink:0}.home-mood-watchlist-divider{margin:0 14px}.home-mood-watchlist-results>*{padding:16px}.home-watchlist-card{padding:16px}.hero-stat{padding:10px 9px}.hero-stat strong{font-size:1.15rem}}.auth-login-page{position:relative;min-height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);background:var(--paper)}.auth-login-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(var(--tone) 1.3px,transparent 1.5px);background-size:8px 8px;-webkit-mask-image:linear-gradient(135deg,transparent 30%,#000);mask-image:linear-gradient(135deg,transparent 30%,#000)}.auth-login-content{position:relative;z-index:2;width:min(440px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:center}.auth-login-content.auth-wide{width:min(640px,calc(100vw - 32px))}.auth-logo-link{display:block;margin-bottom:16px;text-decoration:none}.auth-language-switcher{position:fixed;top:max(env(safe-area-inset-top,0px),16px);right:max(env(safe-area-inset-right,0px),16px);z-index:30}.auth-logo{display:flex;align-items:center;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-logo-mark{width:52px;height:52px;border-radius:50%;border:6px solid var(--ink);position:relative;display:grid;place-items:center;box-sizing:border-box}.auth-logo-mark:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:6px solid transparent;border-top-color:var(--hanko);border-left-color:var(--hanko)}.auth-logo-mark span{width:18px;height:18px;border-radius:50%;background:var(--hanko)}.auth-logo-wordmark{display:flex;flex-direction:column;line-height:.9}.auth-logo-wordmark>span{color:var(--ink);font:400 27px/1 var(--font-display);letter-spacing:-.02em}.auth-logo-wordmark small{color:var(--hanko-ink);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-top:5px}.auth-login-card{width:100%;box-sizing:border-box;border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-pop-lg);padding:30px 34px 26px}.auth-login-card h1{margin:0;color:var(--ink);font-size:28px;line-height:1.15;font-weight:900;letter-spacing:-.02em}.auth-subtitle{margin:9px 0 0;color:var(--ink-muted);font-size:16px;line-height:1.45}.auth-page{margin-top:25px}.auth-page label,.auth-page p,.auth-page a{color:var(--ink-muted)}.auth-field{margin-bottom:18px}.auth-field>label{display:block;margin-bottom:8px;color:var(--ink);font-size:15px;font-weight:700}.auth-input-wrap{position:relative}.auth-input{width:100%;height:54px;box-sizing:border-box;padding:0 50px 0 52px;border-radius:var(--radius-md);border:2px solid var(--line);background:var(--paper-raised)!important;color:var(--ink)!important;font-size:15px;outline:none;transition:box-shadow var(--dur-fast) var(--ease-signature),transform var(--dur-fast) var(--ease-signature)}.auth-input::-moz-placeholder{color:var(--ink-subtle)!important}.auth-input::placeholder{color:var(--ink-subtle)!important}.auth-input:focus{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--focus)}.auth-input-icon,.auth-input-eye{position:absolute;top:50%;transform:translateY(-50%);color:var(--ink-muted)}.auth-input-icon{pointer-events:none;left:17px}.auth-input-eye{right:17px;cursor:pointer;background:none;border:none;width:29px;height:29px;padding:4px;margin:0;display:flex;align-items:center;justify-content:center;border-radius:6px}.auth-input-eye:hover{background:var(--paper-sunk);color:var(--ink)}.auth-field-error{margin-top:7px;font-size:13px;font-weight:700;color:var(--hanko-ink)!important}.auth-field-hint{margin-top:7px;font-size:13px;color:var(--ink-muted)!important}.auth-field-hint.is-ok,.pw-rules li.is-ok{color:var(--status-done-ink)!important}.auth-page form{display:flex;flex-direction:column;gap:0}.auth-page form>.auth-field{margin-bottom:18px}.auth-page form>div.flex{margin-top:-2px;margin-bottom:19px}.auth-page form>div.flex a{font-size:14px;font-weight:700;color:var(--ink-muted)!important}.auth-page button:not(.auth-input-eye):not(.genre-chip):not(.auth-plain-btn){width:100%;height:54px!important;border-radius:999px!important;border:2px solid var(--line)!important;background:var(--hanko)!important;color:var(--on-accent)!important;font-size:16px!important;font-weight:900!important;box-shadow:var(--shadow-pop);transition:transform var(--dur-fast) var(--ease-signature),box-shadow var(--dur-fast) var(--ease-signature)}.auth-page button:not(.auth-input-eye):not(.genre-chip):not(.auth-plain-btn):hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-pop-lg)}.auth-page button:not(.auth-input-eye):not(.genre-chip):not(.auth-plain-btn):active{transform:translate(3px,3px);box-shadow:none}.auth-page>p.mt-6{margin-top:21px!important;text-align:center;font-size:15px}.auth-page>p.mt-6 a{color:var(--hanko-ink)!important;font-weight:900}.auth-quote{position:absolute;z-index:1;right:-390px;top:170px;width:310px;display:flex;flex-direction:column;align-items:flex-start;color:var(--ink);font:400 28px/1.35 var(--font-display);transform:rotate(-3deg)}.auth-quote i{display:block;width:190px;height:7px;margin-top:9px;border-radius:999px;background:var(--hanko);transform:rotate(-4deg)}@media (max-width: 1100px){.auth-quote{right:-330px;font-size:22px;width:250px}}@media (max-width: 820px){.auth-quote{display:none}}@media (max-width: 700px){.auth-login-page{min-height:100dvh;overflow-y:auto;align-items:flex-start;padding:28px 16px;box-sizing:border-box}.auth-login-background{position:fixed}.auth-login-content,.auth-login-content.auth-wide{width:min(640px,100%);margin:auto}.auth-logo-mark{width:48px;height:48px}.auth-logo-wordmark>span{font-size:25px}.auth-login-card{padding:25px 22px 24px}.auth-login-card h1{font-size:26px}.auth-subtitle{font-size:15px}}.signup-stepper{display:flex;align-items:flex-start;list-style:none;margin:0 0 22px;padding:0}.signup-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto;min-width:0}.signup-step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;border:2px solid var(--line-soft);color:var(--ink-subtle);background:transparent}.signup-step.is-current .signup-step-dot{border-color:var(--line);background:var(--hanko);color:var(--on-accent);box-shadow:var(--shadow-pop-sm)}.signup-step.is-done .signup-step-dot{border-color:var(--line);background:var(--ink);color:var(--paper)}.signup-step-label{font-size:11px;font-weight:700;letter-spacing:.02em;text-align:center;color:var(--ink-subtle)}.signup-step.is-current .signup-step-label,.signup-step.is-done .signup-step-label{color:var(--ink)}.signup-connector{flex:1 1 auto;height:2px;margin:15px 6px 0;border-radius:2px;background:var(--line-soft);overflow:hidden}.signup-connector-fill{display:block;width:100%;height:100%;background:var(--ink);transform-origin:left center;transform:scaleX(0)}@media (max-width: 420px){.signup-step-label{font-size:10px}.signup-connector{margin-left:3px;margin-right:3px}}.pw-rules{list-style:none;margin:-8px 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--ink-subtle)}.pw-rules li{display:inline-flex;align-items:center;gap:5px}.pw-rules li svg{opacity:.35}.pw-rules li.is-ok svg{opacity:1}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:13px;color:var(--ink-subtle)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:2px;background:var(--line-soft)}.google-btn-wrap{display:flex;justify-content:center;min-height:44px}.google-btn-slot{width:100%;display:flex;justify-content:center}.google-btn-wrap.is-disabled{opacity:.55;pointer-events:none}.auth-link-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;cursor:pointer;background:none;border:0;color:var(--ink-muted);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.auth-link-btn:hover{color:var(--ink)}.auth-inline-link{display:inline;padding:0;background:none;border:0;color:var(--ink);font:inherit;font-weight:900;text-decoration:underline;cursor:pointer}.auth-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;cursor:pointer;border-radius:999px;border:2px solid var(--line);background:var(--paper-raised);color:var(--ink);font-size:15px;font-weight:900;box-shadow:var(--shadow-pop-sm)}.auth-secondary-btn:hover:not(:disabled){background:var(--paper-sunk)}.auth-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.check-email-icon{width:68px;height:68px;margin:4px auto 0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--paper-sunk);border:2px solid var(--line);color:var(--ink)}.check-email-icon.is-success{background:var(--status-done-bg);color:var(--status-done-ink)}.check-email-icon.is-warning{background:var(--status-progress-bg);color:var(--status-progress-ink)}.check-email-tips{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px;font-size:13.5px;line-height:1.5;color:var(--ink-muted)}.avatar-step-preview{width:96px;height:96px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:3px solid var(--line);background:var(--paper-sunk)}.avatar-step-empty{font:400 38px/1 var(--font-display);color:var(--ink-subtle)}.avatar-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:380px;margin:0 auto}.avatar-step-option{position:relative;aspect-ratio:1;padding:0;border-radius:50%;border:3px solid transparent;background:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease-stamp),border-color var(--dur-fast)}.avatar-step-option>svg{border-radius:50%;overflow:hidden}.avatar-step-option:hover:not(:disabled){transform:scale(1.08) rotate(-4deg)}.avatar-step-option:disabled{opacity:.55;cursor:not-allowed}.avatar-step-option.is-selected{border-color:var(--hanko);box-shadow:var(--shadow-pop-sm)}.avatar-step-check{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hanko);color:var(--on-accent);border:2px solid var(--paper-raised)}.avatar-step-upload{display:flex;flex-direction:column;align-items:center;gap:4px}.auth-page .genre-chip[aria-pressed=true]{background:var(--hanko)!important;border-color:var(--line)!important;color:var(--on-accent)!important;box-shadow:var(--shadow-pop-sm)}.tour-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300}.tour-blocker{position:absolute;top:0;right:0;bottom:0;left:0}.tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim)}.tour-spotlight{position:fixed;border-radius:14px;pointer-events:none;box-shadow:0 0 0 9999px var(--scrim),0 0 0 3px var(--hanko)}.tour-card{position:fixed;box-sizing:border-box;width:340px;max-width:calc(100vw - 24px);padding:20px 20px 16px;border-radius:var(--radius-lg);border:2px solid var(--line);background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-pop-lg);outline:none}.tour-card.is-center{top:0;right:0;bottom:0;left:0;margin:auto;height:-moz-fit-content;height:fit-content;width:min(400px,calc(100vw - 24px));text-align:center}.tour-card.is-center .tour-dots,.tour-card.is-center .tour-actions{justify-content:center}.tour-card.is-sheet{top:auto;left:12px;right:12px;width:auto;max-width:none;bottom:calc(92px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 190px);overflow-y:auto}.tour-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--paper-sunk);color:var(--ink)}.tour-close:hover{background:var(--line-soft)}.tour-title{margin:0 30px 8px 0;font-size:18px;font-weight:900;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}.tour-card.is-center .tour-title{margin:0 0 8px;font-size:22px}.tour-body{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:var(--ink-muted)}.tour-dots{display:flex;gap:6px;margin-bottom:16px}.tour-dot{width:8px;height:8px;border-radius:999px;background:var(--line-soft);transition:width var(--dur-base) var(--ease-signature),background var(--dur-base)}.tour-dot.is-active{width:22px;background:var(--hanko)}.tour-dot.is-done{background:var(--ink)}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-actions-main{display:flex;gap:8px}.tour-btn{min-height:44px;padding:0 16px;border-radius:999px;border:2px solid transparent;font:inherit;font-size:14px;font-weight:900;cursor:pointer;transition:transform var(--dur-fast) var(--ease-signature),box-shadow var(--dur-fast) var(--ease-signature)}.tour-btn-primary{background:var(--hanko);color:var(--on-accent);border-color:var(--line);box-shadow:var(--shadow-pop-sm)}.tour-btn-secondary{background:var(--paper-raised);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-pop-sm)}.tour-btn-primary:hover,.tour-btn-secondary:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-pop)}.tour-btn-primary:active,.tour-btn-secondary:active{transform:translate(2px,2px);box-shadow:none}.tour-btn-ghost{background:none;color:var(--ink-muted);padding:0 8px;text-decoration:underline;text-underline-offset:3px}.tour-btn-ghost:hover{color:var(--ink)}.home-poster-rail{display:grid;grid-auto-flow:column;grid-auto-columns:120px;gap:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:10px 8px 12px;margin:-10px -8px 0;scrollbar-width:thin;scrollbar-color:var(--op-accent) var(--paper-sunk)}@media (min-width: 640px){.home-poster-rail{grid-auto-columns:136px}}.home-poster-rail>*{scroll-snap-align:start}.home-poster-rail::-webkit-scrollbar{height:6px}.home-poster-rail::-webkit-scrollbar-track{background:var(--paper-sunk);border-radius:999px}.home-poster-rail::-webkit-scrollbar-thumb{background:var(--op-accent);border-radius:999px}.home-poster-card__poster{border:2px solid var(--line);box-shadow:var(--shadow-pop-sm);transition:transform var(--dur-base) var(--ease-signature),box-shadow var(--dur-base) var(--ease-signature)}.home-poster-card:hover .home-poster-card__poster,.home-poster-card:focus-visible .home-poster-card__poster{transform:translate(-2px,-4px) rotate(-1deg);box-shadow:var(--shadow-pop-lg)}.home-mood-band{border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--hanko-soft);box-shadow:var(--shadow-pop-lg)}.home-mood-band>div>:last-child{background:var(--paper-raised)}.reveal-ready [data-reveal=up]:not([data-in]){opacity:0}.reveal-ready [data-reveal=up][data-in]{animation:op-rise var(--dur-slow) var(--ease-signature) backwards}.reveal-ready [data-reveal=cascade]:not([data-in])>*{opacity:0}.reveal-ready [data-reveal=cascade][data-in]>*{animation:op-drop var(--dur-slow) var(--ease-signature) backwards;animation-delay:calc(var(--rv, 0) * 60ms)}[data-reveal=cascade]>:nth-child(2){--rv: 1}[data-reveal=cascade]>:nth-child(3){--rv: 2}[data-reveal=cascade]>:nth-child(4){--rv: 3}[data-reveal=cascade]>:nth-child(5){--rv: 4}[data-reveal=cascade]>:nth-child(6){--rv: 5}[data-reveal=cascade]>:nth-child(7){--rv: 6}[data-reveal=cascade]>:nth-child(8){--rv: 7}[data-reveal=cascade]>:nth-child(n+9){--rv: 8}.reveal-ready [data-reveal=stamp]:not([data-in]){opacity:0}.reveal-ready [data-reveal=stamp][data-in]{display:inline-block;animation:op-stamp-in var(--dur-slow) var(--ease-stamp) backwards;animation-delay:.12s}.op-fill{transform-origin:left center}.reveal-ready [data-reveal]:not([data-in]) .op-fill{transform:scaleX(0)}.reveal-ready [data-reveal][data-in] .op-fill{animation:op-grow var(--dur-epic) var(--ease-ink) backwards;animation-delay:.26s}@keyframes op-rise{0%{opacity:0;transform:translateY(28px)}}@keyframes op-stamp-in{0%{opacity:0;transform:scale(2.4) rotate(-18deg)}60%{opacity:1;transform:scale(.9) rotate(3deg)}}@keyframes op-grow{0%{transform:scaleX(0)}}.op-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.op-decor__tone{position:absolute;inset:68px 0 auto 0;height:420px;-webkit-mask-image:linear-gradient(200deg,#000 0%,transparent 46%);mask-image:linear-gradient(200deg,#000 0%,transparent 46%)}.op-decor__kanji{position:absolute;top:60px;right:-30px;font:400 clamp(14rem,26vw,24rem)/1 var(--font-display);color:var(--op-accent-soft);-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:op-kanji-in var(--dur-epic) var(--ease-stamp) backwards,op-float 9s ease-in-out infinite alternate}.op-decor__sfx{position:absolute;top:96px;right:clamp(180px,24vw,360px);font:400 clamp(1.6rem,3vw,2.6rem)/1 var(--font-display);color:var(--op-accent);opacity:.5;transform:rotate(-12deg);-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:op-sfx-in var(--dur-epic) var(--ease-stamp) backwards .25s,op-wobble 2.6s ease-in-out infinite 1s}.op-decor__kana{position:absolute;top:440px;right:10px;writing-mode:vertical-rl;font:400 13px/1 var(--font-display);letter-spacing:.5em;color:var(--ink-subtle);-webkit-user-select:none;-moz-user-select:none;user-select:none}.op-petal{position:absolute;top:-24px;border-radius:80% 0;background:var(--op-accent);opacity:.28;animation:op-petal-fall linear infinite}@keyframes op-kanji-in{0%{opacity:0;transform:scale(1.5) rotate(10deg)}}@keyframes op-float{0%{translate:0 0;rotate:-2deg}to{translate:-10px 16px;rotate:2deg}}@keyframes op-sfx-in{0%{opacity:0;transform:rotate(-30deg) scale(2.2)}}@keyframes op-wobble{0%,to{rotate:0deg}50%{rotate:4deg}}@keyframes op-petal-fall{0%{transform:translateY(-5vh) rotate(0)}25%{transform:translate(40px,25vh) rotate(120deg)}50%{transform:translate(-20px,55vh) rotate(220deg)}75%{transform:translate(50px,85vh) rotate(320deg)}to{transform:translate(10px,115vh) rotate(420deg)}}@media (max-width: 767px){.op-decor__kana,.op-decor__sfx{display:none}.op-decor__kanji{opacity:.7}}.op-koma-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;display:grid;place-items:center;background:var(--op-accent);color:var(--on-accent);clip-path:polygon(130% 0,130% 0,100% 100%,100% 100%);animation:op-koma .62s var(--ease-ink) backwards}.op-koma-page span{font:400 clamp(8rem,22vw,16rem)/1 var(--font-display);animation:op-koma-kanji .62s var(--ease-signature) backwards}@keyframes op-koma{0%{clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%)}40%,55%{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)}to{clip-path:polygon(130% 0,130% 0,100% 100%,100% 100%)}}@keyframes op-koma-kanji{0%{transform:scale(.4) rotate(-20deg);opacity:0}45%{transform:scale(1) rotate(-6deg);opacity:1}to{transform:scale(1.3) rotate(0);opacity:0}}.op-card-speed{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:50%;pointer-events:none;opacity:0;background:repeating-conic-gradient(var(--paper-raised) 0 2deg,transparent 2deg 10deg);-webkit-mask-image:radial-gradient(transparent 36%,#000 38%,transparent 70%);mask-image:radial-gradient(transparent 36%,#000 38%,transparent 70%)}.group:hover>div>.op-card-speed{animation:op-speed var(--dur-epic) var(--ease-signature)}@keyframes op-speed{0%{opacity:0;transform:scale(.5) rotate(0)}30%{opacity:.85}to{opacity:0;transform:scale(1.25) rotate(14deg)}}.op-hanko--card{position:absolute;right:8px;bottom:8px;width:44px;height:44px;font-size:24px;border-width:2.5px;background:var(--paper-raised);box-shadow:var(--shadow-pop-sm)}.reveal-ready [data-reveal][data-in] .op-hanko--card{animation:op-stamp var(--dur-slow) var(--ease-stamp) backwards;animation-delay:calc(var(--rv, 0) * 60ms + .42s)}.reveal-ready [data-reveal]:not([data-in]) .op-hanko--card{opacity:0}.op-empty-sfx{font:400 2.6rem/1 var(--font-display);color:var(--ink-subtle);opacity:.55;letter-spacing:.1em;animation:op-wobble 3s ease-in-out infinite}.page-shell [data-reveal=cascade]>.op-panel:nth-child(odd),.page-shell [data-reveal=cascade]>.ocean-panel:nth-child(odd){rotate:-.6deg}.page-shell [data-reveal=cascade]>.op-panel:nth-child(2n),.page-shell [data-reveal=cascade]>.ocean-panel:nth-child(2n){rotate:.6deg}.page-shell [data-reveal=cascade]>.op-panel,.page-shell [data-reveal=cascade]>.ocean-panel{transition:rotate var(--dur-base) var(--ease-stamp),translate var(--dur-base) var(--ease-stamp),box-shadow var(--dur-base)}.page-shell [data-reveal=cascade]>.op-panel:hover,.page-shell [data-reveal=cascade]>.ocean-panel:hover{rotate:0deg;translate:0 -3px;box-shadow:var(--shadow-pop)}.op-day-card{position:relative;overflow:hidden;isolation:isolate}.op-day-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--tone) 1.3px,transparent 1.5px);background-size:8px 8px;-webkit-mask-image:linear-gradient(to top,#000,transparent 55%);mask-image:linear-gradient(to top,#000,transparent 55%)}.op-day-card:after{content:attr(data-kanji);position:absolute;right:-6px;bottom:-14px;z-index:-1;pointer-events:none;font:400 6.5rem/1 var(--font-display);color:var(--op-accent-soft);rotate:-8deg;transition:rotate var(--dur-base) var(--ease-stamp),scale var(--dur-base) var(--ease-stamp),color var(--dur-fast)}.op-day-card:hover:after{rotate:0deg;scale:1.08}.op-day-card.is-today{background:var(--op-accent-soft)}.op-day-card.is-today:after{color:var(--op-accent);opacity:.22}.op-stat-card{position:relative;overflow:hidden;isolation:isolate}.op-stat-card:before{content:"";position:absolute;top:50%;right:-60px;width:220px;height:220px;translate:0 -50%;z-index:-1;pointer-events:none;background:repeating-conic-gradient(var(--op-accent-soft) 0 3deg,transparent 3deg 11deg);-webkit-mask-image:radial-gradient(transparent 22%,#000 24%,transparent 70%);mask-image:radial-gradient(transparent 22%,#000 24%,transparent 70%);transition:rotate var(--dur-epic) var(--ease-signature),scale var(--dur-epic) var(--ease-signature)}.op-stat-card:hover:before{rotate:20deg;scale:1.15}.page-shell .op-panel:not(.op-stat-card):not(.op-day-card):not([class*=bg-]),.page-shell .ocean-panel:not([class*=bg-]),.home-shell .home-section-shell,.home-shell .home-side-card{background-image:radial-gradient(circle at 100% 100%,transparent 70px,var(--paper-raised) 230px),repeating-conic-gradient(from 0deg at 100% 100%,var(--op-accent-soft) 0 2.5deg,transparent 2.5deg 9deg),linear-gradient(to top,transparent,var(--paper-raised) 150px),radial-gradient(var(--tone) 1.3px,transparent 1.5px);background-size:auto,auto,auto,8px 8px;background-repeat:no-repeat,no-repeat,no-repeat,repeat}.op-mood-tile{position:relative;display:flex;align-items:flex-end;height:108px;padding:12px;overflow:hidden;text-align:left;cursor:pointer;border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--op-accent-soft);transition:transform var(--dur-base) var(--ease-stamp),box-shadow var(--dur-base) var(--ease-signature),background-color var(--dur-fast)}.op-mood-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(var(--tone) 1.3px,transparent 1.5px);background-size:8px 8px;-webkit-mask-image:linear-gradient(to top,#000,transparent 60%);mask-image:linear-gradient(to top,#000,transparent 60%)}.op-mood-tile__kanji{position:absolute;top:-8px;right:-4px;font:400 5rem/1 var(--font-display);color:var(--op-accent);rotate:8deg;transition:rotate var(--dur-base) var(--ease-stamp),scale var(--dur-base) var(--ease-stamp),color var(--dur-fast),opacity var(--dur-fast)}.op-mood-tile__label{position:relative;font-weight:900;font-size:15px;line-height:1.1;color:var(--ink);transition:color var(--dur-fast)}.op-mood-tile__check{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--on-accent);color:var(--op-accent);animation:op-stamp-in var(--dur-slow) var(--ease-stamp) backwards}.op-mood-tile:hover{transform:translateY(-4px) rotate(-1.5deg);box-shadow:var(--shadow-pop-lg)}.op-mood-tile:hover .op-mood-tile__kanji{rotate:0deg;scale:1.12}.op-mood-tile:active{transform:translate(2px,2px);box-shadow:none}.op-mood-tile[aria-pressed=true]{background:var(--op-accent);box-shadow:var(--shadow-pop);transform:rotate(-2deg)}.op-mood-tile[aria-pressed=true] .op-mood-tile__label{color:var(--on-accent)}.op-mood-tile[aria-pressed=true] .op-mood-tile__kanji{color:var(--on-accent);opacity:.35}@media (max-width: 767px){.discovery-arrow{display:none}.home-toggle-group{flex-wrap:wrap;overflow:visible;width:auto;border-radius:22px}}.op-tabbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:70;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:9px 6px 7px;border:2px solid var(--line);border-radius:26px;box-shadow:var(--shadow-pop-lg);background-color:var(--paper-raised);background-image:radial-gradient(ellipse 70% 150% at 50% 130%,transparent 45%,var(--paper-raised) 100%),repeating-conic-gradient(from 0deg at 50% 150%,var(--op-accent-soft) 0 2.5deg,transparent 2.5deg 7deg),radial-gradient(var(--tone) 1.3px,transparent 1.5px);background-size:auto,auto,8px 8px;transition:background-color var(--dur-base);animation:op-sheet-in var(--dur-slow) var(--ease-stamp) backwards}.op-tab{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:0;border:0;background:none;cursor:pointer;color:var(--ink-muted);font-size:10.5px;font-weight:700;line-height:1.2;-webkit-tap-highlight-color:transparent}.op-tab__icon{display:grid;place-items:center;width:46px;height:30px;border:2px solid transparent;border-radius:999px;transition:transform var(--dur-base) var(--ease-stamp),background-color var(--dur-fast),color var(--dur-fast),box-shadow var(--dur-fast)}.op-tab__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--dur-fast)}.op-tab:active .op-tab__icon{transform:scale(.9)}.op-tab.is-active{color:var(--ink)}.op-tab.is-active .op-tab__label{font-weight:900}.op-tab.is-active .op-tab__icon{background:var(--op-accent);color:var(--on-accent);border-color:var(--line);box-shadow:var(--shadow-pop-sm);transform:translateY(-7px) rotate(-4deg);animation:op-stamp-in var(--dur-slow) var(--ease-stamp) backwards}.op-tabbar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:68;border:0;background:var(--scrim);animation:op-fade var(--dur-fast) backwards}.op-tabbar-sheet{position:fixed;left:12px;right:12px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:69;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-pop-lg);animation:op-sheet-in var(--dur-base) var(--ease-stamp) backwards}.op-tabbar-sheet__item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;text-align:center;border:2px solid var(--line-soft);border-radius:var(--radius-md);color:var(--ink);font-size:12px;font-weight:700;line-height:1.2;animation:op-drop var(--dur-base) var(--ease-signature) backwards}.op-tabbar-sheet__item:nth-child(2){animation-delay:30ms}.op-tabbar-sheet__item:nth-child(3){animation-delay:60ms}.op-tabbar-sheet__item:nth-child(4){animation-delay:90ms}.op-tabbar-sheet__item:nth-child(5){animation-delay:.12s}.op-tabbar-sheet__item:nth-child(n+6){animation-delay:.15s}.op-tabbar-sheet__item.is-active{background:var(--op-accent);border-color:var(--line);color:var(--on-accent);box-shadow:var(--shadow-pop-sm)}@keyframes op-fade{0%{opacity:0}}@keyframes op-sheet-in{0%{opacity:0;transform:translateY(24px) scale(.96)}}@media (max-width: 1023.98px){.app-shell main{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}}:root{--shadow-soft: 0 2px 6px rgba(21, 23, 31, .06), 0 14px 34px rgba(21, 23, 31, .12)}[data-theme=dark]{--shadow-soft: 0 2px 6px rgba(0, 0, 0, .35), 0 14px 34px rgba(0, 0, 0, .55)}.home-shell #decouverte.home-section-shell,.home-shell #ambiance.home-section-shell{border-color:transparent;box-shadow:var(--shadow-soft);background-color:rgb(var(--c-paper-raised) / .55);background-image:none;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}.home-toggle-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:0;border:0;border-radius:0;background:none;overflow:visible;width:auto}.home-toggle-group>*+*{padding-left:14px;border-left:2px solid var(--line-soft)}@media (max-width: 767px){.home-toggle-group{border-radius:0}.home-toggle-group>*+*{padding-left:0;border-left:0}}.op-profile-card{position:relative;overflow:hidden;padding:24px;border:2px solid var(--line);border-radius:var(--radius-lg);background-color:var(--op-accent-soft);box-shadow:var(--shadow-pop-lg);background-image:radial-gradient(var(--tone) 1.3px,transparent 1.5px);background-size:8px 8px}@media (min-width: 640px){.op-profile-card{padding:32px}}.op-profile-card__kanji{position:absolute;right:-10px;top:-40px;font:400 15rem/1 var(--font-display);color:var(--op-accent);opacity:.12;rotate:8deg;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:op-float 9s ease-in-out infinite alternate}.op-profile-avatar{width:132px;height:132px;border:3px solid var(--line);border-radius:50%;overflow:hidden;background:var(--paper-raised);box-shadow:var(--shadow-pop-lg);rotate:-4deg;transition:rotate var(--dur-base) var(--ease-stamp),scale var(--dur-base) var(--ease-stamp)}.op-profile-avatar:hover{rotate:0deg;scale:1.05}.op-badge{position:relative;display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 14px;overflow:hidden;border:2px dashed var(--line-soft);border-radius:var(--radius-lg);background:transparent;opacity:.75;transition:transform var(--dur-base) var(--ease-stamp),box-shadow var(--dur-base) var(--ease-signature)}.op-badge__icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:var(--paper-sunk);color:var(--ink-subtle);font-size:20px}.op-badge.is-unlocked{border-style:solid;border-color:var(--line);background:var(--rank-soft);opacity:1;box-shadow:var(--shadow-pop-sm)}.op-badge.is-unlocked .op-badge__icon{background:var(--paper-raised);border:2px solid var(--line)}.op-badge.is-unlocked:hover{transform:translate(-2px,-3px) rotate(-1deg);box-shadow:var(--shadow-pop-lg)}.op-badge__stamp{position:absolute;right:10px;top:50%;translate:0 -50%;display:grid;place-items:center;width:34px;height:34px;border:2.5px solid var(--hanko-ink);border-radius:var(--radius-sm);color:var(--hanko-ink);font:900 17px/1 var(--font-sans);rotate:-10deg;opacity:.85}.op-badge.is-unlocked>div{padding-right:40px}.page-profile .op-decor__kanji,.page-profile .op-decor__sfx{display:none}[data-theme=dark] .main-nav-item-active,[data-theme=dark] .op-btn--primary,[data-theme=dark] .cta-anime,[data-theme=dark] .cta-manga,[data-theme=dark] .cta-planning,[data-theme=dark] .cta-favorites,[data-theme=dark] .home-hero-primary,[data-theme=dark] .home-hero-planning,[data-theme=dark] .quick-add-glow,[data-theme=dark] .dialog-theme-primary,[data-theme=dark] .op-tab.is-active .op-tab__icon,[data-theme=dark] .op-tabbar-sheet__item.is-active,[data-theme=dark] .op-mood-tile[aria-pressed=true],[data-theme=dark] .tour-btn-primary{border-color:transparent;box-shadow:0 6px 20px color-mix(in srgb,var(--op-accent) 45%,transparent)}[data-theme=dark] .op-btn--primary:hover,[data-theme=dark] .cta-anime:hover,[data-theme=dark] .cta-manga:hover,[data-theme=dark] .cta-planning:hover,[data-theme=dark] .cta-favorites:hover,[data-theme=dark] .home-hero-primary:hover,[data-theme=dark] .home-hero-planning:hover,[data-theme=dark] .quick-add-glow:hover,[data-theme=dark] .dialog-theme-primary:hover,[data-theme=dark] .tour-btn-primary:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--op-accent) 60%,transparent)}[data-theme=dark] .op-btn--primary:active,[data-theme=dark] .cta-anime:active,[data-theme=dark] .cta-manga:active,[data-theme=dark] .cta-planning:active,[data-theme=dark] .cta-favorites:active,[data-theme=dark] .home-hero-primary:active,[data-theme=dark] .home-hero-planning:active,[data-theme=dark] .quick-add-glow:active,[data-theme=dark] .dialog-theme-primary:active,[data-theme=dark] .tour-btn-primary:active{box-shadow:0 2px 8px color-mix(in srgb,var(--op-accent) 40%,transparent)}.op-theme-toggle{position:relative;overflow:hidden;border-width:2px;transition:background-color var(--dur-slow) var(--ease-ink),border-color var(--dur-slow) var(--ease-ink),transform var(--dur-fast) var(--ease-stamp)}.op-theme-toggle[data-mode=light]{border-color:var(--rank);background:var(--rank-soft)}.op-theme-toggle[data-mode=dark]{border-color:var(--ai);background:var(--ai-soft)}.op-theme-toggle:hover{transform:scale(1.08)}.op-theme-toggle:active{transform:scale(.94)}.op-theme-toggle svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:transform var(--dur-slow) var(--ease-ink)}.op-theme-toggle__sun{color:var(--rank);fill:color-mix(in srgb,var(--rank) 25%,transparent)}.op-theme-toggle__moon{color:var(--ai);fill:color-mix(in srgb,var(--ai) 25%,transparent)}.op-theme-toggle[data-mode=light] .op-theme-toggle__sun{transform:translateY(0)}.op-theme-toggle[data-mode=light] .op-theme-toggle__moon{transform:translateY(-260%)}.op-theme-toggle[data-mode=dark] .op-theme-toggle__sun{transform:translateY(260%)}.op-theme-toggle[data-mode=dark] .op-theme-toggle__moon{transform:translateY(0)}.op-bell{border-width:2px;transition:background-color var(--dur-base),border-color var(--dur-base),color var(--dur-base),transform var(--dur-fast) var(--ease-stamp)}.op-bell:hover{transform:scale(1.08)}.op-bell.is-unread{border-color:var(--hanko);background:var(--hanko-soft);color:var(--hanko-ink)}.op-bell.is-unread svg{fill:color-mix(in srgb,var(--hanko) 22%,transparent)}.op-bell.is-unread:before,.op-bell.is-unread:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--hanko);border-radius:50%;pointer-events:none;opacity:0;animation:op-bell-wave 3s ease-out infinite}.op-bell.is-unread:after{animation-delay:.5s}@keyframes op-bell-wave{0%{transform:scale(1);opacity:0}8%{opacity:.9}60%,to{transform:scale(1.9);opacity:0}}html.theme-fade-vt::view-transition-old(root),html.theme-fade-vt::view-transition-new(root){animation-duration:.6s;animation-timing-function:ease-in-out}html.theme-fade,html.theme-fade *,html.theme-fade *:before,html.theme-fade *:after{transition:background-color .6s ease-in-out,color .6s ease-in-out,border-color .6s ease-in-out,fill .6s ease-in-out,stroke .6s ease-in-out,box-shadow .6s ease-in-out!important}.op-brand-mark{transition:transform var(--dur-base) var(--ease-stamp);filter:drop-shadow(2px 2px 0 rgb(0 0 0 / .18))}a:hover>.op-brand-mark,.auth-logo:hover .op-brand-mark{transform:rotate(7deg) scale(1.12)}.op-jump{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 16px 0 14px;border-radius:12px;font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;background-color:rgb(var(--c-paper-raised) / .6);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 1px 3px #15171f0f,0 6px 14px #15171f1a;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1),background-color .22s}.op-jump__n{font-family:Chakra Petch,ui-monospace,monospace;font-size:13px;font-weight:700;color:var(--hanko)}.op-jump:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--hanko);margin-left:-9px;opacity:0;transform:scale(0);transition:margin .22s cubic-bezier(.2,.8,.2,1),opacity .18s,transform .26s cubic-bezier(.34,1.56,.64,1)}.op-jump:hover,.op-jump:focus-visible{transform:translateY(-3px);background-color:rgb(var(--c-paper-raised) / .85);box-shadow:0 2px 4px #15171f14,0 10px 20px #15171f29}.op-jump:hover:after,.op-jump:focus-visible:after{margin-left:0;opacity:1;transform:scale(1)}.op-jump:active{transform:translateY(-1px)}.op-jump:focus-visible{outline:2px solid var(--hanko);outline-offset:2px}[data-theme=dark] .op-jump{box-shadow:0 1px 3px #0000004d,0 6px 14px #00000059}[data-theme=dark] .op-jump:hover,[data-theme=dark] .op-jump:focus-visible{box-shadow:0 2px 4px #00000059,0 10px 20px #00000080}@media (prefers-reduced-motion: reduce){.op-jump,.op-jump:after{transition:none}.op-jump:hover{transform:none}}.op-btn:not(.op-btn--ghost),.cta-anime,.cta-manga,.cta-planning,.cta-favorites,.home-hero-primary,.home-hero-planning,.quick-add-glow,.dialog-theme-primary,.home-hero-secondary,.home-hero-explorer,.dashboard-planning-action,.otaku-profile-action,.detail-action,.auth-secondary-btn,.tour-btn-primary,.tour-btn-secondary{border-color:transparent}.auth-page button:not(.auth-input-eye):not(.genre-chip):not(.auth-plain-btn){border-color:transparent!important}.main-nav-item-active,.op-tab.is-active .op-tab__icon,.op-tabbar-sheet__item.is-active{border-color:transparent}.auth-login-card{position:relative}.auth-mascot{--m-ink: #15171f;--m-hood: #15171f;--m-cloth: #3a3f52;--m-skin: #ffe2c6;--m-red: var(--hanko);position:absolute;right:18px;top:-79px;width:86px;height:86px;pointer-events:none;z-index:2}[data-theme=dark] .auth-mascot{--m-hood: #232838;--m-cloth: #4a5068;filter:drop-shadow(1.5px 0 0 #f1eadc) drop-shadow(-1.5px 0 0 #f1eadc) drop-shadow(0 1.5px 0 #f1eadc) drop-shadow(0 -1.5px 0 #f1eadc)}.auth-mascot svg{display:block;width:100%;height:100%;overflow:visible}.auth-mascot .m-line{fill:none;stroke:var(--m-ink);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.auth-mascot .m-cloth{fill:var(--m-cloth);stroke:var(--m-ink);stroke-width:3.2;stroke-linejoin:round}.auth-mascot .m-sleeve-out{fill:none;stroke:var(--m-ink);stroke-width:10;stroke-linecap:round}.auth-mascot .m-sleeve{fill:none;stroke:var(--m-cloth);stroke-width:5.5;stroke-linecap:round}.auth-mascot .m-skin{fill:var(--m-skin);stroke:var(--m-ink);stroke-width:2.7}.auth-mascot .m-face{stroke:none}.auth-mascot .m-outline{fill:none;stroke:var(--m-ink);stroke-width:3.4}.auth-mascot .m-hood{fill:var(--m-hood)}.auth-mascot .m-ink{fill:#15171f}.auth-mascot .m-shine{fill:#fff}.auth-mascot .m-stroke{fill:none;stroke:#15171f;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.auth-mascot .m-red{fill:var(--m-red);stroke:var(--m-ink);stroke-width:3;stroke-linejoin:round}.auth-mascot .m-finger{fill:none;stroke:var(--m-ink);stroke-width:1.8;stroke-linecap:round}.auth-mascot .m-drop{fill:#bfe3ff;stroke:var(--m-ink);stroke-width:2}.auth-mascot .m-star{stroke:var(--m-ink);stroke-width:1.6;stroke-linejoin:round}.auth-mascot .m-star--gold{fill:#f2c14e}.auth-mascot .m-star--red{fill:var(--m-red)}.auth-mascot .m-root{transform-origin:60px 112px;animation:m-breathe 3.2s ease-in-out infinite}.auth-mascot .m-eyes-normal{transform-origin:60px 54px;animation:m-blink 4.2s infinite}.auth-mascot .m-pupils{transform:translate(var(--m-lx, 0px),var(--m-ly, 0px));transition:transform .18s cubic-bezier(.2,.8,.2,1)}.auth-mascot .m-scarf-tail{transform-origin:81px 85px;animation:m-flutter 1.6s ease-in-out infinite}.auth-mascot .m-arm{transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .16s}.auth-mascot .m-arm-l{transform-origin:40px 87px}.auth-mascot .m-arm-r{transform-origin:80px 87px;animation:m-wave 1.5s ease-in-out .5s 1 backwards}.auth-mascot .m-eyes-error,.auth-mascot .m-eyes-happy,.auth-mascot .m-fx{opacity:0}.auth-mascot .m-hand{opacity:0;transform:translateY(30px);transition:transform .3s cubic-bezier(.34,1.4,.64,1),opacity .14s}.auth-mascot[data-mood=password] .m-arm,.auth-mascot[data-mood=peek] .m-arm{opacity:0}.auth-mascot[data-mood=password] .m-hand,.auth-mascot[data-mood=peek] .m-hand{opacity:1;transform:none}.auth-mascot[data-mood=peek] .m-hand-l{transform:translate(-3px,12px) rotate(-8deg);transform-origin:40px 88px}.auth-mascot[data-mood=password] .m-eyes-normal,.auth-mascot[data-mood=peek] .m-eyes-normal{animation:none}.auth-mascot[data-mood=error] .m-root{animation:m-shake .48s ease-in-out 2}.auth-mascot[data-mood=error] .m-eyes-normal,.auth-mascot[data-mood=success] .m-eyes-normal{opacity:0}.auth-mascot[data-mood=error] .m-eyes-error,.auth-mascot[data-mood=error] .m-fx-error{opacity:1}.auth-mascot[data-mood=error] .m-drop{animation:m-drop .9s ease-in infinite}.auth-mascot[data-mood=success] .m-root{animation:m-jump .62s cubic-bezier(.3,0,.4,1) infinite}.auth-mascot[data-mood=success] .m-eyes-happy,.auth-mascot[data-mood=success] .m-fx-stars{opacity:1}.auth-mascot[data-mood=success] .m-arm-l{transform:rotate(115deg);animation:none}.auth-mascot[data-mood=success] .m-arm-r{transform:rotate(-115deg);animation:none}.auth-mascot[data-mood=success] .m-star{transform-box:fill-box;transform-origin:center;animation:m-star .7s cubic-bezier(.34,1.56,.64,1) infinite alternate}.auth-mascot[data-mood=success] .m-star:nth-child(2){animation-delay:.16s}.auth-mascot[data-mood=success] .m-star:nth-child(3){animation-delay:.32s}@keyframes m-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02,.975)}}@keyframes m-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes m-flutter{0%,to{transform:rotate(0)}50%{transform:rotate(-11deg)}}@keyframes m-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-125deg)}40%,80%{transform:rotate(-95deg)}}@keyframes m-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-4px) rotate(-5deg)}75%{transform:translate(4px) rotate(5deg)}}@keyframes m-jump{0%,to{transform:translateY(0) scale(1.04,.94)}45%{transform:translateY(-13px) scale(.97,1.04)}}@keyframes m-drop{0%{transform:translateY(-3px);opacity:0}30%{opacity:1}to{transform:translateY(9px);opacity:0}}@keyframes m-star{0%{transform:scale(.5) rotate(-20deg)}to{transform:scale(1.15) rotate(15deg)}}@media (max-width: 640px){.auth-mascot{width:68px;height:68px;top:-63px;right:12px}}@media (prefers-reduced-motion: reduce){.auth-mascot *,.auth-mascot[data-mood] *{animation:none!important;transition:none!important}}.auth-login-page{--pop-ink: #15171f}[data-theme=dark] .auth-login-page{--pop-ink: #000}.auth-login-background{-webkit-mask-image:none;mask-image:none;background-image:repeating-conic-gradient(from 0deg at 24% 56%,rgb(var(--c-ink) / .04) 0 1.5deg,transparent 1.5deg 6deg),radial-gradient(var(--tone) 1.3px,transparent 1.5px);background-size:auto,8px 8px}.auth-quote{display:none}.auth-login-card{border-width:3px;border-radius:0;box-shadow:6px 6px 0 var(--pop-ink);padding-top:36px}.auth-panel-tag{position:absolute;left:-3px;top:-19px;padding:4px 12px;border:3px solid var(--line);background:var(--hanko);color:var(--on-accent);font-size:12px;line-height:1.5;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.auth-bubble{display:none}.auth-input,.auth-secondary-btn{border-radius:0!important}.auth-input{border-width:2.5px}.auth-page button:not(.auth-input-eye):not(.genre-chip):not(.auth-plain-btn){border-radius:0!important;border:3px solid var(--line)!important}@media (min-width: 1040px){.auth-login-page:after{content:"ドキドキ";position:absolute;right:7%;top:9%;z-index:1;pointer-events:none;font:400 56px/1 var(--font-display);color:var(--hanko);opacity:.9;transform:rotate(9deg)}.auth-login-page{padding:44px 0;box-sizing:border-box}.auth-login-content.auth-side{left:150px}.auth-side .auth-logo-link{position:absolute;left:-300px;top:0;margin:0}.auth-side .auth-login-card{box-shadow:8px 8px 0 var(--pop-ink);transform:rotate(-1.2deg);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.auth-side .auth-login-card:focus-within{transform:none}.auth-side .auth-login-card>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.auth-side .auth-subtitle{margin-top:0}.auth-side .auth-side-col{position:absolute;left:-300px;top:92px;width:264px;display:flex;flex-direction:column;align-items:center;gap:30px;transform:rotate(1.2deg);pointer-events:none}.auth-side .auth-bubble{display:block;position:relative;box-sizing:border-box;width:100%;padding:18px 26px;text-align:center;border:3px solid var(--line);border-radius:50%/46%;background:var(--paper-raised);color:var(--ink);font:400 23px/1.18 var(--font-display);animation:auth-bubble-in .52s cubic-bezier(.34,1.56,.64,1) .25s backwards}.auth-side .auth-bubble:after{content:"";position:absolute;left:50%;bottom:-24px;margin-left:-12px;border:12px solid transparent;border-top:22px solid var(--line);border-bottom:0}.auth-side .auth-mascot{position:static;width:170px;height:170px}}@keyframes auth-bubble-in{0%{opacity:0;transform:scale(.6) translateY(14px)}}@media (prefers-reduced-motion: reduce){.auth-bubble{animation:none!important}.auth-side .auth-login-card{transition:none}}@media (max-width: 700px){.auth-login-page{padding-top:66px}}.op-dialog-backdrop{--pop-ink: #15171f}[data-theme=dark] .op-dialog-backdrop{--pop-ink: #000}.op-dialog-backdrop:before{content:"";position:fixed;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 46%,rgb(255 255 255 / .5) 0 1.5deg,transparent 1.5deg 6deg);opacity:.12;animation:op-dialog-flash .7s ease-out backwards}.op-dialog-panel{margin-top:70px;border:3px solid var(--line);border-radius:0;background:var(--paper-raised);box-shadow:8px 8px 0 var(--pop-ink)}.op-dialog-tag{position:absolute;left:-3px;top:-19px;padding:4px 12px;border:3px solid var(--line);background:var(--hanko);color:var(--on-accent);font-size:12px;line-height:1.5;font-weight:900;letter-spacing:.08em;white-space:nowrap}.op-dialog-ninja{position:absolute;right:52px;top:-83px;width:86px;height:80px;overflow:hidden;pointer-events:none}.op-dialog-ninja .auth-mascot{position:static;width:86px;height:86px;animation:op-dialog-pop .45s cubic-bezier(.34,1.56,.64,1) .7s backwards}.op-dialog-panel .dialog-theme-close{border-radius:0;border-width:2.5px;border-color:var(--line);color:var(--ink)}.op-dialog-panel form .border-thin:not(.rounded-pill):not(.rounded-full){border-radius:0;border-width:2.5px}.op-dialog-panel .dialog-theme-primary{border-radius:0;border:3px solid var(--line);box-shadow:4px 4px 0 var(--pop-ink)}.op-dialog-panel .dialog-theme-primary:hover{box-shadow:6px 6px 0 var(--pop-ink)}.op-dialog-panel .dialog-theme-secondary{border-radius:0}.op-dialog-panel form>*{animation:op-dialog-field .32s cubic-bezier(.2,.8,.2,1) backwards}.op-dialog-panel form>:nth-child(1){animation-delay:.4s}.op-dialog-panel form>:nth-child(2){animation-delay:.46s}.op-dialog-panel form>:nth-child(3){animation-delay:.52s}.op-dialog-panel form>:nth-child(4){animation-delay:.58s}.op-dialog-panel form>:nth-child(5){animation-delay:.64s}.op-dialog-panel form>:nth-child(6){animation-delay:.7s}.op-dialog-panel form>:nth-child(n+7){animation-delay:.76s}@keyframes op-dialog-flash{0%{opacity:0;transform:scale(.6)}35%{opacity:.85}to{opacity:.12;transform:scale(1)}}@keyframes op-dialog-pop{0%{transform:translateY(86px)}}@keyframes op-dialog-field{0%{opacity:0;transform:translate(-18px)}}@media (max-width: 640px){.op-dialog-panel{box-shadow:5px 5px 0 var(--pop-ink)}.op-dialog-ninja{right:20px}}@media (prefers-reduced-motion: reduce){.op-dialog-backdrop:before,.op-dialog-ninja .auth-mascot,.op-dialog-panel form>*{animation:none!important}}.op-dialog-panel{--dlg-c: var(--hanko);--op-accent: var(--dlg-c)}.op-dialog-panel[data-section=anime]{--dlg-c: var(--anime)}.op-dialog-panel[data-section=manga]{--dlg-c: var(--scan)}.op-dialog-panel .op-dialog-tag{background:var(--dlg-c)}.op-dialog-deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;filter:blur(1.3px)}.op-dialog-deco:before,.op-dialog-deco:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.op-dialog-deco:before{background:repeating-conic-gradient(from 0deg at 86% 70px,rgb(var(--c-ink) / .15) 0 1.2deg,transparent 1.2deg 5deg);-webkit-mask-image:radial-gradient(circle at 86% 70px,transparent 0 60px,#000 220px);mask-image:radial-gradient(circle at 86% 70px,transparent 0 60px,#000 220px)}.op-dialog-deco:after{background-image:radial-gradient(color-mix(in srgb,var(--dlg-c) 55%,transparent) 1.6px,transparent 1.8px);background-size:8px 8px;-webkit-mask-image:linear-gradient(20deg,#000 0,transparent 36%);mask-image:linear-gradient(20deg,#000 0,transparent 36%)}.op-dialog-deco i{position:absolute;font-style:normal;font-family:var(--font-display);line-height:1;white-space:nowrap}.op-dialog-deco i:first-child{right:66px;top:8px;font-size:46px;color:var(--dlg-c);-webkit-text-stroke:2px var(--line);transform:rotate(8deg)}.op-dialog-deco i:last-child{left:14px;bottom:10px;font-size:26px;color:var(--ink);opacity:.8;transform:rotate(-10deg)}.op-dialog-panel{padding-bottom:46px}.op-dialog-deco{filter:none}.op-dialog-deco:before{display:none}.op-dialog-panel form{max-height:calc(100vh - 270px);max-height:calc(100dvh - 270px)}.op-dialog-actions{position:sticky;bottom:0;z-index:3;margin-top:16px;padding:12px 8px 8px 0;background:var(--paper-raised);border-top:2px solid var(--line-soft)}.op-form-steps{display:flex;gap:6px;border-bottom:2px solid var(--line-soft)}.op-form-step{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 10px 2px;margin-right:10px;background:none;border:0;color:var(--ink-muted);font-weight:900;font-size:14px;cursor:pointer}.op-form-step__n{display:grid;place-items:center;width:24px;height:24px;border:2.5px solid var(--line);background:var(--paper-raised);color:var(--ink);font-size:12px;transition:background-color .2s,color .2s,transform .26s cubic-bezier(.34,1.56,.64,1)}.op-form-step.is-active{color:var(--ink)}.op-form-step.is-active .op-form-step__n{background:var(--dlg-c, var(--hanko));color:var(--on-accent);transform:rotate(-6deg)}.op-form-step.is-done .op-form-step__n{background:var(--ink);color:var(--paper)}.op-form-step.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;background:var(--dlg-c, var(--hanko));transform:rotate(-1.5deg);animation:op-step-line .3s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}@keyframes op-step-line{0%{transform:rotate(-1.5deg) scaleX(0)}}.op-poster-preview{width:116px;aspect-ratio:2 / 3;border:3px solid var(--line);box-shadow:4px 4px 0 var(--pop-ink, #15171f);background:var(--paper-sunk);overflow:hidden;transform:rotate(-2deg);animation:op-poster-in .36s cubic-bezier(.34,1.56,.64,1) both}.op-poster-preview img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.op-poster-preview__broken{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;text-align:center;font-size:11px;font-weight:700;color:var(--ink-muted)}@keyframes op-poster-in{0%{opacity:0;transform:rotate(-8deg) scale(.8)}}.op-form-tracking{margin:0;padding:12px 14px 14px;border:2px dashed var(--line-soft);min-width:0}.op-form-tracking legend{padding:0 6px;font-weight:900;font-size:13px;color:var(--dlg-c, var(--hanko))}.op-form-tracking__hint{margin:-4px 0 0;font-size:12px;color:var(--ink-muted)}@media (prefers-reduced-motion: reduce){.op-form-step__n,.op-form-step.is-active:after,.op-poster-preview{animation:none;transition:none}}.op-dialog-panel form .grid{align-items:end}.op-poster-preview{margin-inline:auto;transform:none;animation-name:op-poster-in-straight}@keyframes op-poster-in-straight{0%{opacity:0;transform:scale(.85)}}.op-nav-soon{border-radius:999px;padding:1px 6px;font-size:9px;font-weight:800;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;background:rgb(var(--c-hanko-soft));color:rgb(var(--c-hanko-ink))}.op-support-stamp{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:2px dashed rgb(var(--c-anime));border-radius:10px;background:rgb(var(--c-anime-soft));color:rgb(var(--c-anime));font-weight:800;font-size:13px;white-space:nowrap;transform:rotate(-3deg);transition:transform var(--dur-fast, .15s) ease,box-shadow .15s ease}.op-support-stamp:hover,.op-support-stamp:focus-visible{transform:rotate(0) scale(1.04);box-shadow:3px 3px rgb(var(--c-anime) / .35)}.op-support-stamp.is-active{border-style:solid}@media (max-width: 1279px){.op-support-stamp{padding:0 10px}}.op-support-stamp__kanji{font-size:15px;line-height:1}@media (prefers-reduced-motion: reduce){.op-support-stamp,.op-support-stamp:hover{transform:none}}.op-search-window{border:2px solid var(--line);border-radius:18px;background:var(--paper-raised);padding:10px;box-shadow:5px 5px 0 var(--pop-ink, #15171f),0 18px 40px #0000002e;animation:op-sheet-in .18s var(--ease-signature, ease-out)}.op-search-window--popover{position:absolute;right:0;top:calc(100% + 10px);z-index:80;width:min(420px,calc(100vw - 24px))}@media (max-width: 639px){.op-search-window--popover{position:fixed;left:12px;right:12px;top:76px;width:auto}}@media (prefers-reduced-motion: reduce){.op-search-window{animation:none}}@media (max-width: 639.98px){.page-shell .ocean-panel.op-list-toolbar,.ocean-panel.op-list-toolbar{border:0;border-radius:0;background:none;box-shadow:none;padding:0}}.op-pill-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.op-pill-scroll::-webkit-scrollbar{display:none}.op-stamp-in{animation:op-stamp-in var(--dur-slow) var(--ease-stamp) both}@keyframes op-stamp-in{0%{opacity:0;transform:scale(2.2) rotate(-14deg)}60%{opacity:1;transform:scale(.92) rotate(2deg)}to{transform:scale(1) rotate(0)}}@media (prefers-reduced-motion: reduce){.op-stamp-in{animation:none}}.home-hero-stat-row .op-tier-pill{display:inline-flex;width:auto;margin-top:0;margin-left:2px;font-size:11px;vertical-align:middle}.media-hero{position:relative;isolation:isolate;--hero-accent: var(--anime);border:0;border-radius:0;box-shadow:none;margin-left:calc(-1 * var(--bleed-l, 0px));margin-right:calc(-1 * var(--bleed-r, 0px));margin-top:calc(-1 * var(--bleed-t, 0px))}.media-hero__top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem calc(var(--bleed-r, 0px) + 2rem) 0 var(--bleed-l, 0px)}.media-hero__top-actions{margin-left:auto}.media-hero__bg-btn{display:inline-flex;align-items:center;gap:.4rem;background:rgb(var(--c-paper-raised) / .85);padding:.35rem .8rem;border-radius:999px;border:1.5px solid var(--line-soft);font-size:.8125rem;font-weight:700;color:var(--ink-muted, rgb(var(--c-ink-muted)))}.media-hero__bg-btn:hover{color:var(--ink, rgb(var(--c-ink)));border-color:var(--line)}.banner-tile{position:relative;display:block;overflow:hidden;border-radius:var(--radius-md);border:2px solid var(--line-soft);background:var(--paper-sunk);aspect-ratio:16 / 9;text-align:left;transition:border-color .15s,translate .15s}.banner-tile.is-poster{aspect-ratio:16 / 9}.banner-tile.is-poster .banner-tile__img{-o-object-position:center 20%;object-position:center 20%}.banner-tile:hover:not(:disabled){border-color:var(--line);translate:0 -2px}.banner-tile.is-selected{border-color:var(--hanko);box-shadow:0 0 0 2px var(--hanko)}.banner-tile__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner-tile__label{position:absolute;left:.4rem;bottom:.4rem;display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;background:rgb(var(--c-paper-raised) / .92);border:1.5px solid var(--line);font-size:.75rem;font-weight:800;color:var(--ink, rgb(var(--c-ink)))}.media-hero__fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.media-hero__sfx{top:1.5rem;right:calc(var(--bleed-r, 0px) + 17rem);opacity:.9;color:var(--hero-accent);text-shadow:3px 3px 0 var(--paper-raised)}.media-hero__petal{opacity:.55;background:var(--hero-accent)}.app-shell:has(.media-hero) .op-decor__sfx:not(.media-hero__sfx){display:none}.media-hero--scan{--hero-accent: var(--scan)}.media-hero__art,.media-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.media-hero__art{z-index:-2}.media-hero__art img{opacity:0;transition:opacity .45s ease}.media-hero__art.is-loaded img{opacity:1}.media-hero__art img{position:absolute;inset:0 0 0 auto;width:70%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%}.media-hero__art.is-poster img{filter:blur(2px) saturate(1.1);transform:scale(1.03);-o-object-position:center 20%;object-position:center 20%}.media-hero__art:not(.is-poster) .media-hero__art-main{-o-object-fit:contain;object-fit:contain;-o-object-position:right center;object-position:right center;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.media-hero__art .media-hero__art-fill{-o-object-fit:cover;object-fit:cover;filter:blur(22px) saturate(1.15);transform:scale(1.12)}.media-hero__art.is-loaded .media-hero__art-fill{opacity:.85}.media-hero__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--tone) 1.3px,transparent 1.5px);background-size:8px 8px}.media-hero__veil{z-index:-1;background:linear-gradient(90deg,var(--paper-raised) 0%,var(--paper-raised) 34%,rgb(var(--c-paper-raised) / .82) 50%,rgb(var(--c-paper-raised) / .25) 72%,transparent 88%)}.media-hero__body{display:grid;grid-template-columns:minmax(0,1fr) 13rem;gap:2rem;align-items:center;padding:1.75rem calc(var(--bleed-r, 0px) + 2rem) 2.5rem var(--bleed-l, 0px);min-height:400px}.media-hero__content{display:flex;flex-direction:column;gap:1rem;min-width:0;max-width:42rem}.media-hero__poster{order:2;justify-self:end;width:13rem;aspect-ratio:2 / 3;overflow:hidden;border:3px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-sunk);box-shadow:0 0 0 3px var(--hero-accent),var(--shadow-pop-lg);rotate:3deg;transition:rotate var(--dur-base) var(--ease-stamp),translate var(--dur-base) var(--ease-stamp)}.media-hero__poster:hover{rotate:0deg;translate:0 -3px}.media-hero__poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-hero__more{color:var(--hero-accent)}.media-hero__more:hover{text-decoration:underline;text-underline-offset:3px}@media (max-width: 1023px){.media-hero__art img{width:100%;height:380px;inset:0 0 auto 0}.media-hero__art:not(.is-poster) .media-hero__art-main{-o-object-fit:cover;object-fit:cover;-o-object-position:center 25%;object-position:center 25%;-webkit-mask-image:none;mask-image:none}.media-hero__veil{background:linear-gradient(180deg,transparent 0,transparent 150px,rgb(var(--c-paper-raised) / .45) 260px,var(--paper-raised) 380px,var(--paper-raised) 100%)}.media-hero__body{grid-template-columns:minmax(0,1fr);gap:1.25rem;padding:7rem var(--bleed-r, 0px) 1.5rem var(--bleed-l, 0px);min-height:0}.media-hero__poster{order:0;justify-self:start;width:8.5rem;rotate:-3deg}.media-hero__body{padding-top:7rem}.media-hero__sfx{display:block;right:1rem;top:3.5rem;font-size:1.6rem}}@media (prefers-reduced-motion: reduce){.media-hero__poster,.media-hero__art img{transition:none}.media-hero__petal{display:none}.media-hero__sfx{animation:none}}.media-hero__top>a{background:rgb(var(--c-paper-raised) / .85);padding:.35rem .8rem .35rem .6rem;border-radius:999px;border:1.5px solid var(--line-soft, rgb(var(--c-line-soft)))}.lvlup{background:#0a0b129e;-webkit-backdrop-filter:blur(7px) saturate(1.1);backdrop-filter:blur(7px) saturate(1.1);color:#fff;overflow:hidden;cursor:pointer}.lvlup__rays{position:absolute;left:50%;top:38%;width:200vmax;height:200vmax;translate:-50% -50%;background:repeating-conic-gradient(from 0deg,#fff 0deg .7deg,transparent .7deg 4.5deg);opacity:.16;-webkit-mask-image:radial-gradient(circle,transparent 0 7%,#000 12%,transparent 30%);mask-image:radial-gradient(circle,transparent 0 7%,#000 12%,transparent 30%);animation:lvlup-pulse 1.6s ease-in-out infinite;pointer-events:none}@keyframes lvlup-pulse{50%{opacity:.07;scale:1.04}}.lvlup__petals{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lvlup__petals .op-petal{opacity:.6}.lvlup__medal-wrap{position:relative;width:min(60vw,14.5rem);aspect-ratio:1;margin-top:-4vh}.lvlup__medal{width:100%;height:100%;overflow:visible;filter:drop-shadow(6px 6px 0 var(--line)) drop-shadow(0 0 22px color-mix(in srgb,var(--orb) 45%,transparent))}.lvlup__medal-num{font-family:Reggae One,Zen Kaku Gothic New,sans-serif;font-size:48px;fill:var(--paper-raised);paint-order:stroke;stroke:var(--line);stroke-width:7px;stroke-linejoin:round}.lvlup__medal-emoji{font-size:50px}.lvlup__badge-icon{display:grid;place-items:center;width:78%;aspect-ratio:1;margin:11% auto 0;border-radius:50%;background:#fff;border:4px solid var(--line);box-shadow:6px 6px 0 var(--line);font-size:clamp(4.5rem,20vw,6.5rem);line-height:1;animation:lvlup-float 2.6s ease-in-out infinite 1s}@keyframes lvlup-float{50%{translate:0 -8px;rotate:-3deg}}.lvlup__badge-pill{display:inline-flex;padding:.3rem .9rem;border-radius:999px;border:1.5px solid var(--line);background:var(--orb);box-shadow:2px 2px 0 var(--line);font-weight:900;font-size:.85rem;color:#15171f}.lvlup__badge-how{display:inline-block;margin-top:.3rem;font-weight:500;font-size:.875rem;color:#ffffffb3}.lvlup__wing{transform-box:fill-box;transform-origin:100% 50%;animation:lvlup-flap 2.4s ease-in-out infinite 1s}@keyframes lvlup-flap{50%{rotate:-6deg}}.lvlup__spark{position:absolute;width:18px;height:18px;background:var(--line);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:lvlup-twinkle 1.8s ease-in-out infinite}.lvlup__spark:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--orb);clip-path:inherit}.lvlup__spark.is-sm{width:12px;height:12px}.lvlup__spark.is-sm:after{top:2px;right:2px;bottom:2px;left:2px}@keyframes lvlup-twinkle{0%,to{opacity:.3;scale:.6}50%{opacity:1;scale:1.15}}.lvlup__sfx{position:absolute;top:-6%;right:-38%;rotate:10deg;white-space:nowrap;font-family:Reggae One,sans-serif;font-size:clamp(1.1rem,4vw,1.6rem);color:var(--hanko);text-shadow:3px 3px 0 var(--paper-raised),-1px -1px 0 var(--paper-raised);animation:op-stamp-in .5s cubic-bezier(.2,1.6,.4,1) both .5s}@media (max-width: 640px){.lvlup__sfx{top:-17%;right:-6%}}.lvlup__text{margin-top:1.4rem}.lvlup__eyebrow{display:flex;justify-content:center}.lvlup__congrats{color:#fff;margin-top:.6rem;font-family:Reggae One,Zen Kaku Gothic New,sans-serif;font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.1;text-shadow:3px 3px 0 var(--orb)}.lvlup__info{margin-top:2.4rem}.lvlup__title{color:#fff;text-shadow:0 2px 12px rgb(0 0 0 / .4);font-family:Zen Kaku Gothic New,sans-serif;font-weight:900;font-size:clamp(1.9rem,6vw,2.7rem);line-height:1.1}.lvlup__steps{display:inline-flex;align-items:center;gap:.5rem;margin-top:.7rem;padding:.3rem .9rem;border-radius:999px;border:2px solid var(--line);background:var(--paper-raised);box-shadow:3px 3px 0 var(--line);font-family:Chakra Petch,monospace;font-weight:700;font-size:.85rem;color:var(--ink-muted)}.lvlup__steps .is-new{color:var(--ink);background:var(--orb);padding:0 .4rem;border-radius:6px}.lvlup__desc{margin-top:.9rem;max-width:30rem;font-size:1rem;font-weight:700;color:#ffffffd9}.lvlup__footer{position:absolute;bottom:max(1.5rem,env(safe-area-inset-bottom,0px));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.55rem}.lvlup__brand{display:inline-flex;align-items:center;gap:.5rem;font-family:Reggae One,sans-serif;font-size:1.05rem;color:#fff}.lvlup__brand b{font-family:Zen Kaku Gothic New,sans-serif;font-weight:900;font-size:.68rem;letter-spacing:.12em;color:var(--hanko-ink, var(--hanko))}.lvlup__tap{font-size:.8rem;font-weight:700;color:#ffffffa6;animation:lvlup-breathe 2s ease-in-out infinite}@keyframes lvlup-breathe{50%{opacity:.4}}@media (prefers-reduced-motion: reduce){.lvlup__rays,.lvlup__wing,.lvlup__tap,.lvlup__sfx,.lvlup__badge-icon{animation:none}}.placeholder\:text-ink-subtle::-moz-placeholder{--tw-text-opacity: 1;color:rgb(var(--c-ink-subtle) / var(--tw-text-opacity, 1))}.placeholder\:text-ink-subtle::placeholder{--tw-text-opacity: 1;color:rgb(var(--c-ink-subtle) / var(--tw-text-opacity, 1))}.placeholder\:text-white\/55::-moz-placeholder{color:rgb(var(--c-ink) / .55)}.placeholder\:text-white\/55::placeholder{color:rgb(var(--c-ink) / .55)}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.focus-within\:border-white\/80:focus-within{border-color:rgb(var(--c-ink) / .8)}.focus-within\:shadow-button:focus-within{--tw-shadow: var(--shadow-pop-sm);--tw-shadow-colored: var(--shadow-pop-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:-translate-x-0\.5:hover{--tw-translate-x: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-px:hover{--tw-translate-y: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-rotate-6:hover{--tw-rotate: -6deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-\[-3deg\]:hover{--tw-rotate: -3deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.015\]:hover{--tw-scale-x: 1.015;--tw-scale-y: 1.015;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-accent-pink:hover{--tw-border-opacity: 1;border-color:rgb(var(--c-accent) / var(--tw-border-opacity, 1))}.hover\:border-accent-pink\/40:hover{border-color:rgb(var(--c-accent) / .4)}.hover\:border-accent-pink\/50:hover{border-color:rgb(var(--c-accent) / .5)}.hover\:border-accent-pink\/60:hover{border-color:rgb(var(--c-accent) / .6)}.hover\:border-accent2\/40:hover{border-color:rgb(var(--c-accent) / .4)}.hover\:border-feedback:hover{--tw-border-opacity: 1;border-color:rgb(var(--c-feedback) / var(--tw-border-opacity, 1))}.hover\:border-hanko\/40:hover{border-color:rgb(var(--c-hanko) / .4)}.hover\:border-hanko\/50:hover{border-color:rgb(var(--c-hanko) / .5)}.hover\:border-ink\/30:hover{border-color:rgb(var(--c-ink) / .3)}.hover\:border-premium\/40:hover{border-color:rgb(var(--c-accent) / .4)}.hover\:border-white\/30:hover{border-color:rgb(var(--c-ink) / .3)}.hover\:border-white\/45:hover{border-color:rgb(var(--c-ink) / .45)}.hover\:border-white\/60:hover{border-color:rgb(var(--c-ink) / .6)}.hover\:bg-accent-pink\/10:hover{background-color:rgb(var(--c-accent) / .1)}.hover\:bg-accent-pink\/20:hover{background-color:rgb(var(--c-accent) / .2)}.hover\:bg-accent-yellow\/10:hover{background-color:rgb(var(--c-rank) / .1)}.hover\:bg-anime\/15:hover{background-color:rgb(var(--c-anime) / .15)}.hover\:bg-danger\/10:hover{background-color:rgb(var(--c-hanko-ink) / .1)}.hover\:bg-feedback\/10:hover{background-color:rgb(var(--c-feedback) / .1)}.hover\:bg-feedback\/20:hover{background-color:rgb(var(--c-feedback) / .2)}.hover\:bg-feedback\/5:hover{background-color:rgb(var(--c-feedback) / .05)}.hover\:bg-hanko\/10:hover{background-color:rgb(var(--c-hanko) / .1)}.hover\:bg-hanko\/15:hover{background-color:rgb(var(--c-hanko) / .15)}.hover\:bg-paper:hover{--tw-bg-opacity: 1;background-color:rgb(var(--c-paper) / var(--tw-bg-opacity, 1))}.hover\:bg-surface-hover:hover{--tw-bg-opacity: 1;background-color:rgb(var(--c-paper-sunk) / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:rgb(var(--c-ink) / .1)}.hover\:bg-white\/5:hover{background-color:rgb(var(--c-ink) / .05)}.hover\:bg-white\/\[0\.03\]:hover{background-color:rgb(var(--c-ink) / .03)}.hover\:bg-white\/\[0\.05\]:hover{background-color:rgb(var(--c-ink) / .05)}.hover\:bg-white\/\[0\.06\]:hover{background-color:rgb(var(--c-ink) / .06)}.hover\:bg-white\/\[0\.08\]:hover{background-color:rgb(var(--c-ink) / .08)}.hover\:bg-white\/\[0\.11\]:hover{background-color:rgb(var(--c-ink) / .11)}.hover\:text-accent-pink:hover{--tw-text-opacity: 1;color:rgb(var(--c-accent) / var(--tw-text-opacity, 1))}.hover\:text-danger:hover{--tw-text-opacity: 1;color:rgb(var(--c-hanko-ink) / var(--tw-text-opacity, 1))}.hover\:text-ink:hover{--tw-text-opacity: 1;color:rgb(var(--c-ink) / var(--tw-text-opacity, 1))}.hover\:text-ink-muted:hover{--tw-text-opacity: 1;color:rgb(var(--c-ink-muted) / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(var(--c-ink) / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:\!opacity-90:hover{opacity:.9!important}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-blue:hover{--tw-shadow: var(--shadow-pop-lg);--tw-shadow-colored: var(--shadow-pop-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-button:hover{--tw-shadow: var(--shadow-pop-sm);--tw-shadow-colored: var(--shadow-pop-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-pop:hover{--tw-shadow: var(--shadow-pop);--tw-shadow-colored: var(--shadow-pop);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-pop-lg:hover{--tw-shadow: var(--shadow-pop-lg);--tw-shadow-colored: var(--shadow-pop-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);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)}.hover\:brightness-125:hover{--tw-brightness: brightness(1.25);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)}.focus\:border-white\/70:focus{border-color:rgb(var(--c-ink) / .7)}.focus\:bg-hanko\/15:focus{background-color:rgb(var(--c-hanko) / .15)}.focus\:bg-white\/10:focus{background-color:rgb(var(--c-ink) / .1)}.focus\:shadow-button:focus{--tw-shadow: var(--shadow-pop-sm);--tw-shadow-colored: var(--shadow-pop-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:scale-110:focus-visible{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-anime\/70:focus-visible{--tw-ring-color: rgb(var(--c-anime) / .7)}.active\:translate-x-0\.5:active{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:translate-y-0\.5:active{--tw-translate-y: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.active\:shadow-none:active{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-100:disabled{opacity:1}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-80:disabled{opacity:.8}.disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.group:hover .group-hover\:pointer-events-auto{pointer-events:auto}.group:hover .group-hover\:-translate-y-1{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-accent2\/40{border-color:rgb(var(--c-accent) / .4)}.group:hover .group-hover\:bg-black\/10{background-color:#0000001a}.group:hover .group-hover\:text-hanko-ink{--tw-text-opacity: 1;color:rgb(var(--c-hanko-ink) / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-55{opacity:.55}.group:hover .group-hover\:shadow-blue{--tw-shadow: var(--shadow-pop-lg);--tw-shadow-colored: var(--shadow-pop-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (prefers-reduced-motion: reduce){.motion-reduce\:animate-none{animation:none}}@media (min-width: 400px){.min-\[400px\]\:gap-1\.5{gap:.375rem}}@media (min-width: 640px){.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:order-3{order:3}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mb-0{margin-bottom:0}.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:table-cell{display:table-cell}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-14{height:3.5rem}.sm\:h-16{height:4rem}.sm\:h-8{height:2rem}.sm\:h-\[22px\]{height:22px}.sm\:h-\[72px\]{height:72px}.sm\:min-h-\[72px\]{min-height:72px}.sm\:w-10{width:2.5rem}.sm\:w-14{width:3.5rem}.sm\:w-16{width:4rem}.sm\:w-28{width:7rem}.sm\:w-64{width:16rem}.sm\:w-8{width:2rem}.sm\:w-\[132px\]{width:132px}.sm\:w-\[150px\]{width:150px}.sm\:w-\[205px\]{width:205px}.sm\:w-\[220px\]{width:220px}.sm\:w-\[22px\]{width:22px}.sm\:w-\[320px\]{width:320px}.sm\:w-\[52px\]{width:52px}.sm\:w-auto{width:auto}.sm\:min-w-0{min-width:0px}.sm\:min-w-\[11rem\]{min-width:11rem}.sm\:min-w-\[122px\]{min-width:122px}.sm\:min-w-\[180px\]{min-width:180px}.sm\:min-w-\[220px\]{min-width:220px}.sm\:max-w-\[320px\]{max-width:320px}.sm\:flex-1{flex:1 1 0%}.sm\:flex-\[1_1_180px\]{flex:1 1 180px}.sm\:shrink-0{flex-shrink:0}.sm\:basis-full{flex-basis:100%}.sm\:-translate-y-3{--tw-translate-y: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:auto-cols-\[145px\]{grid-auto-columns:145px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-7{gap:1.75rem}.sm\:gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.sm\:space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.sm\:p-1{padding:.25rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:pb-12{padding-bottom:3rem}.sm\:pb-5{padding-bottom:1.25rem}.sm\:pb-6{padding-bottom:1.5rem}.sm\:pt-2{padding-top:.5rem}.sm\:text-left{text-align:left}.sm\:text-\[1\.08rem\]{font-size:1.08rem}.sm\:text-\[2\.25rem\]{font-size:2.25rem}.sm\:text-\[2\.4rem\]{font-size:2.4rem}.sm\:text-\[2\.75rem\]{font-size:2.75rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-body{font-size:.9375rem;line-height:1.55}.sm\:text-card-title{font-size:1.125rem;letter-spacing:-.01em}.sm\:text-display-md{font-size:2.5rem;line-height:1.08;letter-spacing:-.015em}.sm\:text-h2{font-size:1.375rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:leading-8{line-height:2rem}.sm\:opacity-0{opacity:0}.group:hover .sm\:group-hover\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .sm\:group-hover\:opacity-100{opacity:1}}@media (min-width: 768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:auto-cols-\[calc\(\(100\%-3\.75rem\)\/6\)\]{grid-auto-columns:calc((100% - 3.75rem) / 6)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.md\:items-center{align-items:center}.md\:gap-8{gap:2rem}}@media (min-width: 1024px){.lg\:bottom-6{bottom:1.5rem}.lg\:order-last{order:9999}.lg\:-mx-8{margin-left:-2rem;margin-right:-2rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:min-h-\[490px\]{min-height:490px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.lg\:grid-cols-\[minmax\(0\,1\.7fr\)_minmax\(280px\,1fr\)\]{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_310px\]{grid-template-columns:minmax(0,1fr) 310px}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(22rem\,28rem\)\]{grid-template-columns:minmax(0,1fr) minmax(22rem,28rem)}.lg\:items-start{align-items:flex-start}.lg\:gap-10{gap:2.5rem}.lg\:gap-8{gap:2rem}.lg\:px-14{padding-left:3.5rem;padding-right:3.5rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pb-12{padding-bottom:3rem}.lg\:pb-14{padding-bottom:3.5rem}.lg\:pt-14{padding-top:3.5rem}}@media (min-width: 1280px){.xl\:order-2{order:2}.xl\:block{display:block}.xl\:inline{display:inline}.xl\:inline-flex{display:inline-flex}.xl\:hidden{display:none}.xl\:flex-\[1_1_auto\]{flex:1 1 auto}.xl\:basis-auto{flex-basis:auto}.xl\:px-16{padding-left:4rem;padding-right:4rem}.xl\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.xl\:pl-1\.5{padding-left:.375rem}.xl\:pr-3{padding-right:.75rem}}@media (min-width: 1400px){.min-\[1400px\]\:block{display:block}.min-\[1400px\]\:hidden{display:none}}@media (min-width: 1440px){.min-\[1440px\]\:inline{display:inline}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{display:none}