@font-face{font-family:Geist Pixel Square;font-display:swap;font-style:normal;font-weight:400;src:url(/assets/GeistPixel-Square-Cdc6c3sI.otf) format("opentype")}@font-face{font-family:Geist Mono;font-display:swap;font-style:normal;font-weight:400;src:url(/assets/GeistMono-Regular-CBbi4Y1t.otf) format("opentype")}@font-face{font-family:Geist Mono;font-display:swap;font-style:normal;font-weight:600;src:url(/assets/GeistMono-SemiBold-DCgFMni9.otf) format("opentype")}@font-face{font-family:Glow Sans SC;font-display:swap;font-style:normal;font-weight:400;src:url(/assets/GlowSansSC-Condensed.subset-UmMNK5Nt.woff2) format("woff2")}:root{color:#f6ead0;background:#000;font-family:var(--font-ui);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--device-w: 320px;--device-h: 480px;--jiko-orange: #f09035;--font-zh: "Glow Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-title: "Geist Pixel Square", "Geist Pixel", "Glow Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-data: "Geist Mono", "SF Mono", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--font-ui: "Geist Mono", "SF Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--ink: #f4efe3;--ink-dim: #a99f8b;--screen: #050505;--edge: rgba(244, 202, 112, .3);--edge-faint: rgba(244, 202, 112, .14);--glow-amber: rgba(240, 144, 53, .16)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;height:100%;min-height:100%;margin:0;background:#000}body{display:grid;place-items:center}.viewport-shell{width:100vw;min-height:100vh;background:radial-gradient(130% 90% at 50% -12%,#16181c,#0a0b0d 58%),#08090a;isolation:isolate}.viewport-shell[data-mode=preview]{display:flex;flex-direction:column;align-items:center;gap:26px;padding:26px 32px 44px}.preview-topbar{display:flex;align-items:center;justify-content:space-between;width:min(100%,900px);padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.brandmark{display:flex;align-items:baseline;gap:12px}.brand-name{color:var(--ink);font-family:var(--font-title);font-size:22px;letter-spacing:.04em}.brand-desc{color:var(--ink-dim);font-family:var(--font-zh);font-size:13px;letter-spacing:.14em}.phase-tag{padding:4px 13px;border:1px solid var(--edge-faint);border-radius:999px;color:var(--jiko-orange);font-family:var(--font-zh);font-size:12px;letter-spacing:.1em}.preview-body{display:grid;grid-template-columns:auto minmax(300px,380px);gap:52px;align-items:start;justify-content:center;width:100%}.device-stage,.preview-demo-pane{display:flex;flex-direction:column;align-items:center;margin:0}.preview-demo-pane{justify-content:flex-start;width:var(--device-w)}.device-caption{margin:0;color:var(--ink-dim);font-family:var(--font-ui);font-size:11px;letter-spacing:.14em}.device-body{position:relative;width:var(--device-w);height:var(--device-h)}.device-side-key{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;cursor:pointer;position:absolute;top:50%;right:-16px;width:32px;height:238px;transform:translateY(-50%);border-radius:16px;background:linear-gradient(90deg,#020202,#08090a 42%,#030303);box-shadow:inset 0 0 0 1px #ffffff0e,inset 0 0 0 3px #000000e0,0 8px 18px #000000b8}.device-side-key:after{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:8px;transform:translate(-50%);border-radius:6px;background:linear-gradient(90deg,#202124,#53565b 31%,#b3b5b7 50%,#4b4d52 72%,#17181a);box-shadow:inset 0 1px #ffffff52,inset 0 -1px #000000a6,0 0 7px #ffffff14}.device-side-key:before{content:"";position:absolute;top:50%;left:50%;z-index:1;width:22px;height:92px;transform:translate(-50%,-50%);border-radius:12px/48px;background:linear-gradient(90deg,#18191c,#3c3f45 24%,#777b82 49%,#34373d 72%,#111214);box-shadow:inset 0 1px #ffffff38,inset -5px 0 9px #00000075,0 2px 8px #000000ad}.device-canvas{position:relative;width:var(--device-w);height:var(--device-h);overflow:hidden;border-radius:30px;background:radial-gradient(125% 44% at 50% -8%,rgba(255,255,255,.085),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 15%),#020202;box-shadow:inset 0 1px #ffffff0b,inset 0 0 0 1px #ffffff05,inset 0 -26px 52px #000000eb,0 0 0 1px #ffffff05,0 22px 70px #000000b8}.panel-layer,.glass-layer,.screen-layer,.mask-layer{position:absolute;top:0;right:0;bottom:0;left:0}.panel-layer{top:0;right:0;bottom:0;left:0;width:auto;height:auto;border:0;border-radius:inherit;background:linear-gradient(104deg,transparent 0 8.5%,rgba(255,255,255,.032) 9.2%,transparent 12.5%),linear-gradient(90deg,rgba(255,255,255,.024),transparent 24%,transparent 76%,rgba(255,255,255,.014)),radial-gradient(100% 30% at 50% -4%,rgba(255,255,255,.075),transparent 78%);mix-blend-mode:screen;pointer-events:none}.glass-layer{z-index:0;background:radial-gradient(105% 24% at 50% 0%,rgba(255,255,255,.1),transparent 76%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%),linear-gradient(90deg,rgba(255,255,255,.024),transparent 22%,transparent 78%,rgba(255,255,255,.012)),radial-gradient(92% 42% at 50% 100%,rgba(255,255,255,.018),transparent 70%)}.screen-layer{z-index:1}.mask-layer{pointer-events:none;z-index:3;background:linear-gradient(#000,#000) top / 100% 16px no-repeat,linear-gradient(#000,#000) bottom / 100% 16px no-repeat,linear-gradient(#000,#000) left / 18px 100% no-repeat,linear-gradient(#000,#000) right / 18px 100% no-repeat}.top-strip{position:absolute;background:transparent;border:0;box-shadow:none}.reading-window{position:absolute;display:grid;place-items:center;width:108px;height:108px;background:radial-gradient(80% 62% at 48% 18%,rgba(255,255,255,.035),transparent 44%),#020202;border:1px solid #2f3033;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff04,0 0 18px #00000075}.top-strip{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:8px;border-radius:16px;padding:0 14px 0 12px}.status-dots{display:grid;gap:6px;justify-items:center}.status-dots span{width:6px;height:6px;display:block;border-radius:50%;background:var(--jiko-orange);box-shadow:0 0 8px #f09035e6}.top-title-block{display:grid;line-height:1;min-width:0}.top-title{color:#f4efe3;overflow:hidden;font-family:var(--font-title);font-size:18px;font-weight:400;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.top-subtitle{margin-top:5px;color:var(--jiko-orange);font-family:var(--font-data);font-size:10px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot-matrix{display:inline-flex;align-items:flex-start;color:var(--jiko-orange);line-height:0}.dm-glyph{display:grid;gap:var(--gap)}.dm-glyph span{width:var(--dot);height:var(--dot);border-radius:50%;background:currentColor;box-shadow:0 0 calc(var(--dot) * .9) color-mix(in srgb,currentColor 55%,transparent)}.idle-clock{display:flex;align-self:stretch;align-items:center;justify-content:space-between;gap:6px;width:100%}.clock-time{color:#f6ead0}.clock-time .dm-glyph span{box-shadow:0 0 calc(var(--dot) * 1.05) color-mix(in srgb,currentColor 62%,transparent)}.clock-time .dm-glyph[data-char=":"]{animation:colon-blink 2s steps(1,end) infinite}.clock-time[data-colon=on] .dm-glyph[data-char=":"],.clock-time[data-colon=off] .dm-glyph[data-char=":"]{animation:none}.clock-time[data-colon=on] .dm-glyph[data-char=":"]{opacity:1}.clock-time[data-colon=off] .dm-glyph[data-char=":"]{opacity:0}@keyframes colon-blink{0%,49.99%{opacity:1}50%,to{opacity:0}}.clock-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.clock-weekday,.clock-date{color:var(--jiko-orange)}.battery{display:inline-flex;align-items:center;gap:1px}.battery-shell{display:inline-flex;gap:1px;padding:1px;border:1px solid var(--jiko-orange);border-radius:2px}.battery-bar{width:4px;height:6px;background:transparent}.battery-bar[data-filled=true]{background:var(--jiko-orange);box-shadow:0 0 4px color-mix(in srgb,var(--jiko-orange) 60%,transparent)}.battery-cap{width:2px;height:4px;border-radius:0 1px 1px 0;background:var(--jiko-orange)}.battery[data-charging=true] .battery-shell{animation:battery-pulse 1.6s ease-in-out infinite}@keyframes battery-pulse{0%,to{opacity:1}50%{opacity:.55}}.sprite-screen{display:grid;place-items:center}.tone-red{--tone: #e0523a;--tone-soft: rgba(224, 82, 58, .16);--tone-shadow: rgba(255, 106, 71, .22)}.tone-amber{--tone: #f09035;--tone-soft: rgba(240, 144, 53, .16);--tone-shadow: rgba(240, 144, 53, .2)}.tone-green{--tone: #79bf72;--tone-soft: rgba(121, 191, 114, .16);--tone-shadow: rgba(143, 232, 130, .2)}.tone-dim{--tone: #2a2d30;--tone-soft: rgba(42, 45, 48, .08);--tone-shadow: rgba(0, 0, 0, .1)}.viewport-shell[data-device-state=result] .top-title-block{align-content:center}.viewport-shell[data-device-state=result] .top-title{display:block;font-family:var(--font-zh);font-size:17px;font-weight:400;line-height:1.5;letter-spacing:.02em;max-height:56px;white-space:pre-line}.viewport-shell[data-device-state=result] .top-subtitle{display:none}.viewport-shell[data-device-state=recording] .status-dots span{background:#e0523a;box-shadow:0 0 8px #e0523ae6}.viewport-shell[data-device-state=processing] .status-dots span{background:#f09035;box-shadow:0 0 8px #f09035e6}.viewport-shell[data-device-state=result] .status-dots span{background:#f09035;box-shadow:0 0 8px #f09035d9}.viewport-shell[data-device-state=error] .status-dots span{background:#f09035;box-shadow:0 0 8px #f09035e6}.sprite-matrix{position:relative;display:grid;place-content:center;filter:saturate(1.06)}.sprite-dot{display:block;width:100%;height:100%;border-radius:999px;background:var(--sprite-dim)}.sprite-dot.is-primary{background:var(--sprite-primary);box-shadow:0 0 calc(var(--sprite-cell) * 1.5) var(--sprite-halo)}.sprite-dot.is-secondary{background:var(--sprite-secondary);box-shadow:0 0 calc(var(--sprite-cell) * 1.2) var(--sprite-secondary)}.sprite-dot.is-off{background:var(--sprite-dim);opacity:.5}.sprite-dot.is-hidden{opacity:0}.viewport-shell[data-mode=device]{display:grid;place-items:center;width:var(--device-w);height:var(--device-h);min-height:var(--device-h);padding:0;background:#000}.viewport-shell[data-mode=device] .device-canvas{border-radius:0;box-shadow:none;transform:none}.preview-tools{display:grid;width:min(100%,400px);max-height:calc(100vh - 64px);align-self:center;gap:16px;overflow:auto;color:var(--ink)}.tools-head{display:flex;align-items:baseline;gap:10px;padding:0 2px}.tools-title{color:var(--ink);font-family:var(--font-title);font-size:20px}.tools-subtitle{color:var(--ink-dim);font-family:var(--font-zh);font-size:13px;letter-spacing:.04em}.record-panel,.manual-panel,.debug-panel{display:grid;gap:14px;padding:18px;border:1px solid var(--edge-faint);border-radius:14px;background:linear-gradient(180deg,rgba(255,235,190,.02),transparent),#0d0c0b;box-shadow:inset 0 0 0 1px #00000080}.manual-input{width:100%;box-sizing:border-box;resize:vertical;min-height:76px;border:1px solid rgba(244,202,112,.24);border-radius:6px;background:#090908;color:#f4efe3;font:12px/1.5 var(--font-body);padding:10px}.manual-input:focus{border-color:#f6c05b9e;outline:none}.manual-submit{justify-self:end}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-family:var(--font-zh);font-size:15px;letter-spacing:.06em}.status-pill{min-width:64px;padding:3px 10px;border:1px solid var(--edge-faint);border-radius:999px;color:var(--jiko-orange);font-family:var(--font-zh);font-size:11px;font-weight:400;text-align:center}.status-recording{border-color:#ff4a338a;color:#ff6b52}.status-uploading,.status-requesting{color:#f6c05b}.status-error{border-color:#ff4a338a;color:#ff6b52}.record-button{width:100%;min-height:88px;border:1px solid rgba(255,74,51,.6);border-radius:12px;background:radial-gradient(circle at 50% 0%,rgba(255,74,51,.2),transparent 58%),#090908;color:#fff8ed;cursor:pointer;font-family:var(--font-zh);font-size:22px;letter-spacing:.12em;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 18px #ff4a3314,0 0 16px #ff4a3324}.record-button:hover:not(:disabled),.record-button:focus-visible{border-color:#ffad5ce6;outline:none}.record-button:disabled{cursor:wait;opacity:.66}.record-button[data-recording-state=recording]{background:radial-gradient(circle at 50% 12%,rgba(255,74,51,.42),transparent 62%),#1b0907}.session-facts,.receipt-fields{display:grid;gap:8px;margin:0}.session-facts div,.receipt-fields div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px}.session-facts dt,.receipt-fields dt{color:var(--ink-dim);font-family:var(--font-zh);font-size:12px;letter-spacing:.04em}.session-facts dd,.receipt-fields dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#f4efe3;font-size:11px;line-height:1.45}.panel-error,.empty-note{margin:0;color:#ff8a72;font-size:11px;line-height:1.45}.empty-note{color:#a99f8b}.events-block{display:grid;gap:8px}.events-block h2{margin:0;color:var(--ink-dim);font-family:var(--font-zh);font-size:12px;font-weight:400;letter-spacing:.06em}.event-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.event-list li{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:10px;align-items:center;color:#f4efe3;font-size:11px}.event-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-list time{color:#a99f8b;text-align:right}.receipt-block{display:grid;gap:10px}.receipt-source{color:#f0a51b;font-size:10px;overflow-wrap:anywhere}.json-preview{max-height:220px;margin:0;overflow:auto;color:#f4efe3;font-family:var(--font-ui);font-size:10px;line-height:1.45;white-space:pre-wrap}.mini-button{min-height:28px;padding:0 10px;border:1px solid rgba(244,202,112,.32);border-radius:6px;background:#050505;color:#f4efe3;cursor:pointer;font-family:var(--font-ui);font-size:10px}.mini-button:disabled{cursor:default;opacity:.48}@media (max-width: 880px){body{place-items:start center}.preview-body{grid-template-columns:1fr;gap:40px}.preview-tools{max-height:none;justify-self:center}}