/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--gold:#c9a96e;--pale:#ead7ad;--ivory:#f6f1e7;--obsidian:#08090b}*{box-sizing:border-box}html,body{background:#08090b;min-height:100%;margin:0}body{color:var(--ivory);font-family:Arial,Noto Sans Thai,sans-serif}button{font:inherit}.shell{background:radial-gradient(circle at 50% 28%,#c9a96e26,#0000 30%),radial-gradient(circle at 50% 78%,#c9a96e14,#0000 34%),linear-gradient(135deg,#060709,#111216 52%,#050608);min-height:100svh;position:relative;overflow:hidden}.shell:before{content:"";pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:1;border-bottom:1px solid #c9a96e47;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,5vw,72px);display:flex;position:relative}.brand{color:var(--pale);align-items:center;gap:26px;display:flex}.monogram{letter-spacing:-7px;padding-right:9px;font:italic 30px Georgia,serif}.brand-name{letter-spacing:.3em;border-left:1px solid #c9a96e4d;padding-left:26px;font:500 14px Georgia,serif}.status{color:#8b8f98;letter-spacing:.2em;align-items:center;gap:9px;font-size:10px;display:flex}.status i{background:var(--gold);width:5px;height:5px;box-shadow:0 0 8px var(--gold);border-radius:50%}.hero{z-index:1;text-align:center;padding:42px 20px 30px;animation:.65s ease-out both reveal;position:relative}.eyebrow{color:var(--gold);letter-spacing:.36em;margin:0 0 10px;font-size:9px}h1{color:var(--pale);text-shadow:0 2px 24px #c9a96e2e;margin:0;font:600 clamp(40px,5vw,67px)/1.15 Georgia,Noto Serif Thai,serif}.subtitle{color:#bbb5ac;margin:8px 0 28px;font:20px Georgia,serif}.calculator{background:linear-gradient(145deg,#d7b77b 0,#74572f 3%,#181a1d 5%,#0d0f12 96%,#987342 98%,#e2c68e);border:1px solid #e0bf82;border-radius:23px;width:min(100%,510px);margin:auto;padding:10px;box-shadow:0 30px 65px #0000009e,0 0 42px #c9a96e1a}.display{background:linear-gradient(135deg,#212327,#0b0c0e 72%);border:1px solid #e7d3a880;border-radius:15px;flex-direction:column;justify-content:space-between;align-items:flex-end;height:126px;padding:18px 25px;display:flex;overflow:hidden;box-shadow:inset 0 0 28px #00000080}.display span{color:var(--gold);letter-spacing:.12em;align-self:flex-start;font-size:10px}.display strong{max-width:100%;color:var(--ivory);white-space:nowrap;font:500 clamp(37px,7vw,57px)/1 Georgia,serif}.keypad{grid-template-columns:repeat(4,1fr);gap:9px;padding:10px 3px 3px;display:grid}.keypad button{height:61px;color:var(--ivory);cursor:pointer;background:linear-gradient(145deg,#292b2f,#16181b);border:1px solid #3a3c40;border-radius:12px;font:500 25px Georgia,serif;transition:transform .12s,border-color .15s,filter .15s;box-shadow:0 4px 5px #050506,inset 0 1px #ffffff17}.keypad button:hover{border-color:var(--gold);filter:brightness(1.12);transform:translateY(-1px)}.keypad button:active{transform:scale(.97)}.keypad button:focus-visible{outline:2px solid var(--pale);outline-offset:2px}.keypad .operator{color:var(--gold)}.keypad .equals{color:#fff8e9;background:linear-gradient(135deg,#b28a52,#75532c);border-color:#d8b575;position:relative;overflow:hidden}.keypad .equals:after{content:"";background:#ffffff38;width:35%;transition:left .35s;position:absolute;inset:-20% auto -20% -60%;transform:skew(-20deg)}.keypad .equals:hover:after{left:130%}.keypad .zero{grid-column:span 2}.hint{color:#6f7177;letter-spacing:.16em;margin:20px 0 0;font-size:9px}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}}@media (width<=560px){.topbar{height:66px}.brand-name{padding-left:16px;font-size:10px}.brand{gap:16px}.status{display:none}.hero{padding-top:30px}.eyebrow{font-size:7px}.subtitle{margin-bottom:20px;font-size:16px}.calculator{border-radius:20px}.display{height:105px;padding:15px 19px}.keypad button{height:56px}.hint{margin-top:15px}}@media (height<=760px) and (width>=600px){.topbar{height:66px}.hero{padding-top:20px}.subtitle{margin-bottom:15px}.display{height:105px}.keypad button{height:52px}}@media (prefers-reduced-motion:reduce){*,:after{transition:none!important;animation:none!important}}