*,: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:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,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}.resize{resize:both}.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)}:root{--bg: oklch(1 0 0);--fg: oklch(.145 0 0);--muted: oklch(.97 0 0);--muted-fg: oklch(.556 0 0);--border: oklch(.922 0 0);--primary: oklch(.205 0 0);--panel: oklch(1 0 0 / .3);--panel-border: oklch(.145 0 0 / .12);--success: oklch(.65 .16 145);--warning: oklch(.77 .16 80);--error: oklch(.62 .2 25);--info: oklch(.62 .15 245);font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:var(--fg);background:var(--bg);font-synthesis:none}html.dark{--bg: oklch(.145 0 0);--fg: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-fg: oklch(.7 0 0);--border: oklch(1 0 0 / .1);--primary: oklch(.922 0 0);--panel: oklch(0 0 0 / .1);--panel-border: oklch(1 0 0 / .14)}*{box-sizing:border-box}body{min-width:320px;margin:0;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}a{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--info);outline-offset:3px}.app-shell{min-height:100vh;position:relative;isolation:isolate;color:var(--fg)}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.6;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 65%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 65%,transparent 100%)}.workspace-frame{width:min(100% - 32px,1600px);margin-inline:auto}.app-header{padding-top:clamp(2rem,8vw,6rem)}.masthead{display:grid;gap:14px;padding-bottom:28px;border-bottom:1px solid var(--border)}.brand-row,.title-row,.game-status,.conversion-status,.list-context span,.field-hint,.summary-label,.calculator-heading>p,.entry-action,.result-title,.notice{display:flex;align-items:center;gap:7px}.brand-row{flex-wrap:wrap;color:var(--muted-fg);font-size:.8125rem}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--panel-border);border-radius:9px;color:var(--fg);font-size:.64rem;font-weight:800}.header-separator{color:var(--border)}.muted-copy{color:var(--muted-fg)}.theme-toggle{margin-left:4px;border:1px solid var(--panel-border);border-radius:999px;background:var(--panel);padding:5px 10px;color:var(--fg);font-size:.7rem;font-weight:700}.title-row{gap:14px;flex-wrap:wrap}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.04em}h1{margin-bottom:0;font-size:clamp(2rem,4vw,3.5rem)}.title-row p{margin:0;color:var(--muted-fg);font-size:clamp(1rem,2vw,1.25rem)}.header-copy{max-width:630px;margin:0;color:var(--muted-fg);font-size:.875rem;line-height:1.65}.corner-plus{position:fixed;z-index:1;color:var(--muted-fg);font:300 20px/1 ui-monospace,monospace;pointer-events:none}.corner-plus-tl{top:14px;left:16px}.corner-plus-tr{top:14px;right:16px}.corner-plus-bl{bottom:14px;left:16px}.corner-plus-br{right:16px;bottom:14px}.workspace{padding-block:2rem 1.5rem}.workflow-intro{display:flex;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.eyebrow{margin-bottom:6px;color:var(--muted-fg);font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.workflow-intro h2{max-width:900px;margin-bottom:0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.5}.workflow-intro>p{max-width:310px;margin:0;color:var(--muted-fg);font-size:.8125rem;line-height:1.6}.workbench-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:24px;align-items:start}.calculator-rail{position:sticky;top:20px}.calculator-rail-scrollable{position:static}.glass-panel{border:1px solid var(--panel-border);border-radius:24px;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.browser-panel,.calculator-panel{padding:clamp(16px,2vw,24px)}.browser-heading{display:flex;justify-content:space-between;gap:20px}.browser-heading h2,.calculator-heading h2{margin-bottom:5px;font-size:1.35rem}.browser-heading p:not(.eyebrow),.calculator-heading>p{margin-bottom:0;color:var(--muted-fg);font-size:.8125rem;line-height:1.55}.game-status{align-self:start;padding:6px 9px;border:1px solid var(--panel-border);border-radius:999px;color:var(--muted-fg);font-size:.72rem;white-space:nowrap}.status-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--muted-fg)}.status-success{background:var(--success)}.status-warning{background:var(--warning)}.status-error{background:var(--error)}.status-info{background:var(--info)}.game-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.game-tab,.button-secondary{border:1px solid var(--panel-border);border-radius:999px;background:color-mix(in oklch,var(--muted) 55%,transparent);color:var(--muted-fg)}.game-tab{min-height:34px;padding:5px 11px;font-size:.75rem}.game-tab-active{border-color:color-mix(in oklch,var(--primary) 30%,var(--panel-border));background:var(--primary);color:var(--bg);font-weight:700}.search-area{margin-top:20px}.field-label{display:grid;gap:7px;color:var(--muted-fg);font-size:.75rem;font-weight:700}.field,.search-field{width:100%;border:1px solid var(--panel-border);background:color-mix(in oklch,var(--bg) 55%,transparent);color:var(--fg)}.field{height:42px;border-radius:12px;padding:0 12px}.search-field{display:flex;align-items:center;height:44px;border-radius:999px;padding:0 12px}.search-field svg{flex:none;width:17px;height:17px;stroke:var(--muted-fg);stroke-width:1.8;fill:none}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:0 9px;color:var(--fg)}.search-clear{display:grid;place-items:center;width:23px;height:23px;border:0;border-radius:50%;background:var(--muted);color:var(--muted-fg)}.field::-moz-placeholder,.search-field input::-moz-placeholder{color:var(--muted-fg)}.field::placeholder,.search-field input::placeholder{color:var(--muted-fg)}.field:disabled{background:var(--muted)}.field-mono,code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.field-hint,.conversion-status{margin:0;color:var(--muted-fg);font-size:.75rem;font-weight:400;line-height:1.5}.conversion-status{margin-top:8px}.list-context{display:flex;justify-content:space-between;gap:16px;margin-top:20px;padding-block:10px;border-block:1px solid var(--border);color:var(--muted-fg);font-size:.75rem}.entry-list{min-height:220px;display:grid;gap:8px;padding-top:10px}.entry-row{position:relative;display:grid;grid-template-columns:135px minmax(0,1fr) 54px;gap:14px;align-items:center;width:100%;overflow:hidden;border:1px solid transparent;border-radius:16px;background:color-mix(in oklch,var(--panel) 80%,transparent);padding:12px;color:var(--fg);text-align:left}.entry-row code{color:var(--muted-fg);font-size:.8125rem}.entry-row>span:nth-child(4){overflow-wrap:anywhere;font-size:.875rem;line-height:1.45}.entry-action{justify-content:flex-end;color:var(--muted-fg);font-size:.7rem}.card-plus{position:absolute;top:4px;left:8px;opacity:0;color:var(--primary);font-size:.75rem}.card-plus-right{right:8px;left:auto}.entry-row-selected{border-color:color-mix(in oklch,var(--success) 45%,var(--panel-border));background:color-mix(in oklch,var(--success) 9%,var(--panel))}.entry-row-selected .card-plus{opacity:1}.skeleton-list{display:grid;gap:8px;padding-top:2px}.skeleton-list span{height:57px;border:1px solid var(--panel-border);border-radius:16px;background:var(--muted);animation:pulse 1.5s ease-in-out infinite}.list-message{display:flex;justify-content:center;align-items:center;gap:7px;margin:0;padding:36px 8px;color:var(--muted-fg);font-size:.875rem;text-align:center}.list-error{color:var(--error)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px;color:var(--muted-fg);font-size:.75rem}.pagination p{margin:0}.pagination div{display:flex;flex-wrap:wrap;gap:7px}.button-secondary{min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:700}.button-primary{min-height:43px;border:1px solid var(--primary);border-radius:12px;background:var(--primary);color:var(--bg);font-size:.8rem;font-weight:800}.calculator-heading{padding-bottom:16px;border-bottom:1px solid var(--border)}.selection-summary{margin-top:16px;border:1px solid color-mix(in oklch,var(--info) 28%,var(--panel-border));border-radius:16px;background:color-mix(in oklch,var(--info) 7%,var(--panel));padding:12px}.summary-label{margin-bottom:5px;color:var(--muted-fg);font-size:.67rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.selection-summary code{color:var(--fg);font-size:.8125rem}.selection-summary p{margin:5px 0 0;color:var(--muted-fg);font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere}.calculator-form{display:grid;gap:15px;margin-top:18px}.calculate-button{width:100%}.result{margin-top:20px;border:1px solid;border-radius:16px;padding:14px}.result-success{border-color:color-mix(in oklch,var(--success) 45%,var(--panel-border));background:color-mix(in oklch,var(--success) 8%,var(--panel))}.result-error{border-color:color-mix(in oklch,var(--error) 45%,var(--panel-border));background:color-mix(in oklch,var(--error) 8%,var(--panel))}.result-title{margin:0 0 12px;font-size:.8125rem;font-weight:800;line-height:1.5}.notice{margin:0 0 10px;color:var(--muted-fg);font-size:.75rem;line-height:1.55}.result-list{display:grid;gap:8px}.result-value{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--panel-border);border-radius:12px;background:color-mix(in oklch,var(--bg) 55%,transparent);padding:8px 9px}.result-value code{min-width:0;font-size:.75rem;overflow-wrap:anywhere}.copy-button{flex:none}.attribution-footer{margin-top:28px;border-top:1px solid var(--border);padding:20px 0 8px;color:var(--muted-fg);font-size:.75rem}.attribution-footer p{margin:0}.attribution-footer a{text-decoration:underline;text-underline-offset:3px}@keyframes pulse{50%{opacity:.45}}@media (hover: hover){.entry-row,.game-tab,.button-primary,.button-secondary,.theme-toggle,.search-clear{transition:transform .25s ease,border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.entry-row:hover{transform:translateY(-4px);border-color:color-mix(in oklch,var(--primary) 25%,var(--panel-border));box-shadow:0 12px 28px color-mix(in oklch,var(--primary) 8%,transparent)}.entry-row:hover .card-plus{opacity:1}.game-tab:not(.game-tab-active):hover,.button-secondary:hover:not(:disabled),.theme-toggle:hover{border-color:color-mix(in oklch,var(--primary) 35%,var(--panel-border))}.button-primary:hover{transform:translateY(-1px)}}@media (min-width: 768px){.workspace{padding-block:4rem 2rem}}@media (max-width: 800px){.workflow-intro,.browser-heading{display:block}.workflow-intro>p,.game-status{margin-top:13px}.workbench-grid{grid-template-columns:minmax(0,1fr);gap:16px}.calculator-rail{position:static}.pagination{align-items:flex-start;flex-direction:column}}@media (max-width: 560px){.workspace-frame{width:min(100% - 24px,1600px)}.entry-row{grid-template-columns:1fr auto;gap:5px 12px}.entry-row code{grid-column:1}.entry-row>span:nth-child(4){grid-column:1 / -1;grid-row:2}.entry-action{grid-column:2;grid-row:1}.pagination-edge{display:none}.pagination div{width:100%}.pagination .button-secondary{flex:1 1 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}