.grid-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.grid-toolbar__right{display:flex;align-items:center;gap:12px}.needchip{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--warn);background:var(--warn-weak);border:1px solid #fcd34d;padding:5px 11px;border-radius:999px}.needchip:hover{background:#fef3c7}.weeknav{display:flex;align-items:center;gap:8px}.weeknav__arrow{width:32px;height:32px;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius-sm);font-size:18px;line-height:1;color:var(--text);transition:background .12s ease,border-color .12s ease}.weeknav__arrow:hover:not(:disabled){background:var(--surface-3);border-color:var(--faint)}.weeknav__label{min-width:190px;text-align:center;font-weight:600;font-size:.92rem}.weeknav__range{white-space:nowrap}.weeknav__loading{color:var(--muted);font-weight:400}.weeknav__today{margin-left:4px;padding:6px 12px;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:var(--primary)}.weeknav__today:hover:not(:disabled){background:var(--primary-weak)}.save{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;padding:5px 10px;border-radius:999px}.save--idle{color:var(--faint)}.save--busy{color:var(--muted)}.save--ok{color:var(--ok);background:var(--ok-weak)}.save--error{color:var(--danger);background:var(--danger-weak)}.save__check{font-weight:800}.save__retry{margin-left:6px;border:1px solid currentColor;background:transparent;color:inherit;border-radius:var(--radius-sm);padding:2px 8px;font-size:.78rem;font-weight:700}.save__spinner{width:13px;height:13px;border:2px solid var(--border-strong);border-top-color:var(--muted);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid-scroll{position:relative;overflow:auto;max-height:calc(100vh - 280px)}.grid-scroll.is-busy{opacity:.6;pointer-events:none}.grid{border-collapse:separate;border-spacing:0;width:100%;min-width:720px;font-size:.88rem}.grid th,.grid td{border-bottom:1px solid var(--border)}.grid__head th{position:sticky;top:0;z-index:3;background:var(--surface-3);font-weight:700;color:var(--muted);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;padding:10px 8px;border-bottom:1px solid var(--border-strong)}.grid__taskcol{position:sticky;left:0;z-index:4;text-align:left;min-width:210px;box-shadow:1px 0 0 var(--border)}.grid__daycol{text-align:center;min-width:64px}.grid__daycol .grid__dayname{display:block;color:var(--text)}.grid__daycol .grid__daydate{display:block;font-size:.7rem;font-weight:600;color:var(--faint);text-transform:none;letter-spacing:0}.grid__daycol.is-today{background:var(--today);color:var(--primary)}.grid__daycol.is-today .grid__dayname,.grid__daycol.is-today .grid__daydate{color:var(--primary)}.grid__balcol{text-align:right;min-width:88px;padding-right:14px}.row-client__name{position:sticky;left:0;text-align:left;background:var(--surface);color:var(--text);font-weight:700;font-size:.86rem;padding:10px 14px;border-top:2px solid var(--border-strong);border-bottom:1px solid var(--border)}.row-cat__name{text-align:left;background:var(--surface-2);color:var(--muted);font-weight:600;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;padding:6px 14px 6px 22px}.row-task:hover td,.row-task:hover .row-task__name{background:var(--surface-2)}.row-task__name{position:sticky;left:0;z-index:2;text-align:left;background:var(--surface);padding:8px 14px 8px 22px;box-shadow:1px 0 0 var(--border);font-weight:500}.row-task__title{display:block;color:var(--text);font-weight:600}.row-task__sub{display:block;font-size:.72rem;color:var(--faint)}.cell{position:relative;text-align:center;padding:3px;vertical-align:middle}.cell__btn{position:relative;width:100%;min-width:52px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:3px;font:inherit;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius-sm);padding:6px;box-shadow:inset 0 -2px 0 transparent;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.cell__btn:hover{background:var(--surface-3)}.cell__btn:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-weak)}.cell__btn--is-empty{color:var(--faint)}.cell__btn--is-empty:before{content:"+";opacity:0;font-weight:400;transition:opacity .12s ease}.cell__btn--is-empty:hover:before{opacity:.6}.cell__btn--is-ok{box-shadow:inset 0 -2px 0 var(--ok)}.cell__btn--is-missing{background:var(--warn-weak);box-shadow:inset 0 -2px 0 var(--warn)}.cell__btn--is-missing:hover{background:#fef3c7}.cell__val{line-height:1}.cell__alert{position:absolute;top:-5px;right:-3px;width:15px;height:15px;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;background:var(--warn);border-radius:50%;box-shadow:0 0 0 2px var(--surface)}.cell.is-locked{background:repeating-linear-gradient(-45deg,var(--surface-2),var(--surface-2) 6px,var(--surface-3) 6px,var(--surface-3) 12px)}.cell__btn--is-locked{background:transparent;color:var(--muted);cursor:default}.cell__btn--is-locked:hover{background:#fff6}.cell__lock{font-size:9px;opacity:.6}.cell-bal{text-align:right;padding:6px 14px 6px 8px;font-variant-numeric:tabular-nums;white-space:nowrap}.cell-bal__num{font-weight:700}.cell-bal__warn{display:block;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.cell-bal--ok .cell-bal__num{color:var(--text)}.cell-bal--near{background:var(--warn-weak)}.cell-bal--near .cell-bal__num,.cell-bal--near .cell-bal__warn{color:var(--warn)}.cell-bal--over{background:var(--danger-weak)}.cell-bal--over .cell-bal__num,.cell-bal--over .cell-bal__warn{color:var(--danger)}.grid__foot td,.grid__foot th{position:sticky;bottom:0;z-index:3;background:var(--surface-3);border-top:2px solid var(--border-strong);border-bottom:none;font-variant-numeric:tabular-nums;font-weight:700;padding:10px 8px}.grid__footlabel{position:sticky;left:0;z-index:4;text-align:left;padding-left:14px;font-size:.78rem;color:var(--muted);box-shadow:1px 0 0 var(--border)}.grid__foottotal{text-align:center}.grid__foottotal.is-today{background:var(--today);color:var(--primary)}.grid__footweek{text-align:right;padding-right:14px;color:var(--primary)}.entry__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f172a1f}.entry{position:fixed;z-index:41;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 10px 30px #0f172a2e;padding:14px;text-align:left}.entry__head{margin-bottom:10px}.entry__task{font-weight:700;font-size:.95rem;color:var(--text)}.entry__ctx{font-size:.74rem;color:var(--faint);margin-top:1px}.entry__day{display:inline-block;margin-top:6px;font-size:.72rem;font-weight:700;color:var(--primary);background:var(--primary-weak);padding:2px 8px;border-radius:999px}.entry__field{display:block;margin-top:10px}.entry__flabel{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}.entry__req{color:var(--danger)}.entry__hours{width:90px;font:inherit;font-variant-numeric:tabular-nums;font-weight:600;text-align:center;padding:8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2)}.entry__reason{width:100%;resize:vertical;font:inherit;font-size:.86rem;padding:8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2)}.entry__hours:focus,.entry__reason:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-weak);background:#fff}.entry__hours[readonly],.entry__reason[readonly]{background:var(--surface-3);color:var(--muted)}.entry__error{margin-top:8px;font-size:.78rem;font-weight:600;color:var(--danger);background:var(--danger-weak);border-radius:var(--radius-sm);padding:6px 8px}.entry__actions{display:flex;align-items:center;gap:8px;margin-top:12px}.entry__spacer{flex:1}.entry__btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:600;font-size:.82rem;padding:7px 14px;border-radius:var(--radius-sm)}.entry__btn:hover{background:var(--surface-3)}.entry__btn--primary{border-color:var(--primary);background:var(--primary);color:#fff}.entry__btn--primary:hover{background:var(--primary-strong)}.entry__btn--ghost{border-color:transparent;background:transparent;color:var(--danger)}.entry__btn--ghost:hover{background:var(--danger-weak)}.entry__hint{margin-top:10px;font-size:.72rem;color:var(--faint);text-align:center}.panel{padding:40px 24px;text-align:center}.panel--error .panel__title{font-weight:600;margin-bottom:6px}.panel__detail{color:var(--muted);font-size:.82rem;margin-bottom:14px;word-break:break-word}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--primary);font-weight:600;padding:8px 16px;border-radius:var(--radius-sm)}.btn:hover{background:var(--primary-weak)}.grid__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:.9rem}.summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.summary__progress{display:flex;align-items:center;gap:10px;min-width:220px}.summary__bar{width:160px;height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.summary__fill{height:100%;background:var(--primary);border-radius:999px;transition:width .25s ease}.summary__fill.is-complete{background:var(--ok)}.summary__nums{font-size:.86rem;font-variant-numeric:tabular-nums;white-space:nowrap}.summary__target{color:var(--muted)}.summary__done{color:var(--ok);font-weight:800}.summary__actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.summary__notice{font-size:.8rem;color:var(--muted);font-weight:600}.summary__copy{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:600;font-size:.82rem;padding:6px 12px;border-radius:var(--radius-sm)}.summary__copy:hover:not(:disabled){background:var(--surface-3)}.summary__submit{border:1px solid var(--primary);background:var(--primary);color:#fff;font-weight:700;font-size:.82rem;padding:6px 14px;border-radius:var(--radius-sm)}.summary__submit:hover:not(:disabled){background:var(--primary-strong)}.summary__recall{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:600;font-size:.82rem;padding:6px 14px;border-radius:var(--radius-sm)}.summary__recall:hover:not(:disabled){background:var(--surface-3)}.statuspill{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:999px}.statuspill--open{color:var(--muted);background:var(--surface-3)}.statuspill--submitted{color:var(--primary);background:var(--primary-weak)}.statuspill--approved{color:var(--ok);background:var(--ok-weak)}.entry__suggest{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.entry__suggestlabel{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);margin-right:2px}.entry__chip{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:.76rem;padding:3px 9px;border-radius:999px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry__chip:hover{border-color:var(--primary);background:var(--primary-weak);color:var(--primary)}.entry__repeat{margin-top:10px;border:none;background:transparent;color:var(--primary);font-weight:600;font-size:.8rem;padding:2px 0}.entry__repeat:hover{text-decoration:underline}.grid__foottotal.is-met{color:var(--ok)}.grid__foottotal.is-partial{color:var(--text)}.grid__foottotal.is-empty{color:var(--faint)}.m-app{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg);position:relative}.m-top{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.m-nav{width:36px;height:36px;flex:none;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);font-size:20px;line-height:1;color:var(--text)}.m-nav:disabled{opacity:.4}.m-week{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.m-week__range{font-weight:700;font-size:.92rem}.m-status{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 8px;border-radius:999px}.m-status--open{color:var(--muted);background:var(--surface-3)}.m-status--submitted{color:var(--primary);background:var(--primary-weak)}.m-status--approved{color:var(--ok);background:var(--ok-weak)}.m-progress{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.m-progress__bar{flex:1;height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.m-progress__fill{height:100%;background:var(--primary);border-radius:999px;transition:width .25s ease}.m-progress__fill.is-complete{background:var(--ok)}.m-progress__num{font-size:.76rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.m-days{display:flex;gap:4px;padding:10px 8px;background:var(--surface);border-bottom:1px solid var(--border)}.m-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0 6px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted)}.m-day__name{font-size:.66rem;font-weight:700;text-transform:uppercase}.m-day__date{font-size:.95rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.m-day__dot{width:5px;height:5px;border-radius:50%;background:transparent}.m-day__dot.has{background:var(--primary)}.m-day.is-today .m-day__date{color:var(--primary)}.m-day.is-sel{background:var(--primary);border-color:var(--primary)}.m-day.is-sel .m-day__name,.m-day.is-sel .m-day__date{color:#fff}.m-day.is-sel .m-day__dot.has{background:#fff}.m-dayhead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px 6px}.m-dayhead__label{font-size:.9rem;color:var(--muted)}.m-dayhead__label strong{color:var(--text)}.m-copy{border:1px solid var(--border-strong);background:var(--surface);color:var(--primary);font-size:.76rem;font-weight:600;padding:5px 10px;border-radius:999px}.m-copy:disabled{opacity:.5}.m-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 12px 0}.m-client{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);padding:12px 4px 6px}.m-task{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:8px}.m-task:active{background:var(--surface-2)}.m-task.is-missing{border-color:#fcd34d;background:var(--warn-weak)}.m-task__main{flex:1;min-width:0}.m-task__title{font-weight:600;font-size:.95rem}.m-task__sub{font-size:.76rem;color:var(--faint);margin-top:1px}.m-task__note{font-size:.78rem;color:var(--muted);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-task__needs{color:var(--warn);font-weight:600}.m-task__right{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.m-task__hours{font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.m-task__add{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primary-weak);color:var(--primary);font-size:20px;font-weight:700}.m-task__bal{font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--faint);white-space:nowrap}.m-task__bal--near{color:var(--warn)}.m-task__bal--over{color:var(--danger)}.m-listpad{height:8px}.m-bottom{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface);border-top:1px solid var(--border)}.m-bottom__spacer{flex:1}.m-notice{font-size:.8rem;font-weight:600;color:var(--muted)}.m-needchip{border:1px solid #fcd34d;background:var(--warn-weak);color:var(--warn);font-weight:700;font-size:.8rem;padding:7px 11px;border-radius:999px}.m-submit{border:none;background:var(--primary);color:#fff;font-weight:700;font-size:.9rem;padding:10px 18px;border-radius:12px}.m-submit:disabled{opacity:.5}.m-recall{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:600;font-size:.9rem;padding:10px 18px;border-radius:12px}.m-recall:disabled{opacity:.5}.m-error{padding:40px 20px;text-align:center}.m-error__detail{color:var(--muted);font-size:.8rem;margin:6px 0 12px}.m-retry{border:1px solid var(--border-strong);background:var(--surface);color:var(--primary);font-weight:600;padding:8px 16px;border-radius:10px}.sheet__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a66;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:430px;background:var(--surface);border-radius:20px 20px 0 0;padding:8px 18px max(18px,env(safe-area-inset-bottom));box-shadow:0 -8px 30px #0f172a38;animation:sheet-up .2s ease;max-height:92%;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet__grab{width:38px;height:4px;border-radius:999px;background:var(--border-strong);margin:6px auto 12px}.sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.sheet__task{font-weight:700;font-size:1.05rem}.sheet__ctx{font-size:.78rem;color:var(--faint);margin-top:1px}.sheet__day{flex:none;font-size:.74rem;font-weight:700;color:var(--primary);background:var(--primary-weak);padding:3px 10px;border-radius:999px;white-space:nowrap}.sheet__label{display:block;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}.sheet__req{color:var(--danger)}.sheet__hours{width:100%;font-size:2rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;padding:10px;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface-2);color:var(--text)}.sheet__hours:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-weak);background:#fff}.sheet__presets{display:flex;gap:8px;margin:10px 0 18px}.sheet__preset{flex:1;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:700;font-size:.92rem;padding:9px 0;border-radius:12px}.sheet__preset.is-active{border-color:var(--primary);background:var(--primary);color:#fff}.sheet__labelrow{display:flex;align-items:center;justify-content:space-between}.sheet__mic{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border-strong);background:var(--surface);color:var(--primary);font-weight:700;font-size:.78rem;padding:5px 11px;border-radius:999px;margin-bottom:6px}.sheet__mic.is-listening{border-color:var(--danger);background:var(--danger-weak);color:var(--danger);animation:mic-pulse 1.1s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #dc262659}50%{box-shadow:0 0 0 6px #dc262600}}.sheet__reason{width:100%;resize:vertical;font:inherit;font-size:.95rem;padding:11px 12px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-2)}.sheet__reason:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-weak);background:#fff}.sheet__suggest{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.sheet__chip{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:.82rem;padding:6px 12px;border-radius:999px}.sheet__chip:active{background:var(--primary-weak);border-color:var(--primary);color:var(--primary)}.sheet__error{margin-top:12px;font-size:.84rem;font-weight:600;color:var(--danger);background:var(--danger-weak);border-radius:10px;padding:9px 12px}.sheet__save{width:100%;margin-top:16px;border:none;background:var(--primary);color:#fff;font-weight:700;font-size:1rem;padding:14px;border-radius:14px}.sheet__minor{display:flex;justify-content:space-between;margin-top:10px}.sheet__link{border:none;background:transparent;color:var(--primary);font-weight:600;font-size:.86rem;padding:6px 2px}.sheet__link--danger{color:var(--danger)}:root{--bg: #f4f4f5;--surface: #ffffff;--surface-2: #fafafa;--surface-3: #f1f1f2;--border: #e4e4e7;--border-strong: #d4d4d8;--text: #212121;--muted: #757575;--faint: #bdbdbd;--primary: #ff4522;--primary-strong: #e23d1a;--primary-weak: #fff1ed;--primary-text: #ffffff;--ink: #212121;--accent: #537cff;--ok: #0e9f6e;--ok-weak: #ecfdf5;--warn: #b45309;--warn-weak: #fffbeb;--danger: #dc2626;--danger-weak: #fef2f2;--today: #fff5f2;--today-line: #ffd9cd;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(33, 33, 33, .06), 0 4px 16px rgba(33, 33, 33, .08);--font: "Ubuntu", "Segoe UI", Verdana, system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}h1,p{margin:0}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;background:var(--surface);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:1px 5px;color:var(--muted)}.app{min-height:100%;display:flex;flex-direction:column}.app__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 24px;background:var(--ink);border-bottom:1px solid #000}.app__brand{display:flex;align-items:center;gap:14px}.vlogo{display:inline-flex;align-items:center;gap:.36em;line-height:1;white-space:nowrap}.vlogo__mark{display:block;flex:none}.vlogo__word{font-family:"Ubuntu",var(--font);font-weight:700;font-size:1.04em;letter-spacing:-.012em;line-height:1}.vlogo__r{font-size:.34em;font-weight:500;vertical-align:top;position:relative;top:.2em;margin-left:.12em;opacity:.85}.app__brand-div{width:1px;height:22px;background:#ffffff2e}.app__title{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;color:#fff}.app__subtitle{font-size:.8rem;color:#bdbdbd}.app__badge{font-size:.72rem;font-weight:600;color:var(--warn);background:var(--warn-weak);border:1px solid #fde68a;padding:4px 10px;border-radius:999px}.app__main{flex:1;padding:20px 24px;min-height:0}.app__foot{padding:12px 24px;font-size:.8rem;color:var(--muted);border-top:1px solid var(--border);background:var(--surface)}.app__foot kbd{margin:0 1px}.app__headright{display:flex;align-items:center;gap:12px}.viewtoggle{display:inline-flex;background:#ffffff1a;border-radius:999px;padding:3px;gap:2px}.viewtoggle__btn{border:none;background:transparent;color:#d4d4d8;font-weight:600;font-size:.78rem;padding:5px 12px;border-radius:999px}.viewtoggle__btn.is-active{background:#fff;color:var(--primary);box-shadow:0 1px 2px #00000040}.app__main--app{display:flex;justify-content:center;padding:16px;background:var(--surface-3)}.appframe{display:flex;flex-direction:column;width:100%;max-width:430px;min-height:0}.appframe--framed{border:1px solid var(--border-strong);border-radius:28px;overflow:hidden;background:var(--bg);box-shadow:0 24px 60px #0f172a38;height:calc(100vh - 150px);min-height:560px}@media (max-width: 640px){.app__header,.app__main,.app__foot{padding-left:14px;padding-right:14px}}@media (max-width: 720px){.app__main--app{padding:0;background:var(--bg)}.appframe{max-width:none}.app__subtitle,.viewtoggle{display:none}.app__title{white-space:nowrap}}