:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f1ede6;background:#080D18;font-synthesis:none;--bg: #0E1424;--card: #182139;--card-2: #1E2841;--border: #37425B;--gold: #E1C69C;--gold-text: #F0DAB5;--text: #F1EDE6;--muted: #A6AEC4;--tertiary: #707A96;--danger: #DC7E80;--violet: #8E89A6;--shadow: 0 18px 44px rgba(2, 6, 16, .24);--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}html{min-height:100%;background:#080D18}body{margin:0;min-width:320px;min-height:100%;background:radial-gradient(circle at 50% -10%,#151E33,#080D18 44%)}button,input{font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit}button,a,input,[role=switch]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:"Noto Serif SC",Songti SC,STSong,serif;font-weight:600}p{color:var(--muted);line-height:1.7}#root,.phone-preview-stage,.phone-device-frame,.phone-device-screen,.phone-app-viewport{min-height:100%}.phone-device-frame,.phone-device-screen,.phone-app-viewport{display:contents}.phone-system-bar,.phone-home-indicator,.phone-side-button{display:none}.app-shell{position:relative;width:min(100%,390px);min-height:max(100dvh,844px);margin:0 auto;overflow-x:clip;background:var(--bg);box-shadow:0 0 0 1px #37425b59,0 26px 80px #0006}.page-content{min-height:max(100dvh,844px);padding:calc(env(safe-area-inset-top) + 28px) 20px calc(env(safe-area-inset-bottom) + 36px)}.has-bottom-nav .page-content,.has-fixed-primary-action .page-content{padding-bottom:calc(env(safe-area-inset-bottom) + 112px)}.refreshable-shell .page-content{transition:transform .22s ease}.refreshable-shell.is-pulling .page-content{transform:translateY(var(--pull-distance));cursor:grabbing;-webkit-user-select:none;user-select:none;transition:none}.pull-refresh-indicator{position:absolute;z-index:18;top:calc(env(safe-area-inset-top) + 6px);left:0;right:0;height:42px;display:flex;align-items:center;justify-content:center;gap:8px;transform:translateY(calc(var(--pull-distance) - 48px));opacity:0;color:var(--muted);font-size:12px;pointer-events:none;transition:transform .22s ease,opacity .16s ease}.is-pulling .pull-refresh-indicator,.refresh-refreshing,.refresh-complete,.refresh-error{opacity:1}.refresh-ready{color:var(--gold-text)}.refresh-ready svg{transform:rotate(180deg)}.refresh-refreshing svg{animation:refresh-spin .8s linear infinite}.refresh-complete{color:#c8d6be}.refresh-error{color:var(--danger)}@keyframes refresh-spin{to{transform:rotate(360deg)}}.page-wide{margin-inline:-2px}.page-header{min-height:72px;position:relative;margin-bottom:26px}.page-header h1{margin:0;font-size:30px;line-height:1.25;color:var(--text);letter-spacing:.02em}.page-header p{margin:7px 0 0;font-size:14px}.page-header-centered{display:grid;grid-template-columns:48px 1fr 48px;align-items:start;text-align:center}.page-header-centered .page-header-copy{grid-column:2}.page-header-centered h1{font-size:24px;line-height:48px}.header-back{grid-column:1;justify-self:start}.header-right{grid-column:3;min-width:48px;justify-self:end}.icon-button{width:48px;height:48px;border:0;background:transparent;display:inline-grid;place-items:center;border-radius:50%;cursor:pointer;color:var(--gold-text)}.bottom-navigation-dock{position:fixed;z-index:30;bottom:0;left:50%;transform:translate(-50%);width:min(100%,390px);background:var(--bg)}.bottom-navigation{position:relative;width:100%;height:calc(82px + env(safe-area-inset-bottom));padding:10px 13px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border-top:1px solid rgba(55,66,91,.7);box-shadow:0 -12px 30px #04081233}.bottom-navigation button{position:relative;min-height:58px;border:0;background:transparent;color:var(--tertiary);display:grid;justify-items:center;align-content:center;gap:3px;font-size:12px;cursor:pointer}.bottom-navigation button.active{color:var(--gold-text)}.bottom-navigation button i{position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:transparent}.bottom-navigation button.active i{background:var(--gold)}.button{min-height:52px;padding:0 22px;border-radius:16px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:650;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}.button:active:not(:disabled){transform:scale(.985)}.button:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.5)}.button-full{width:100%}.button-primary{color:#141927;background:var(--gold);box-shadow:0 10px 24px #e1c69c1a}.button-secondary{color:var(--gold-text);background:transparent;border-color:#e1c69cc7}.button-text{color:var(--gold-text);background:transparent;min-height:44px}.button-danger{color:var(--danger);border-color:#dc7e8080;background:transparent}.button-danger-fill{color:#fff5f4;background:rgba(220,126,128,.38);border-color:var(--danger)}.card{width:100%;padding:18px;margin:0;color:inherit;text-align:left;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow)}button.card{display:block;cursor:pointer}.card-emphasized{background:var(--card-2)}.card+.card{margin-top:14px}.card h2{font-size:22px;margin-bottom:10px}.card h3{font-size:17px;margin:16px 0 6px}.card p:last-child{margin-bottom:0}.row-between{display:flex;justify-content:space-between;align-items:center;gap:14px}.row-start{display:flex;align-items:center;gap:12px}.stack{display:grid;gap:14px}.section{margin-top:30px}.section-title{font-family:"Noto Serif SC",Songti SC,serif;font-size:21px;margin:0 0 14px}.section-label{margin:0 0 10px;color:var(--muted);font-size:13px;letter-spacing:.04em}.meta{color:var(--muted);font-size:13px}.muted{color:var(--muted)}.tertiary{color:var(--tertiary)}.gold{color:var(--gold-text)}.danger-text{color:var(--danger)}.divider{height:1px;background:var(--border);margin:16px 0;opacity:.75}.status-badge{min-height:28px;padding:5px 10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid rgba(225,198,156,.35);background:rgba(225,198,156,.1);color:var(--gold-text);font-size:12px;font-weight:650;white-space:nowrap}.status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-muted{color:var(--muted);border-color:#a6aec433;background:rgba(112,122,150,.08)}.status-violet{color:#c4bfda;border-color:#8e89a659;background:rgba(142,137,166,.13)}.status-danger{color:#f09a9b;border-color:#dc7e8059;background:rgba(220,126,128,.1)}.status-success{color:#c8d6be;border-color:#9cbe924d;background:rgba(156,190,146,.1)}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.list-group{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--card)}.list-group-title{color:var(--muted);font-size:13px;padding:15px 18px 8px;margin:0}.list-item{width:100%;min-height:64px;padding:12px 16px;border:0;border-bottom:1px solid rgba(55,66,91,.7);background:transparent;display:flex;align-items:center;gap:12px;text-align:left;cursor:default}.list-item:last-child{border-bottom:0}.list-item:enabled{cursor:pointer}.list-item:disabled{opacity:1;color:inherit}.list-icon{width:28px;color:var(--gold-text);display:grid;place-items:center;flex:none}.list-copy{flex:1;min-width:0;display:grid;gap:3px}.list-copy strong{font-size:15px}.list-copy small{color:var(--muted);line-height:1.45}.list-value{color:var(--muted);font-size:13px}.list-item-danger,.list-item-danger .list-icon,.list-item-danger .list-copy strong{color:var(--danger)}.form-field{display:grid;gap:9px}.field-label{color:var(--muted);font-size:14px;font-weight:600}.field-control{min-height:58px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#151D31;display:flex;align-items:center;gap:10px;color:var(--gold-text)}.field-control:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #e1c69c14}.field-control input{flex:1;min-width:0;height:56px;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.field-control input::placeholder{color:var(--tertiary)}.form-field small{color:var(--muted);line-height:1.4}.field-error .field-control{border-color:var(--danger)}.field-error small{color:var(--danger)}.form-stack{display:grid;gap:20px}.checkbox-row{min-height:48px;display:flex;align-items:center;gap:11px;color:var(--muted);font-size:13px;line-height:1.5;cursor:pointer}.checkbox-row input{width:20px;height:20px;accent-color:var(--gold)}.toggle{position:relative;width:48px;min-width:48px;height:28px;padding:0;border:0;border-radius:14px;background:var(--card-2);cursor:pointer;transition:background .2s ease}.toggle span{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--tertiary);transition:transform .2s ease,background .2s ease}.toggle.on{background:var(--gold)}.toggle.on span{background:var(--text);transform:translate(20px)}.modal-layer{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;background:rgba(1,4,11,.78);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bottom-sheet{width:min(100%,390px);max-height:90dvh;overflow-y:auto;padding:12px 20px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--border);border-bottom:0;border-radius:26px 26px 0 0;background:var(--card);box-shadow:0 -20px 55px #0000006b;animation:sheet-in .25s ease-out}.sheet-handle{width:48px;height:5px;border-radius:5px;margin:0 auto 24px;background:var(--border)}.bottom-sheet h2{margin-bottom:6px;text-align:center;font-size:24px}.sheet-description{text-align:center;margin-bottom:22px}@keyframes sheet-in{0%{transform:translateY(28px);opacity:0}}.empty-state{min-height:118px;padding:22px;border:1px dashed var(--border);border-radius:var(--radius-md);display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:var(--tertiary);background:rgba(24,33,57,.45)}.empty-state p{margin:0;font-size:13px;max-width:250px}.card.home-device-summary{min-height:72px;padding:12px 14px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:12px;border-color:#37425bb8;background:rgba(24,33,57,.72);box-shadow:none}.home-device-summary .home-device-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--gold-text);background:rgba(225,198,156,.1)}.home-device-copy{min-width:0;display:grid;gap:4px}.home-device-copy strong{font-size:15px;line-height:1.2}.home-device-copy small{overflow:hidden;color:var(--muted);font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.home-device-summary>svg{color:var(--tertiary)}.home-device-summary.is-offline .home-device-icon{color:var(--muted);background:rgba(166,174,196,.08)}.home-device-summary.needs-attention .home-device-icon{color:var(--danger);background:rgba(220,126,128,.1)}.home-device-summary.is-in-use{grid-template-columns:40px minmax(0,1fr) 10px 18px;border-color:#e1c69c57}.home-device-pulse{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 #e1c69c80;animation:breathe 2s infinite}@keyframes breathe{70%{box-shadow:0 0 0 18px #e1c69c00}}.communication-card h2{font-size:25px;margin:0 0 5px}.tomorrow-note-card .badge-row{row-gap:8px}.note-section-label{margin-top:18px;color:var(--gold-text);font-size:13px;font-weight:700;letter-spacing:.08em}.planned-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.planned-action{min-height:70px;padding:12px;display:grid;align-content:center;gap:4px;border:1px solid var(--border);border-radius:13px;background:rgba(30,40,65,.55);color:var(--text)}.planned-action small{color:var(--muted)}.summary-quote{margin:16px 0;padding:14px;border-radius:12px;color:var(--text);background:#121929;line-height:1.65}.recording-status{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:13px;margin:16px 0}.outcome-strip{margin:15px 0;padding:12px;display:flex;gap:10px;border-radius:12px;color:var(--gold-text);background:rgba(225,198,156,.08)}.outcome-strip small{color:var(--muted)}.audio-player{text-align:center;padding:26px 22px}.audio-track{height:6px;margin:28px 0 9px;overflow:hidden;border-radius:6px;background:rgba(225,198,156,.16)}.audio-track i{display:block;width:18%;height:100%;background:var(--gold)}.audio-controls{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;margin-top:25px}.audio-controls button{margin:auto;width:48px;height:48px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer}.audio-controls .play-button{width:64px;height:64px;color:var(--bg);background:var(--gold)}.segmented-control{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px;scrollbar-width:none}.segmented-control button{min-height:38px;padding:0 13px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);white-space:nowrap;cursor:pointer}.segmented-control button.active{color:var(--gold-text);background:var(--card-2);border-color:#e1c69c73}.choice-row{min-height:54px;width:100%;margin-bottom:10px;padding:0 15px;border:1px solid var(--border);border-radius:13px;background:transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.choice-row i{width:22px;height:22px;border:3px solid var(--border);border-radius:50%}.choice-row.selected{color:var(--gold-text);border-color:var(--gold);background:rgba(225,198,156,.08)}.choice-row.selected i{border:6px solid var(--gold)}.product-image{width:100%;display:block;aspect-ratio:1.55 / 1;object-fit:cover;border-radius:16px;border:1px solid rgba(225,198,156,.15)}.product-image-contain{object-fit:contain;background:#0B1222}.hero-product{margin:28px 0}.logo-mark{width:64px;height:64px;margin:0 auto 20px;position:relative;display:grid;place-items:center}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(225,198,156,.35)}.logo-mark:before{top:10px;right:10px;bottom:10px;left:10px;animation:breathe 2.4s infinite}.logo-mark:after{top:23px;right:23px;bottom:23px;left:23px;background:var(--gold);box-shadow:0 0 18px #e1c69c52}.splash-page .page-content{display:grid;min-height:max(100dvh,844px);place-items:center;text-align:center}.splash-copy h1{font-size:31px;color:var(--gold-text);margin-bottom:12px}.splash-copy p{max-width:260px;font-size:13px}.auth-page .page-content{display:flex;flex-direction:column}.auth-intro{margin:44px 0 42px}.auth-intro h1{font-size:34px;margin-bottom:10px}.auth-footer{margin-top:auto;padding-top:36px}.otp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.otp-grid input{width:100%;height:54px;padding:0;text-align:center;border:1px solid var(--border);border-radius:10px;background:#151D31;color:var(--text);font-size:20px}.otp-grid input:focus{border-color:var(--gold);outline:none}.search-visual{width:188px;height:188px;margin:46px auto 28px;position:relative;display:grid;place-items:center}.search-visual i{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(225,198,156,.13);border-radius:50%;animation:search-ring 2.2s infinite}.search-visual i:nth-child(2){top:28px;right:28px;bottom:28px;left:28px;animation-delay:.5s}.search-visual i:nth-child(3){top:56px;right:56px;bottom:56px;left:56px;animation-delay:1s}.search-visual span{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;color:var(--gold-text);background:var(--card-2);border:1px solid var(--border)}@keyframes search-ring{50%{opacity:.35;transform:scale(1.05)}}.numbered-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:step}.numbered-list li{counter-increment:step;display:flex;gap:10px;align-items:center;color:var(--muted)}.numbered-list li:before{content:counter(step);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(225,198,156,.1);color:var(--gold-text);font-size:12px}.wifi-list{overflow:hidden;padding:0}.wifi-row{width:100%;min-height:66px;padding:0 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:1px solid rgba(55,66,91,.7);background:transparent;color:inherit;display:flex;gap:12px;align-items:center;text-align:left}button.wifi-row{cursor:pointer}.wifi-row:last-child{border-bottom:0}.wifi-row.selected{background:var(--card-2);color:var(--gold-text)}.wifi-row span{flex:1}.progress-steps{list-style:none;padding:0;margin:28px 0;display:grid;gap:0}.progress-steps li{min-height:66px;position:relative;padding-left:42px;color:var(--muted)}.progress-steps li:before{content:"";position:absolute;left:10px;top:3px;width:20px;height:20px;border-radius:50%;border:2px solid var(--border);background:var(--bg)}.progress-steps li:after{content:"";position:absolute;left:20px;top:26px;bottom:0;width:1px;background:var(--border)}.progress-steps li:last-child:after{display:none}.progress-steps li.complete:before{border-color:var(--gold);background:var(--gold)}.progress-steps li.active{color:var(--gold-text)}.progress-steps li.active:before{border-color:var(--gold);box-shadow:0 0 0 6px #e1c69c14}.detail-title{margin:5px 0 6px;font-size:29px}.summary-card blockquote{margin:16px 0;color:var(--text);line-height:1.75}.summary-card footer{padding-top:14px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.talk-preview-grid{display:grid;grid-template-columns:58px 1fr;gap:14px 10px;margin:18px 0}.talk-preview-grid dt{color:var(--muted)}.talk-preview-grid dd{margin:0;line-height:1.55}.preview-quote{padding:13px;border-radius:12px;background:#121929;font-style:italic}.sticky-action-bar{position:sticky;z-index:20;bottom:-36px;margin:24px -20px -36px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:rgba(14,20,36,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sticky-action-bar small{display:block;margin-top:10px;text-align:center;color:var(--muted)}.fixed-primary-action{position:fixed;z-index:25;bottom:0;left:50%;width:min(100%,390px);padding:14px 20px calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);border-top:1px solid rgba(55,66,91,.7);background:rgba(14,20,36,.97);box-shadow:0 -12px 30px #04081233;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.talk-card-section{margin-bottom:10px}.talk-card-section h3{margin-top:0;color:var(--muted);font-size:14px}.talk-card-section p{margin:0;color:var(--text)}.talk-card-section.highlight{border-color:#e1c69c8c;background:var(--card-2)}.talk-card-section.highlight h3{color:var(--gold-text);font-size:18px}.talk-card-section.highlight p{font-family:"Noto Serif SC",Songti SC,serif;font-size:17px;font-style:italic;line-height:1.8}.bullet-list{margin:0;padding-left:22px;color:var(--text)}.bullet-list li{padding:6px 0;line-height:1.6}.bullet-list li::marker{color:var(--gold)}.danger-card{border-color:#dc7e8066}.danger-card h3{color:var(--danger)}.progress-bar{height:8px;overflow:hidden;border-radius:8px;background:rgba(225,198,156,.14)}.progress-bar i{display:block;height:100%;border-radius:inherit;background:var(--gold);transition:width .2s ease}.transfer-meta{display:grid;gap:12px;margin:18px 0}.transfer-meta div{display:flex;gap:10px;color:var(--muted)}.device-hero{padding:20px}.device-hero .product-image{margin:18px 0}.status-table{display:grid;gap:0}.status-row{width:100%;min-height:56px;padding:0;display:flex;align-items:center;gap:11px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-top:1px solid var(--border);background:transparent;color:inherit;text-align:left}button.status-row{cursor:pointer}.status-row:first-child{border-top:0}.status-row span{flex:1}.status-row strong{font-size:14px}.profile-summary-grid{display:grid;grid-template-columns:52px minmax(0,1fr) 18px;grid-template-areas:"avatar copy arrow" "avatar badge arrow";align-items:center;gap:8px 12px}.profile-summary-avatar{grid-area:avatar;width:52px;height:52px;border-radius:50%;background:rgba(225,198,156,.08)}.profile-summary-copy{grid-area:copy;min-width:0}.profile-summary-copy h2{margin:0;white-space:nowrap}.profile-summary-grid .status-badge{grid-area:badge;justify-self:start}.profile-summary-chevron{grid-area:arrow;width:18px;height:18px}.range-control{width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;cursor:pointer}.range-control::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--gold) 0 var(--range-value),var(--border) var(--range-value) 100%)}.range-control::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%;background:var(--gold);box-shadow:0 3px 10px #0000003d}.range-control::-moz-range-track{height:4px;border-radius:999px;background:var(--border)}.range-control::-moz-range-progress{height:4px;border-radius:999px;background:var(--gold)}.range-control::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:var(--gold);box-shadow:0 3px 10px #0000003d}.range-row{display:grid;grid-template-columns:26px 1fr 26px;align-items:center;gap:12px}.data-location-card h2{display:flex;align-items:center;gap:10px}.data-box{padding:13px;margin:13px 0;border-radius:10px;border:1px solid var(--border);background:var(--card-2);color:var(--muted)}.data-location-card .button{justify-content:flex-start;padding-inline:0}.switch-list .list-item{align-items:flex-start;padding-block:15px}.warning-header{margin:26px 0}.warning-header h2{color:var(--danger);font-size:28px}.warning-header .account-number{font-family:"Noto Serif SC",serif;font-size:36px;color:var(--gold-text)}.check-card{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.check-card input{width:22px;height:22px;margin-top:3px;flex:0 0 22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(225,198,156,.48);border-radius:5px;background:#11182a;display:grid;place-content:center}.check-card input:before{content:"";width:10px;height:6px;border-left:2px solid #11182a;border-bottom:2px solid #11182a;transform:rotate(-45deg) scale(0);transition:transform .12s ease}.check-card input:checked{border-color:var(--gold);background:var(--gold)}.check-card input:checked:before{transform:rotate(-45deg) scale(1)}.check-card input:focus-visible{outline:2px solid var(--gold-text);outline-offset:3px}.check-card strong{display:block}.check-card p{margin:4px 0 0;font-size:13px}.ui-kit-grid{display:grid;gap:16px}.token-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.token-swatch{aspect-ratio:1;display:grid;align-content:end;padding:8px;border-radius:10px;border:1px solid var(--border);font-size:9px;overflow:hidden}.prototype-banner{margin-bottom:18px;padding:12px 14px;border:1px solid rgba(225,198,156,.35);border-radius:12px;background:rgba(225,198,156,.08);color:var(--gold-text);font-size:12px;line-height:1.5}.toast{position:fixed;z-index:100;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 40px),350px);padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--card-2);box-shadow:var(--shadow);text-align:center;color:var(--text)}@media (min-width: 500px){body{min-height:100dvh;padding:clamp(24px,4vh,44px) 24px;background:radial-gradient(circle at 50% 12%,rgba(44,58,83,.32),transparent 34%),#080B12}#root{min-height:calc(100dvh - clamp(48px,8vh,88px))}.phone-preview-stage{min-height:inherit;display:grid;place-items:center}.phone-device-frame{position:relative;display:block;width:430px;min-height:0;height:884px;padding:20px;border:1px solid #7C95A8;border-radius:66px;background:linear-gradient(105deg,#0B1117 0 5%,#5E788C 7%,#17232D 12% 88%,#6C8799 94%,#0A0F14 100%);box-shadow:0 36px 90px #00000094,0 0 0 2px #161f28e6,inset 0 0 0 2px #9cbacd33,inset 0 0 22px #000000e6}.phone-device-frame:before{content:"";position:absolute;z-index:0;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(154,184,203,.25);border-radius:58px;box-shadow:inset 0 0 0 7px #030507;pointer-events:none}.phone-device-screen{position:relative;z-index:1;display:block;width:390px;height:844px;min-height:0;overflow:hidden;border-radius:48px;background:var(--bg);box-shadow:0 0 0 1px #ffffff0d,inset 0 0 18px #00000052}.phone-app-viewport{display:block;width:100%;height:100%;min-height:0}.phone-system-bar{position:absolute;z-index:60;top:0;left:0;right:0;height:44px;padding:12px 23px 0;display:flex;align-items:flex-start;justify-content:space-between;color:var(--text);font-size:13px;letter-spacing:.02em;pointer-events:none}.phone-system-bar-opaque{background:var(--bg);box-shadow:0 8px 12px #0e1424e6}.phone-system-bar strong{font-family:system-ui,sans-serif;font-weight:700;line-height:18px}.phone-sensor{position:absolute;top:11px;left:50%;width:74px;height:18px;transform:translate(-50%);border:1px solid #151A20;border-radius:999px;background:#020304;box-shadow:inset 0 1px 4px #ffffff14}.phone-sensor i{position:absolute;top:6px;left:17px;width:36px;height:4px;border-radius:999px;background:#101419;box-shadow:inset 0 1px 1px #ffffff14}.phone-sensor b{position:absolute;top:5px;right:7px;width:7px;height:7px;border-radius:50%;background:#071826;box-shadow:inset 0 0 0 2px #0b1117,0 0 4px #3885b447}.phone-system-icons{height:18px;display:flex;align-items:center;gap:5px}.phone-signal{height:13px;display:flex;align-items:flex-end;gap:2px}.phone-signal i{display:block;width:3px;border-radius:2px;background:currentColor}.phone-signal i:nth-child(1){height:4px}.phone-signal i:nth-child(2){height:7px}.phone-signal i:nth-child(3){height:10px}.phone-signal i:nth-child(4){height:13px}.phone-home-indicator{position:absolute;z-index:60;left:50%;bottom:8px;display:block;width:126px;height:5px;transform:translate(-50%);border-radius:999px;background:rgba(4,7,12,.88);pointer-events:none}.phone-side-button{position:absolute;display:block;width:5px;border:1px solid #536B7D;background:linear-gradient(90deg,#0B1117,#4D6678 52%,#111B23);box-shadow:0 1px 1px #ffffff29}.phone-side-button-silent{top:142px;left:-5px;height:48px;border-radius:3px 0 0 3px}.phone-side-button-volume-up{top:216px;left:-6px;height:88px;border-radius:4px 0 0 4px}.phone-side-button-volume-down{top:322px;left:-6px;height:88px;border-radius:4px 0 0 4px}.phone-side-button-power{top:226px;right:-6px;height:132px;border-radius:0 4px 4px 0}.app-shell{width:100%;height:100%;min-height:0;margin:0;overflow:hidden;border-radius:0;box-shadow:none}.page-content{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;padding-top:64px}.page-content::-webkit-scrollbar{display:none}.splash-page .page-content{min-height:100%}.pull-refresh-indicator{top:48px}.bottom-navigation-dock{position:absolute;right:0;left:0;bottom:0;width:100%;padding:0;transform:none;background:var(--bg)}.bottom-navigation{height:94px;padding:10px 13px 18px;border-radius:0}.has-bottom-nav .page-content{padding-bottom:124px}.has-fixed-primary-action .page-content{padding-bottom:116px}.fixed-primary-action{position:absolute;right:0;left:0;width:100%;padding:14px 20px 24px;transform:none}.modal-layer{position:absolute}.bottom-sheet{max-height:90%}.toast{position:absolute}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}