:root{--theme:#0b4a46;--theme-dark:#073733;--bg:#f4f7f6;--card:#fff;--text:#14201f;--muted:#6f7d7b;--line:#dbe4e2;--soft:#eaf2f0;--danger:#b42318;--warning:#9a6700;--radius:22px;--shadow:0 16px 45px rgba(7,55,51,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 30px));margin:auto}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.text-right{text-align:right}.hidden{display:none!important}
.site-header{position:sticky;top:0;z-index:40;background:var(--theme-dark);color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.13)}.header-inner{min-height:78px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:48px;height:48px;border-radius:15px;background:#fff;object-fit:cover}.brand-text{min-width:0}.brand-title{font-size:18px;font-weight:850;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sub{font-size:11px;opacity:.75;letter-spacing:.12em;text-transform:uppercase}.header-actions{margin-left:auto;display:flex;gap:8px}.icon-btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;display:grid;place-items:center;cursor:pointer}.icon-btn svg{width:20px;height:20px}.cart-badge{position:relative}.cart-badge b{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#fff;color:var(--theme-dark);font-size:11px;display:grid;place-items:center}
.hero{padding:34px 0 16px}.hero-card{background:linear-gradient(135deg,var(--theme-dark),var(--theme));color:#fff;border-radius:30px;padding:34px;min-height:260px;display:grid;grid-template-columns:1.35fr .65fr;gap:20px;align-items:center;overflow:hidden;position:relative;box-shadow:var(--shadow)}.hero-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:54px solid rgba(255,255,255,.06);right:-100px;top:-95px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;opacity:.78}.hero h1{font-size:clamp(28px,5vw,48px);line-height:1.08;margin:9px 0 12px;letter-spacing:-.03em}.hero p{max-width:620px;color:rgba(255,255,255,.78);margin:0 0 18px}.hero-mark{width:170px;height:170px;margin:auto;border-radius:44px;background:rgba(255,255,255,.1);display:grid;place-items:center;position:relative;z-index:1}.hero-mark img{width:98px;height:98px;border-radius:28px}
.section{padding:18px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:850}.section-title .mark{width:34px;height:34px;border-radius:11px;background:var(--soft);display:grid;place-items:center;color:var(--theme)}.link{color:var(--theme);font-weight:750}.chips{display:flex;gap:10px;overflow:auto;padding-bottom:4px;scrollbar-width:none}.chip{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 16px;font-weight:700;color:#45504f}.chip:hover,.chip.active{border-color:var(--theme);color:var(--theme);background:var(--soft)}
.search-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 8px 25px rgba(12,55,51,.05);display:grid;grid-template-columns:1fr 210px auto;gap:10px;margin:14px 0 20px}.field-inline{position:relative}.field-inline svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;color:#879391}.field-inline input{padding-left:44px}.input,.select,.textarea,input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],textarea,select{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px;outline:none;min-height:48px}.input:focus,input:focus,textarea:focus,select:focus{border-color:var(--theme);box-shadow:0 0 0 4px color-mix(in srgb,var(--theme) 10%, transparent)}textarea{min-height:120px;resize:vertical}.label{display:block;font-size:12px;font-weight:800;color:#65716f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px}.field{margin-bottom:15px}.help{font-size:12px;color:var(--muted);margin-top:6px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(14,51,48,.06);transition:.18s}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.product-media{aspect-ratio:1/1;background:#f8faf9;display:grid;place-items:center;position:relative;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover}.placeholder-product{width:64%;height:64%;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fff,var(--soft));display:grid;place-items:center;color:var(--theme)}.placeholder-product svg{width:48px}.stock-pill{position:absolute;top:12px;left:12px;background:#172523;color:#fff;border-radius:10px;padding:6px 9px;font-size:11px;font-weight:800}.product-body{padding:15px}.badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 8px;background:var(--soft);color:var(--theme-dark);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.badge.warn{background:#fff4d8;color:#7d5300}.badge.dark{background:#e8eceb;color:#394543}.product-name{font-size:15px;font-weight:850;line-height:1.35;min-height:41px}.price{font-size:18px;font-weight:900;color:var(--theme);margin-top:7px}.old-price{text-decoration:line-through;color:#8a9492;font-size:12px}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:13px;color:var(--muted);font-size:12px}.round-plus{width:38px;height:38px;border-radius:50%;border:1px solid var(--theme);color:var(--theme);background:#fff;font-size:23px;display:grid;place-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;min-height:46px;padding:11px 17px;background:var(--theme);color:#fff;font-weight:800;cursor:pointer}.btn:hover{filter:brightness(.98)}.btn.secondary{background:#fff;color:var(--theme-dark);border:1px solid var(--line)}.btn.dark{background:var(--theme-dark)}.btn.danger{background:#fff;color:var(--danger);border:1px solid #f2c7c2}.btn.block{width:100%}.btn.sm{min-height:36px;padding:7px 11px;border-radius:10px;font-size:12px}.btn-icon{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer}.btn-icon.danger{color:var(--danger)}
.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(14,51,48,.05)}.stack{display:grid;gap:15px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.divider{height:1px;background:var(--line);margin:18px 0}.flash-wrap{position:fixed;right:16px;top:94px;z-index:100;display:grid;gap:8px;max-width:min(420px,calc(100% - 32px))}.flash{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:12px 14px;border-radius:14px;font-weight:700}.flash.success{border-left:4px solid var(--theme)}.flash.error{border-left:4px solid var(--danger)}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;padding:28px 0}.detail-media{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;position:sticky;top:105px}.detail-media .image{aspect-ratio:1/1;background:#f8faf9;display:grid;place-items:center}.detail-media .image img{width:100%;height:100%;object-fit:contain}.detail-box{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px}.detail-title{font-size:30px;line-height:1.2;margin:10px 0}.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.variant-option{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px;text-align:center;cursor:pointer}.variant-option:has(input:checked){border-color:var(--theme);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme) 12%,transparent);background:var(--soft)}.variant-option input{position:absolute;opacity:0}.swatch{width:34px;height:34px;border-radius:50%;border:1px solid #d3d8d7;margin:0 auto 6px}.qty-row{display:flex;align-items:center;gap:10px}.qty-row input{width:80px;text-align:center}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start;padding:28px 0}.cart-item{display:grid;grid-template-columns:86px 1fr 110px 100px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cart-item:last-child{border-bottom:0}.cart-thumb{width:86px;height:86px;border-radius:16px;background:var(--soft);overflow:hidden;display:grid;place-items:center}.cart-thumb img{width:100%;height:100%;object-fit:cover}.summary-card{position:sticky;top:105px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.summary-row{display:flex;justify-content:space-between;gap:15px;margin:9px 0}.summary-total{font-size:20px;font-weight:900;padding-top:12px;border-top:1px solid var(--line);margin-top:12px}.payment-list{display:grid;gap:10px}.payment-option{border:1px solid var(--line);border-radius:15px;padding:13px;display:flex;gap:12px;align-items:flex-start;cursor:pointer}.payment-option:has(input:checked){border-color:var(--theme);background:var(--soft)}.payment-option input{margin-top:4px;accent-color:var(--theme)}
.order-shell{padding:28px 0}.status-hero{background:var(--theme-dark);color:#fff;border-radius:26px;padding:24px}.order-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.meta-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px}.payment-action{display:grid;place-items:center;text-align:center;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.payment-action img.qris{width:min(300px,100%);padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff}.code-box{font-size:21px;font-weight:900;letter-spacing:.06em;background:var(--soft);border-radius:14px;padding:14px;word-break:break-all}
.date-display[readonly],.time-display[readonly]{cursor:pointer;background:#fff}.modal-backdrop{position:fixed;inset:0;background:rgba(4,18,17,.58);z-index:200;display:none;align-items:center;justify-content:center;padding:14px;backdrop-filter:blur(4px)}.modal-backdrop.open{display:flex}.date-modal,.time-modal{width:min(332px,calc(100vw - 28px));max-height:calc(100dvh - 28px);background:#fff;border:1px solid rgba(219,228,226,.85);border-radius:20px;box-shadow:0 24px 65px rgba(0,0,0,.24);overflow:visible}.date-head,.time-head{background:var(--theme-dark);color:#fff;padding:13px 15px;border-radius:19px 19px 0 0}.date-head .eyebrow,.time-head .eyebrow{font-size:10px}.date-selected,.time-selected{font-size:15px;font-weight:850;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar{padding:12px 13px 9px}.cal-nav{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:7px;margin-bottom:8px}.cal-nav .btn-icon{width:34px;height:34px;border-radius:10px}.cal-title{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:6px;min-width:0}.cal-select,.cal-year-button{min-height:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 9px;font-size:12px;font-weight:800;outline:none}.cal-select{width:100%;appearance:auto}.year-select-wrap{position:relative}.cal-year-button{width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.cal-year-button:after{content:'⌄';font-size:12px;color:var(--muted);margin-left:5px}.year-dropdown{position:absolute;left:0;right:0;top:calc(100% + 5px);max-height:188px;overflow:auto;display:none;padding:5px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 16px 34px rgba(0,0,0,.18);z-index:8;scrollbar-width:thin}.year-dropdown.open{display:block}.year-option{width:100%;border:0;background:transparent;border-radius:8px;padding:7px 9px;text-align:center;font-size:12px;font-weight:750;cursor:pointer}.year-option:hover,.year-option.active{background:var(--soft);color:var(--theme)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-dow{text-align:center;font-size:9px;font-weight:850;color:var(--muted);padding:4px 0}.cal-empty{height:32px}.cal-day{height:32px;border:0;background:transparent;border-radius:9px;font-size:12px;font-weight:780;cursor:pointer}.cal-day:hover{background:var(--soft)}.cal-day.today{box-shadow:inset 0 0 0 1px var(--theme);color:var(--theme)}.cal-day.selected{background:var(--theme);color:#fff}.cal-day:disabled{opacity:.25;cursor:not-allowed}.date-actions,.time-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:7px 13px 13px}.date-actions .btn,.time-actions .btn{min-height:38px;padding:8px 9px;border-radius:10px;font-size:12px}.time-body{padding:14px 15px 8px}.time-dial{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;gap:4px}.time-unit{display:grid;grid-template-rows:auto 32px 58px 32px;gap:4px;text-align:center}.time-unit-label{font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.time-step{width:100%;height:32px;border:1px solid var(--line);border-radius:9px;background:#f7faf9;color:var(--theme-dark);font-size:18px;font-weight:800;cursor:pointer}.time-step:hover{background:var(--soft)}.time-number{height:58px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;place-items:center;font-size:30px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 3px #f7faf9}.time-colon{font-size:28px;font-weight:900;text-align:center;margin-top:18px;color:var(--theme-dark)}.time-quick{display:flex;gap:6px;overflow:auto;padding:11px 0 3px;scrollbar-width:none}.time-chip{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;cursor:pointer}.time-chip:hover{border-color:var(--theme);color:var(--theme);background:var(--soft)}.time-note{font-size:10px;color:var(--muted);text-align:center;padding:0 15px 5px}
/* seller */.seller-body{background:#f1f5f4}.seller-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--theme-dark);color:#fff;padding:20px 15px;display:flex;flex-direction:column}.seller-brand{display:flex;align-items:center;gap:10px;padding:6px 7px 18px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}.seller-brand img{width:42px;height:42px;border-radius:13px}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:13px;color:rgba(255,255,255,.76);font-weight:720}.nav-link svg{width:18px}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.11);color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:12px;font-size:11px;color:rgba(255,255,255,.58)}.seller-main{min-width:0}.seller-topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:30}.seller-title{font-size:19px;font-weight:900}.seller-top-actions{margin-left:auto;display:flex;gap:8px}.seller-content{padding:24px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted)}.stat-value{font-size:27px;font-weight:900;margin-top:5px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#64706e;text-align:left;background:#f7f9f8;padding:12px}.table td{padding:12px;border-top:1px solid var(--line);vertical-align:top}.status{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--soft);color:var(--theme-dark);font-size:10px;font-weight:850;text-transform:uppercase}.status.paid,.status.completed{background:#e5f3ed;color:#0d6549}.status.pending,.status.waiting_payment,.status.manual_review{background:#fff2ce;color:#7b5700}.status.cancelled,.status.failed{background:#fde9e7;color:#9b251b}.thumb-sm{width:54px;height:54px;border-radius:12px;background:var(--soft);overflow:hidden;display:grid;place-items:center}.thumb-sm img{width:100%;height:100%;object-fit:cover}.form-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px}.variant-row{display:grid;grid-template-columns:1.1fr 1.1fr .6fr .65fr .9fr 42px;gap:8px;margin-bottom:8px}.variant-row input{min-width:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.color-presets{display:flex;gap:10px;flex-wrap:wrap}.color-dot{width:42px;height:42px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}.seller-login{min-height:100vh;background:var(--theme-dark);display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.login-logo{width:72px;height:72px;border-radius:20px;margin:0 auto 15px}.login-card h1{text-align:center;margin:5px 0 3px}.login-card .sub{text-align:center;color:var(--muted);margin-bottom:22px}
/* docs */.doc-page{background:#fff;color:#17201f;max-width:210mm;min-height:297mm;margin:20px auto;padding:16mm;box-shadow:0 14px 40px rgba(0,0,0,.12)}.doc-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #182725;padding-bottom:14px}.doc-title{font-size:28px;font-weight:900;color:var(--theme)}.doc-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.doc-box{border:1px solid #d8dfde;border-radius:10px;padding:12px}.doc-table{width:100%;border-collapse:collapse;font-size:12px}.doc-table th{background:var(--theme-dark);color:#fff;padding:9px;text-align:left}.doc-table td{border-bottom:1px solid #dbe2e1;padding:9px}.receipt{width:80mm;min-height:auto;padding:7mm;font-family:"Courier New",monospace;font-size:11px}.receipt .center{text-align:center}.receipt hr{border:0;border-top:1px dashed #222;margin:8px 0}
.site-footer{padding:32px 0 40px;color:var(--muted);font-size:12px;text-align:center}
@media(max-width:980px){.product-grid{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.seller-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:18px 10px}.seller-brand .brand-text,.nav-link span,.sidebar-foot{display:none}.seller-brand{justify-content:center}.nav-link{justify-content:center;padding:12px}.settings-grid{grid-template-columns:1fr}.variant-row{grid-template-columns:1fr 1fr 90px}.variant-row input:nth-of-type(4),.variant-row input:nth-of-type(5){grid-column:span 1}}
@media(max-width:760px){.container{width:min(100% - 22px,1180px)}.header-inner{min-height:68px}.brand-logo{width:42px;height:42px}.brand-title{font-size:15px}.brand-sub{font-size:9px}.hero{padding-top:16px}.hero-card{grid-template-columns:1fr;padding:24px;min-height:auto}.hero-mark{display:none}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card{border-radius:17px}.product-body{padding:12px}.product-name{font-size:13px}.price{font-size:16px}.search-panel{grid-template-columns:1fr;gap:8px}.product-detail{grid-template-columns:1fr;gap:12px;padding:16px 0}.detail-media{position:static;border-radius:20px}.detail-box{padding:17px;border-radius:20px}.detail-title{font-size:23px}.variant-grid{grid-template-columns:repeat(2,1fr)}.cart-layout,.checkout-layout{grid-template-columns:1fr;padding:16px 0}.summary-card{position:static}.cart-item{grid-template-columns:70px 1fr 88px}.cart-item .line-total{display:none}.order-meta{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.seller-shell{display:block}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:66px;z-index:70;padding:7px;background:var(--theme-dark);display:block}.seller-brand,.sidebar-foot{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.nav-link{padding:7px 3px;font-size:9px;display:grid;place-items:center;gap:2px}.nav-link span{display:block}.nav-link svg{width:17px}.seller-topbar{height:62px;padding:0 14px}.seller-content{padding:14px 12px 86px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{padding:13px}.stat-value{font-size:21px}.variant-row{grid-template-columns:1fr 1fr}.variant-row .btn-icon{grid-column:2}.doc-page{margin:0;box-shadow:none;padding:10mm}.doc-info-grid{grid-template-columns:1fr}.flash-wrap{top:76px}}
@media print{body{background:#fff}.no-print,.site-header,.sidebar,.seller-topbar,.site-footer{display:none!important}.doc-page{margin:0;box-shadow:none;max-width:none}.seller-content{padding:0}.seller-shell{display:block}}

/* KARYA UTAMA v1.1.0 - compact modern 24-hour wheel time picker */
.time-modal{width:min(306px,calc(100vw - 28px))}
.time-body{padding:11px 13px 7px}
.time-wheel-labels{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center;margin:0 0 5px}
.time-wheel-labels span{font-size:9px;color:var(--muted);font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.time-wheels{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.time-wheels:after{content:"";pointer-events:none;position:absolute;z-index:1;left:4px;right:4px;top:50%;height:40px;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--theme) 28%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--theme) 8%,transparent)}
.time-wheel{position:relative;height:132px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;border:1px solid var(--line);border-radius:12px;background:linear-gradient(#f7faf9,#fff 29%,#fff 71%,#f7faf9);-webkit-overflow-scrolling:touch}
.time-wheel::-webkit-scrollbar{display:none}
.time-wheel-pad{height:46px}
.time-wheel-item{position:relative;z-index:2;display:block;width:100%;height:40px;scroll-snap-align:center;border:0;background:transparent;color:#8a9795;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer}
.time-wheel-item.selected{color:var(--theme-dark);font-size:18px;font-weight:950}
.time-quick{display:flex;gap:6px;overflow:auto;padding:10px 0 2px;scrollbar-width:none}
.time-quick::-webkit-scrollbar{display:none}
.time-note{font-size:9px;color:var(--muted);text-align:center;padding:0 13px 4px}
@media(max-width:520px){.date-modal{width:min(318px,calc(100vw - 24px))}.time-modal{width:min(292px,calc(100vw - 24px))}.year-dropdown{max-height:165px}}