@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Segoe UI,Helvetica Neue,sans-serif;font-size:19px;line-height:1.6;font-weight:400;background:#fff;color:#0e0e0e;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden}a{color:inherit}:root{--bg-start: #ffffff;--bg-end: #f4f4f4;--white: #ffffff;--accent: #ff6a00;--glass-1: rgba(14, 14, 14, .03);--glass-2: rgba(14, 14, 14, .05);--glass-3: rgba(14, 14, 14, .08);--text-strong: rgba(14, 14, 14, .94);--text-main: rgba(14, 14, 14, .82);--text-soft: rgba(14, 14, 14, .62);--radius-lg: 12px;--radius-md: 9px;--radius-sm: 7px;--blur-md: 22px;--blur-lg: 28px;--blur-xl: 32px;--space-1: 5px;--space-2: 7px;--space-3: 9px;--space-4: clamp(10px, .8vw, 14px);--space-5: clamp(14px, 1vw, 18px);--title-size: clamp(18px, 1.2vw, 28px);--subtitle-size: clamp(11px, .75vw, 15px);--row-title-size: clamp(13px, .95vw, 20px);--row-price-size: clamp(13px, 1vw, 20px);--body-size: clamp(10.5px, .7vw, 13px);--motion-200: .22s cubic-bezier(.22, 1, .36, 1);--motion-300: .3s cubic-bezier(.22, 1, .36, 1)}.app-shell{position:relative;height:100dvh;color:var(--text-main);overflow:hidden;background:radial-gradient(1100px 580px at 8% -18%,#0e0e0e0f,#0e0e0e00),radial-gradient(900px 540px at 100% 110%,#0e0e0e0a,#0e0e0e00),linear-gradient(180deg,var(--bg-start),var(--bg-end))}.app-shell:before{content:"";position:fixed;inset:-18% -12%;z-index:0;pointer-events:none;background:radial-gradient(42% 34% at 18% 24%,#ff6a001a,#ff6a0000),radial-gradient(34% 28% at 84% 78%,#0e0e0e14,#0e0e0e00);filter:blur(46px);animation:ambient-shift 18s ease-in-out infinite alternate}.layout,.screen-grid,.screen-main,.glass-sidebar{position:relative;z-index:1}.layout{display:flex;flex-direction:column;width:100%;height:100%;padding:var(--space-4)}.layout-body{display:flex;flex:1;min-height:0;flex-direction:column;gap:var(--space-3)}.screen-grid{display:grid;grid-template-columns:minmax(270px,340px) 1fr;gap:var(--space-2);height:100%;min-height:0}.screen-grid.no-sidebar{grid-template-columns:1fr}.screen-main{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;overflow:hidden}.glass-surface{position:relative;overflow:hidden;border-radius:var(--radius-lg);box-shadow:inset 0 1px #fffc,inset 0 -1px #0e0e0e0f,0 12px 34px #0e0e0e1f;transition:opacity var(--motion-200),transform var(--motion-200),background var(--motion-200);animation:surface-breathe 7.2s ease-in-out infinite}.glass-surface:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffffbf,#ffffff3d 36%,#fff0)}.glass-surface:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 1px 0 #0e0e0e0f}.glass-depth-a{background:var(--glass-1);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.glass-depth-b{background:var(--glass-2);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}.glass-depth-c{background:var(--glass-3);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl))}.glass-header,.glass-sidebar,.floating-card,.promo-details-surface,.status-surface,.token-surface{padding:var(--space-2)}.glass-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.glass-sidebar{display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden}.app-header{display:grid;gap:4px}.app-header-title{margin:0;color:var(--text-strong);font-size:var(--title-size);line-height:1.02;letter-spacing:-.02em;font-weight:700}.app-header-subtitle{margin:0;color:var(--text-soft);font-size:var(--subtitle-size)}.eyebrow,.promo-sub{margin:0;color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(12px,.8vw,14px)}.status-stack{display:grid;gap:var(--space-2)}.status-block{padding:8px 10px}.status-left{display:flex;align-items:center;gap:var(--space-2)}.status-dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 #ff6a0059;animation:dot-ping 1.9s ease-out infinite}.status-title{margin:0;color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(12px,.8vw,14px)}.status-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--body-size);color:var(--text-soft)}.meta-chip{border-radius:var(--radius-sm);padding:7px 10px;background:#0e0e0e0a;box-shadow:inset 0 1px #ffffffa6;color:var(--text-main);font-size:var(--body-size)}.promo-card{display:flex;flex-direction:column;min-height:0;height:100%;gap:var(--space-2);animation:surface-in var(--motion-300)}.promo-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.promo-title,.layout-heading h1{margin:2px 0 0;color:var(--text-strong);font-size:var(--title-size);font-weight:700;letter-spacing:-.02em;line-height:1.05}.lede{margin:8px 0 0;color:var(--text-main);font-size:var(--subtitle-size);line-height:1.35}.promo-date{padding:7px 10px;border-radius:var(--radius-sm);background:#0e0e0e0a;box-shadow:inset 0 1px #ffffffa6;color:var(--text-main);font-size:var(--body-size)}.progress-track{position:relative;height:3px;border-radius:999px;overflow:hidden;background:#0e0e0e1a}.progress-track-subtle{height:2px;background:#0e0e0e14}.progress-fill{position:absolute;inset:0;width:0;background:var(--accent);animation:grow linear forwards}.promo-table-wrap{display:grid;gap:6px;flex:1;min-height:0;max-height:none;overflow:hidden;padding-right:0}.promo-table-header,.list-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(130px,.8fr) minmax(110px,.8fr);gap:var(--space-2);align-items:center}.promo-table-header.has-discount,.list-row.has-discount{grid-template-columns:minmax(0,2fr) minmax(130px,.78fr) minmax(130px,.78fr) minmax(120px,.9fr)}.promo-table-header{display:none;position:sticky;top:0;z-index:2;padding:0 7px;color:var(--text-soft);font-size:clamp(9px,.6vw,11px);text-transform:uppercase;letter-spacing:.08em;background:#0e0e0e08;border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.promo-table-list{display:grid;gap:3px;min-height:0;overflow:hidden}.list-row{position:relative;height:clamp(36px,3vh,48px);padding:5px 8px;border-radius:var(--radius-md);background:#0e0e0e0a;box-shadow:inset 0 1px #ffffffa6;transition:transform var(--motion-200),background var(--motion-200),opacity var(--motion-200);animation:row-in .36s var(--motion-200) both}.promo-table-list .list-row:nth-child(1){animation-delay:20ms}.promo-table-list .list-row:nth-child(2){animation-delay:45ms}.promo-table-list .list-row:nth-child(3){animation-delay:70ms}.promo-table-list .list-row:nth-child(4){animation-delay:95ms}.promo-table-list .list-row:nth-child(5){animation-delay:.12s}.promo-table-list .list-row:nth-child(6){animation-delay:145ms}.promo-table-list .list-row:nth-child(7){animation-delay:.17s}.promo-table-list .list-row:nth-child(8){animation-delay:195ms}.list-row:hover{background:#0e0e0e0f;transform:translateY(-1px)}.list-row-active{background:#0e0e0e14}.list-row-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:999px;background:var(--accent)}.detail-cell{min-width:0}.detail-title-row{display:flex;align-items:center;gap:var(--space-2)}.detail-thumb{width:32px;height:32px;border-radius:6px;object-fit:cover;flex-shrink:0}.detail-title{margin:0;color:var(--text-strong);font-size:var(--row-title-size);font-weight:700;line-height:1.04;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-sub{margin:0;color:var(--text-main);font-size:clamp(11px,.7vw,14px)}.price-col{text-align:right;font-variant-numeric:tabular-nums}.details-table .price-col,.list-row .price-col{color:var(--text-strong);font-size:calc(var(--row-price-size) - 3px);font-weight:600}.chip{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:4px 7px;border-radius:999px;background:var(--accent);color:var(--white);font-weight:700;font-size:clamp(11px,.7vw,13px)}.chip-strong{min-width:66px;padding:5px 8px;font-size:clamp(12px,.8vw,14px)}.carousel-dots{display:flex;justify-content:center;gap:5px;margin-top:0}.dot{width:7px;height:7px;border-radius:999px;border:none;background:#0e0e0e3d;transition:transform var(--motion-200),opacity var(--motion-200),background var(--motion-200);opacity:.65}.dot.active{opacity:1;background:var(--accent);transform:scale(1.06)}.system-btn{border:none;border-radius:var(--radius-sm);min-height:clamp(52px,3.2vw,66px);min-width:clamp(160px,10vw,230px);padding:13px 18px;font-size:clamp(17px,1.05vw,22px);font-weight:600;letter-spacing:.01em;transition:transform var(--motion-200),opacity var(--motion-200),background var(--motion-200),box-shadow var(--motion-200)}.system-btn-primary{background:var(--accent);color:var(--white);box-shadow:0 8px 24px #ff6a003d}.system-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px #ff6a0047}.system-btn-secondary{background:#0e0e0e14;color:var(--text-main);box-shadow:inset 0 1px #ffffffb3}.system-btn-secondary:hover{background:#0e0e0e1a}.system-btn-ghost{background:transparent;color:var(--text-soft)}.system-btn-ghost:hover{background:#0e0e0e0f;color:var(--text-main)}.system-btn:disabled{opacity:.5;cursor:not-allowed}.token-screen{width:min(940px,100%);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.token-form{display:flex;flex-direction:column;gap:var(--space-3)}.token-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.token-input-field,.glass-input-field{display:flex;flex-direction:column;gap:9px}.token-input-label,.glass-input-label{margin:0;color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(12px,.8vw,14px)}.token-input,.glass-input{border:none;outline:none;border-radius:var(--radius-sm);background:#0e0e0e14;box-shadow:inset 0 1px #ffffffbf;color:var(--text-strong);padding:clamp(15px,1vw,20px) clamp(16px,1.2vw,24px);font-size:clamp(20px,1.35vw,28px);transition:background var(--motion-200),box-shadow var(--motion-200),transform var(--motion-200)}.token-input::placeholder,.glass-input::placeholder{color:#0e0e0e73}.token-input:focus,.glass-input:focus{background:#0e0e0e1a;box-shadow:inset 0 1px #fffc,0 0 0 3px #ff6a0038}.token-input-hint,.glass-input-hint,.token-hint{color:var(--text-soft);font-size:clamp(14px,.95vw,18px)}.state-panel{min-height:230px;display:grid;place-content:center;text-align:center;gap:14px}.state-title{margin:0;color:var(--text-strong);font-size:clamp(30px,2vw,44px);font-weight:700}.state-text{margin:0;color:var(--text-main);font-size:clamp(18px,1.2vw,24px)}.state-loading-dots{display:inline-flex;justify-content:center;gap:9px}.state-loading-dots span{width:10px;height:10px;border-radius:999px;background:#0e0e0e99;animation:pulse 1.25s ease-in-out infinite}.state-loading-dots span:nth-child(2){animation-delay:.18s}.state-loading-dots span:nth-child(3){animation-delay:.36s}@keyframes pulse{0%,to{opacity:.36;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes ambient-shift{0%{transform:translate3d(-1.2%,-.8%,0) scale(1)}to{transform:translate3d(1.2%,1.1%,0) scale(1.03)}}@keyframes surface-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes row-in{0%{opacity:0;transform:translateY(6px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dot-ping{0%{box-shadow:0 0 #ff6a0059}70%{box-shadow:0 0 0 8px #ff6a0000}to{box-shadow:0 0 #ff6a0000}}@keyframes grow{0%{width:0}to{width:100%}}@keyframes surface-in{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:1060px){.screen-grid{grid-template-columns:1fr;min-height:auto}.glass-sidebar{order:2}.screen-main{order:1}.promo-table-wrap{max-height:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}