:root{--bg-app:#10151a;--bg-display:#131a20;--bg-branding:#12171c;--bg-surface:#262c31;--bg-surface-2:#1b2126;--bg-btn-digit:#2b333b;--bg-btn-digit-hi:#333c45;--bg-btn-control:#332821;--bg-btn-control-hi:#3c2f27;--bg-btn-ac:#4a262a;--bg-btn-ac-hi:#572d32;--bg-btn-special:#232b30;--bg-btn-special-hi:#2b343a;--bg-btn-equals:#123b72;--bg-btn-equals-hi:#17509a;--color-iva:#f5c518;--color-margin:#e07000;--bg-pro-badge:#6d4fc4;--color-pro-badge:#fff;--color-text:#fff;--color-text-dim:#fff9;--color-sep:#ffffff1a;--border-hairline:#ffffff12;--border-hairline-md:#ffffff21;--shadow-btn:0 1px 2px #00000073, inset 0 1px 0 #ffffff0a;--shadow-btn-pressed:inset 0 1px 3px #00000080;--shadow-card:0 2px 6px #00000059;--gap-btn:4px;--radius-btn:8px;--radius-btn-sm:6px;--radius-block:14px;--radius-display:16px;--pad-block:8px;--pad-workspace:6px;--font-ui:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-display:"Courier New", "Lucida Console", monospace;--transition-fast:90ms ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%;height:-webkit-fill-available}body{background-color:var(--bg-app);width:100%;height:100%;min-height:-webkit-fill-available;font-family:var(--font-ui);color:var(--color-text);-webkit-text-size-adjust:100%;overflow:hidden}button{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:none;outline:none}button:focus-visible{outline-offset:2px;outline:2px solid #ffffffd9}.app{flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}.branding{background-color:var(--bg-branding);border-bottom:1px solid var(--color-sep);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:6vh;min-height:20px;padding:0 14px;display:flex}.branding__name{font-family:var(--font-ui);letter-spacing:2.5px;color:var(--color-text);text-transform:uppercase;flex-shrink:0;font-size:clamp(11px,1.8vh,15px);font-weight:700}.branding__powered{opacity:.8;flex:0 auto;justify-content:flex-end;align-items:center;min-width:0;display:flex}.branding__powered img{object-fit:contain;width:auto;max-width:clamp(170px,38vw,300px);height:clamp(20px,3.6vh,28px);display:block}.display{background-color:var(--bg-display);border:1px solid var(--border-hairline-md);border-radius:var(--radius-display);height:clamp(80px,18vh,124px);min-height:76px;box-shadow:var(--shadow-card);flex-direction:column;flex-shrink:0;justify-content:center;align-items:stretch;gap:3px;margin:6px 10px 4px;padding:0 16px;display:flex}.display__number{font-family:var(--font-display);color:var(--color-text);text-align:right;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:100%;font-size:clamp(40px,7.1vh,76px);font-weight:300;line-height:.95;overflow:hidden}.display__statusbar{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;min-height:clamp(18px,2.6vh,24px);margin-top:5px;display:flex}.display__status{font-family:var(--font-display);text-align:left;letter-spacing:1px;text-transform:uppercase;color:#0000;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:clamp(10px,1.7vh,13px);font-weight:600;line-height:1;transition:color .15s;overflow:hidden}.display__status.is-visible{color:var(--color-iva)}.display__decimals{flex-shrink:0;align-items:center;gap:3px;margin-left:8px;display:flex}.btn--decimal{border-radius:var(--radius-btn-sm);border:1px solid var(--border-hairline-md);color:#ffffff73;width:26px;height:26px;font-family:var(--font-ui);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;background-color:#ffffff0f;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:500;display:flex}.btn--decimal.is-active{color:#fff;background-color:#fff3;border-color:#ffffff47}.btn--decimal:active{filter:brightness(.85)}@media (hover:hover){.btn--decimal:hover{color:#ffffff8c;background-color:#ffffff17;border-color:#ffffff24}.btn--decimal.is-active:hover{color:#fff;background-color:#ffffff3d}}.display__detail{font-family:var(--font-display);text-align:left;color:#0000;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:100%;min-height:clamp(13px,2vh,17px);font-size:clamp(11px,1.7vh,14px);font-weight:400;line-height:1.15;transition:color .15s;overflow:hidden}.display__detail.is-visible{color:#ffffff9e}.workspace{min-width:0;min-height:0;padding:var(--pad-workspace);gap:var(--pad-workspace);flex-direction:row;flex:1;display:flex;overflow:hidden}.col-left{gap:var(--pad-workspace);flex-direction:column;flex-shrink:0;width:38%;min-width:0;min-height:0;display:flex}.special-block{border-radius:var(--radius-block);min-width:0;min-height:0;padding:var(--pad-block);background-color:var(--bg-surface);box-shadow:var(--shadow-card);flex-direction:column;flex:1;display:flex;position:relative}.special-block--iva{border:1px solid var(--color-iva);flex:1.1}.special-block--margin{border:1px solid var(--color-margin);flex:.9}.special-block__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;margin-bottom:5px;display:flex}.special-block__label{font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;font-size:clamp(8px,1.2vh,10px);font-weight:700;line-height:1}.special-block--iva .special-block__label{color:var(--color-iva)}.special-block--margin .special-block__label{color:var(--color-margin)}.direction-selector{flex-shrink:0;gap:3px;display:flex}.btn--direction{border-radius:var(--radius-btn-sm);border:1px solid var(--border-hairline-md);color:#ffffff8c;height:clamp(18px,2.6vh,24px);font-family:var(--font-ui);letter-spacing:.3px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);background-color:#ffffff0f;justify-content:center;align-items:center;padding:0 7px;font-size:clamp(9px,1.5vh,11px);font-weight:700;display:flex}.btn--direction:active{filter:brightness(.9)}.special-block--iva .btn--tax-direction.is-active{background-color:var(--color-iva);border-color:var(--color-iva);color:#1a1400}.special-block--margin .btn--margin-direction.is-active{background-color:var(--color-margin);border-color:var(--color-margin);color:#1f0d00}@media (hover:hover){.btn--direction:hover{color:#ffffffd9;background-color:#ffffff1c}.special-block--iva .btn--tax-direction.is-active:hover,.special-block--margin .btn--margin-direction.is-active:hover{filter:brightness(1.08)}}.btn--icon-config{border-radius:var(--radius-btn-sm);background-color:var(--bg-surface-2);background-image:linear-gradient(180deg, var(--bg-btn-special-hi), var(--bg-surface-2));border:1px solid var(--border-hairline-md);width:40px;height:40px;box-shadow:var(--shadow-btn);color:#ffffff9e;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;display:flex}.icon-config{width:16px;height:16px;display:block}.btn--icon-config:active{color:#fffffff2;box-shadow:var(--shadow-btn-pressed);filter:brightness(.9);transform:translateY(1px)}.btn--icon-config:disabled{opacity:.22;pointer-events:none}@media (hover:hover){.btn--icon-config:hover{color:#ffffffd9;filter:brightness(1.12)}}.special-block__edit-actions{gap:var(--gap-btn);flex-shrink:0;height:clamp(24px,3.4vh,32px);margin-bottom:5px;display:flex}.special-block__edit-actions[hidden]{display:none}.btn--edit-action{border-radius:var(--radius-btn-sm);min-width:0;font-family:var(--font-ui);letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;background-color:var(--bg-surface-2);border:1px solid var(--border-hairline-md);color:#ffffffa6;box-shadow:var(--shadow-btn);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:4px;font-size:clamp(9px,1.5vh,11px);font-weight:700;display:flex;overflow:hidden}.icon-edit-action{flex-shrink:0;width:13px;height:13px}.btn--edit-reset{color:#e07878d9;background-color:#e03c3c14;border-color:#e03c3c4d;flex:1.3}.btn--edit-reset.is-confirming{color:#ffafaf;background-color:#e03c3c38;border-color:#e03c3c}.btn--edit-done{color:#9fc7ec;background-color:#468cd21f;border-color:#468cd266}.btn--edit-action:active{box-shadow:var(--shadow-btn-pressed);transform:translateY(1px)}.btn--edit-action:disabled{opacity:.3;pointer-events:none}@media (hover:hover){.btn--edit-reset:hover{background-color:#e03c3c29}.btn--edit-done:hover{background-color:#468cd233}}.btn--iva.is-active{border:1px solid var(--color-iva);color:var(--color-iva);background-color:#2e2200}@media (hover:hover){.btn--iva.is-active:hover{background-color:#3a2c00}}.special-block__grid{gap:var(--gap-btn);flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;min-height:0;display:grid}.special-block__grid--rate3{grid-template-rows:1fr}.col-right{gap:var(--gap-btn);flex:1;grid-template-rows:repeat(5,1fr) 1.2fr;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;min-height:0;display:grid}.btn--zero{grid-column:span 2}.btn--equals{grid-column:span 4}.btn{border-radius:var(--radius-btn);width:100%;min-width:0;height:100%;font-family:var(--font-ui);color:var(--color-text);background-color:var(--bg-btn-digit);background-image:linear-gradient(180deg, var(--bg-btn-digit-hi), var(--bg-btn-digit));border:1px solid var(--border-hairline);box-shadow:var(--shadow-btn);transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex;position:relative;overflow:hidden}.btn:active{box-shadow:var(--shadow-btn-pressed);filter:brightness(.87);transform:translateY(1px)}.btn:disabled,.btn--direction:disabled,.btn--decimal:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn--digit{background-color:var(--bg-btn-digit);background-image:linear-gradient(180deg, var(--bg-btn-digit-hi), var(--bg-btn-digit));font-size:clamp(16px,3vh,23px);font-weight:650}.btn--operator{background-color:var(--bg-btn-digit);background-image:linear-gradient(180deg, var(--bg-btn-digit-hi), var(--bg-btn-digit));font-size:clamp(19px,3.5vh,27px);font-weight:600}.btn--control{background-color:var(--bg-btn-control);background-image:linear-gradient(180deg, var(--bg-btn-control-hi), var(--bg-btn-control));letter-spacing:.3px;font-size:clamp(12px,2.2vh,17px);font-weight:650}.btn--ac{background-color:var(--bg-btn-ac);background-image:linear-gradient(180deg, var(--bg-btn-ac-hi), var(--bg-btn-ac));border:1px solid #e05a5a59}.btn--equals{background-color:var(--bg-btn-equals);background-image:linear-gradient(180deg, var(--bg-btn-equals-hi), var(--bg-btn-equals));letter-spacing:1.5px;border-radius:var(--radius-btn);border-color:#78b4f040;font-size:clamp(21px,4vh,32px);font-weight:700}.btn--special{background-color:var(--bg-btn-special);background-image:linear-gradient(180deg, var(--bg-btn-special-hi), var(--bg-btn-special));border-radius:var(--radius-btn-sm);text-align:center;font-size:clamp(11px,1.9vh,15px);font-weight:600;line-height:1.1}.btn--margin.is-active{border:1px solid var(--color-margin);color:var(--color-margin);background-color:#241200}.btn--special.is-pro-locked:after{content:"PRO";background-color:var(--bg-pro-badge);color:var(--color-pro-badge);font-family:var(--font-ui);letter-spacing:.3px;pointer-events:none;border-radius:4px;padding:1px 4px;font-size:8px;font-weight:700;line-height:1.4;position:absolute;top:3px;right:3px}@media (hover:hover){.btn--digit:hover,.btn--operator:hover,.btn--control:hover,.btn--ac:hover,.btn--equals:hover,.btn--special:hover{filter:brightness(1.12)}.btn--margin.is-active:hover{background-color:#301800}}.portrait-warning{z-index:999;background-color:var(--bg-display);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px;display:none;position:fixed;inset:0}.portrait-warning__icon{opacity:.5;font-size:52px;animation:2s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.portrait-warning__text{color:var(--color-text-dim);font-size:16px;font-weight:400;line-height:1.7}.paywall{z-index:2000;background-color:#06090cb8;justify-content:center;align-items:center;padding:20px;animation:.15s paywall-fade;display:flex;position:fixed;inset:0}.paywall[hidden]{display:none}@keyframes paywall-fade{0%{opacity:0}to{opacity:1}}.paywall__dialog{background-color:var(--bg-surface);border:1px solid var(--border-hairline-md);border-radius:var(--radius-block);width:100%;max-width:300px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-card);text-align:center;padding:20px 18px 16px;animation:.15s paywall-dialog-in;position:relative;overflow-y:auto}@keyframes paywall-dialog-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.paywall__close{border-radius:var(--radius-btn-sm);width:32px;height:32px;color:var(--color-text-dim);font-size:20px;line-height:1;font-family:var(--font-ui);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}@media (hover:hover){.paywall__close:hover{background-color:var(--bg-surface-2);color:var(--color-text)}}.paywall__title{font-family:var(--font-ui);color:var(--color-text);margin:4px 0 6px;font-size:19px;font-weight:700}.paywall__desc{font-family:var(--font-ui);color:var(--color-text-dim);margin:0 0 12px;font-size:13px;line-height:1.4}.paywall__benefits{text-align:left;font-family:var(--font-ui);color:var(--color-text);margin:0 0 16px;padding:0;font-size:13px;list-style:none}.paywall__benefits li{padding-left:16px;line-height:1.8;position:relative}.paywall__benefits li:before{content:"–";color:var(--color-margin);position:absolute;left:0}.paywall__cta{border-radius:var(--radius-btn);background-color:var(--bg-btn-equals);background-image:linear-gradient(180deg, var(--bg-btn-equals-hi), var(--bg-btn-equals));width:100%;color:var(--color-text);font-family:var(--font-ui);box-shadow:var(--shadow-btn);border:none;padding:12px;font-size:15px;font-weight:700}.paywall__cta:active{filter:brightness(.9);transform:translateY(1px)}.paywall__cta:disabled{opacity:.55;cursor:not-allowed}.paywall__cta-note{font-family:var(--font-ui);color:var(--color-text-dim);margin:8px 0 14px;font-size:11px}.paywall__restore{font-family:var(--font-ui);color:var(--color-text-dim);text-underline-offset:2px;background:0 0;border:none;padding:4px;font-size:13px;font-weight:600;text-decoration:underline}.paywall__restore:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.paywall__message{min-height:16px;font-family:var(--font-ui);color:var(--color-text-dim);margin:10px 0 0;font-size:12px;line-height:1.4}@media (width<=767px) and (orientation:landscape){:root{--gap-btn:3px;--pad-block:5px;--pad-workspace:4px}.app{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.branding{gap:8px;height:26px;min-height:26px;padding:0 10px}.branding__name{letter-spacing:1.5px;font-size:11px}.branding__powered{opacity:.94}.branding__powered img{max-width:205px;height:23px}.display{height:auto;min-height:unset;flex-shrink:0;gap:2px;padding:5px 12px 6px}.display__number{letter-spacing:0;font-size:42px}.display__statusbar{min-height:22px;margin-top:4px}.display__status{letter-spacing:1px;font-size:10px}.display__detail{min-height:12px;font-size:10px}.btn--decimal{width:22px;height:22px;font-size:10px}.btn--icon-config{width:30px;height:30px}.icon-config{width:14px;height:14px}.special-block__edit-actions{height:22px}.btn--edit-action{font-size:9px}.icon-edit-action{width:11px;height:11px}.btn--special{font-size:11px}.btn--digit{font-size:18px}.btn--operator{font-size:21px}.btn--control{font-size:13px}.btn--equals{font-size:23px}}@media (width<=767px) and (orientation:landscape) and (height<=380px){:root{--gap-btn:3px;--pad-block:4px;--pad-workspace:3px}.branding{height:24px;min-height:24px}.display{gap:1px;padding:4px 10px 5px}.display__number{font-size:38px}.display__statusbar{min-height:20px;margin-top:2px}.display__status{font-size:9px}.display__detail{min-height:11px;font-size:9px}.btn--decimal{width:20px;height:20px;font-size:9px}.special-block__header{margin-bottom:3px}.special-block__label{letter-spacing:1.5px;font-size:8px}.btn--direction{height:16px;padding:0 5px;font-size:8px}.btn--icon-config{width:24px;height:24px}.icon-config{width:12px;height:12px}.special-block__edit-actions{height:18px;margin-bottom:3px}.btn--edit-action{gap:2px;font-size:8px}.icon-edit-action{width:9px;height:9px}.btn--special{font-size:10px;line-height:1.05}.btn--digit{font-size:17px}.btn--operator{font-size:20px}.btn--control{font-size:12px}.btn--equals{font-size:22px}}@media (width<=767px) and (orientation:landscape) and (height>=430px){:root{--gap-btn:4px;--pad-block:6px;--pad-workspace:5px}.display{padding:6px 14px 7px}.display__number{font-size:46px}.display__detail{min-height:13px;font-size:11px}.btn--special{font-size:12px}}@media (orientation:portrait){:root{--gap-btn:5px;--pad-block:8px;--pad-workspace:8px}.portrait-warning{display:none}.app{-webkit-overflow-scrolling:touch;width:100%;max-width:100vw;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;overflow:hidden auto}.branding{gap:8px;height:34px;min-height:34px;padding:0 12px}.branding__name{letter-spacing:1.8px;font-size:12px}.branding__powered{opacity:.94}.branding__powered img{max-width:220px;height:25px}.display{gap:3px;height:clamp(116px,18dvh,145px);min-height:112px;padding:8px 14px 9px;position:relative}.display__decimals{margin-left:0;position:absolute;bottom:9px;right:14px}.display__number{font-size:clamp(46px,8.4dvh,68px)}.display__statusbar{min-height:23px;margin-top:4px}.display__status{font-size:10px}.display__detail{min-height:13px;font-size:11px}.workspace{width:calc(100vw - (var(--pad-workspace) * 2));flex-direction:column;flex:1 0 auto;max-width:100%;overflow:visible}.col-left{align-self:stretch;gap:var(--pad-workspace);flex:none;width:100%;max-width:100%}.special-block,.special-block__grid{max-width:100%}.special-block{flex:none;min-height:88px}.special-block__label{letter-spacing:1.7px;font-size:8px}.btn--special{font-size:11px;line-height:1.05}.col-right{flex:0 0 clamp(360px,52dvh,430px);align-self:stretch;width:100%;max-width:100%}.btn--digit{font-size:22px}.btn--operator{font-size:25px}.btn--control{font-size:14px}.btn--equals{font-size:26px}}@media (width<=743px) and (orientation:portrait){.workspace{width:100vw;max-width:100vw;padding-left:var(--pad-workspace);padding-right:var(--pad-workspace)}.col-left,.col-right{width:calc(100vw - (var(--pad-workspace) * 2));max-width:calc(100vw - (var(--pad-workspace) * 2))}.special-block__grid{grid-template-columns:repeat(3, calc((100vw - (var(--pad-workspace) * 2) - (var(--pad-block) * 2) - (var(--gap-btn) * 2) - 2px) / 3))}.special-block--iva,.special-block--margin{height:140px}.special-block__grid--rate3{grid-template-rows:repeat(2,1fr)}.col-right{grid-template-columns:repeat(4, calc((100vw - (var(--pad-workspace) * 2) - (var(--gap-btn) * 3)) / 4))}}@media (width<=743px) and (orientation:portrait) and (height<=1000px){:root{--gap-btn:4px;--pad-block:6px;--pad-workspace:6px}.branding{height:30px;min-height:30px}.display{height:108px;min-height:108px;padding:6px 12px 7px}.display__number{font-size:42px}.display__statusbar{min-height:21px;margin-top:2px}.display__detail{min-height:12px;font-size:10px}.btn--special{font-size:10px}.col-right{flex-basis:325px}.btn--digit{font-size:20px}.btn--operator{font-size:23px}.btn--control{font-size:13px}.btn--equals{font-size:24px}}@media (width>=744px) and (orientation:portrait){:root{--gap-btn:7px;--pad-block:12px;--pad-workspace:10px}.branding{gap:14px;height:44px;min-height:44px;padding:0 22px}.branding__powered img{max-width:320px;height:34px}.display{height:clamp(145px,17dvh,180px);padding:10px 24px 12px}.display__number{font-size:clamp(64px,7.6dvh,82px)}.workspace{gap:10px;padding:10px}.col-left{flex-direction:row;gap:10px}.special-block{flex:1 1 0;min-height:180px}.special-block__label{font-size:10px}.btn--icon-config{width:44px;height:44px}.icon-config{width:20px;height:20px}.special-block__edit-actions{height:clamp(30px,4vh,38px)}.btn--edit-action{font-size:13px}.icon-edit-action{width:15px;height:15px}.btn--special{font-size:15px}.col-right{flex:1 0 540px}.btn--digit{font-size:28px}.btn--operator{font-size:32px}.btn--control{font-size:18px}.btn--equals{font-size:34px}}@media (width>=1000px) and (orientation:portrait){:root{--gap-btn:15px;--pad-workspace:18px}.display{height:clamp(170px,16dvh,240px);padding:16px 28px 17px}.display__number{font-size:clamp(64px,7.4dvh,98px)}.workspace{gap:18px;padding:18px}.col-left{gap:18px}.special-block{min-height:235px}.special-block__label{font-size:12px}.btn--special{font-size:17px}.btn--digit{font-size:24px}.btn--operator{font-size:28px}.btn--control{font-size:17px}.btn--equals{font-size:31px}}@media (width>=768px) and (orientation:landscape){:root{--gap-btn:6px;--pad-block:12px;--pad-workspace:8px}.app{padding-top:env(safe-area-inset-top,0px)}.branding{padding:0 20px}.display{gap:3px;padding:8px 22px 10px}}@media (width>=768px) and (height<=500px) and (orientation:landscape){.app{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.branding{padding-left:28px;padding-right:28px}}@media (width>=768px) and (width<=1180px) and (orientation:landscape) and (height<=700px){.display{height:clamp(104px,21vh,132px);min-height:96px;padding:6px 20px 8px}.display__number{font-size:clamp(42px,6.4vh,64px)}.display__statusbar{min-height:clamp(18px,2.4vh,22px)}.display__detail{min-height:clamp(13px,1.8vh,16px);font-size:clamp(11px,1.6vh,13px)}}@media (width>=1200px) and (hover:hover) and (pointer:fine){.app{border-radius:12px;max-width:1280px;max-height:800px;margin:auto;overflow:hidden;box-shadow:0 24px 80px #000000b3}body{background-color:#080b0e;justify-content:center;align-items:center;display:flex}}