.app{--r:var(--app-radius,12px);background:var(--app-bg);height:100%;min-height:640px;color:var(--app-text);font-family:var(--app-font);font-size:14px;display:flex;position:relative}.app-nav{border-right:1px solid var(--app-border);background:var(--app-surface);flex-direction:column;flex:none;gap:2px;width:188px;padding:18px 10px;display:flex}.app-brand{letter-spacing:-.02em;color:var(--app-accent);padding:0 10px 14px;font-size:17px;font-weight:700}.app-nav button{text-align:left;color:var(--app-muted);background:0 0;border:0;border-radius:8px;padding:8px 10px;font-weight:500}.app-nav button.is-on{background:var(--app-accent-soft);color:var(--app-text)}.app-main{flex:1;min-width:0;overflow-y:auto}.app-phonebar{justify-content:space-between;align-items:baseline;padding:16px 16px 4px;display:flex}.app-phonebar b{color:var(--app-accent);font-size:16px}.app-phonebar span{color:var(--app-muted);font-size:12px}.app-tabs{border-top:1px solid var(--app-border);background:var(--app-surface);display:flex}.app-tabs button{color:var(--app-muted);background:0 0;border:0;flex:1;padding:12px 0 16px;font-size:12px;font-weight:600}.app-tabs button.is-on{color:var(--app-accent)}.app-toast{color:#fff;background:var(--app-good);border-radius:10px;max-width:calc(100% - 32px);padding:10px 14px;font-size:13px;font-weight:600;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000026}.app-toast.tone-bad{background:#b8403a}.ui-page{flex-direction:column;gap:18px;padding:22px 24px 32px;display:flex}.is-phone .ui-page{gap:12px;padding:10px 14px 24px}.ui-page-head h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.ui-page-head p{color:var(--app-muted);margin:4px 0 0}.is-phone .ui-page-head h1{font-size:19px}.ui-page-body{flex-direction:column;gap:16px;display:flex}.ui-split{align-items:start;gap:20px;display:grid}.ui-split>*{min-width:0}.ui-stack{flex-direction:column;min-width:0;display:flex}.ui-list{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--r);flex-direction:column;max-height:620px;display:flex;overflow:hidden auto}.ui-list button{border:0;border-bottom:1px solid var(--app-border);text-align:left;background:0 0;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.ui-list button:last-child{border-bottom:0}.ui-list button .t{font-size:13.5px;font-weight:600;line-height:1.35}.ui-list button .meta{color:var(--app-muted);font-size:12px}.ui-list button.is-on{background:var(--app-accent-soft);box-shadow:inset 3px 0 0 var(--app-accent)}.ui-chips{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.ui-chips button{border:1px solid var(--app-border);background:var(--app-surface);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:none;max-width:220px;padding:7px 12px;font-size:12.5px;font-weight:600;overflow:hidden}.ui-chips button.is-on{background:var(--app-accent);border-color:var(--app-accent);color:#fff}.ui-seg{background:var(--app-surface);border:1px solid var(--app-border);border-radius:10px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.ui-seg button{color:var(--app-muted);background:0 0;border:0;border-radius:7px;padding:6px 14px;font-size:13px;font-weight:600}.ui-seg button.is-on{background:var(--app-accent-soft);color:var(--app-text)}.ui-grid{gap:14px;display:grid}.ui-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--r);flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex;position:relative}.ui-card.is-picked{border-color:var(--app-accent);box-shadow:0 0 0 3px var(--app-accent-soft)}.ui-picked{color:var(--app-accent);text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;font-size:11px;font-weight:700}.ui-empty{text-align:center;color:var(--app-muted);background:var(--app-surface);border:1px dashed var(--app-border);border-radius:var(--r);padding:28px}.ui-error{color:#b8403a;border-radius:var(--r);background:#fcedec;padding:14px}.ui-skeleton{flex-direction:column;gap:10px;display:flex}.ui-skeleton span{border-radius:var(--r);background:linear-gradient(90deg, var(--app-border), var(--app-surface), var(--app-border));background-size:200% 100%;height:56px;animation:1.2s linear infinite sk}@media (prefers-reduced-motion:reduce){.ui-skeleton span{animation:none}}.pv{gap:10px;min-width:0;display:flex}.pv-li{flex-direction:column}.pv-head{align-items:center;gap:10px;display:flex}.pv-head div:last-child{flex-direction:column;display:flex}.pv-head b,.pv-who b{font-size:13.5px}.pv-head span,.pv-who span{color:var(--app-muted);font-size:12px}.pv-av{background:var(--app-accent-soft);width:38px;height:38px;color:var(--app-accent);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.pv-av.sq{border-radius:8px}.pv-main{flex-direction:column;gap:6px;min-width:0;display:flex}.pv-body{white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.5}.pv-body.clamp{-webkit-line-clamp:7;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pv-img{border:1px solid var(--app-border);border-radius:10px;width:100%;display:block}.pv-meta{color:var(--app-muted);justify-content:space-between;gap:8px;font-size:11.5px;display:flex}.pv-meta .over{color:#b8403a;font-weight:700}.ui-badge{text-transform:capitalize;background:var(--app-bg);color:var(--app-muted);border-radius:999px;align-self:flex-start;padding:3px 9px;font-size:11.5px;font-weight:700}.ui-badge.tone-good{color:#17724a;background:#e3f5ec}.ui-badge.tone-warn{color:#8a5b06;background:#fbf0da}.ui-badge.tone-info{background:var(--app-accent-soft);color:var(--app-accent)}.ui-badge.tone-bad{color:#b8403a;background:#fcedec}.ui-btnrow{flex-wrap:wrap;gap:8px;display:flex}.ui-btn{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);border-radius:9px;padding:7px 13px;font-size:13px;font-weight:600}.ui-btn.primary{background:var(--app-accent);border-color:var(--app-accent);color:#fff}.ui-btn.ghost{color:var(--app-accent);background:0 0;border-color:#0000}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.ui-stat{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--r);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.ui-stat b{font-variant-numeric:tabular-nums;font-size:24px}.ui-stat span{color:var(--app-muted);font-size:12px}.ui-stat.zero b{color:var(--app-muted)}.ui-tablewrap{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--r);overflow-x:auto}.ui-table{border-collapse:collapse;width:100%;font-size:13px}.ui-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--app-muted);border-bottom:1px solid var(--app-border);padding:10px 12px;font-size:11.5px;font-weight:600}.ui-table td{border-bottom:1px solid var(--app-border);font-variant-numeric:tabular-nums;padding:9px 12px}.ui-table tr:last-child td{border-bottom:0}.ui-rows{flex-direction:column;gap:8px;display:flex}.ui-rowcard{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--r);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.ui-rowcard b{font-size:13px;line-height:1.35}.ui-rowcard div{color:var(--app-muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px;display:flex}.ui-text{color:var(--app-muted);margin:0}.app-nav-note{color:var(--app-muted);margin-top:auto;padding:0 10px;font-size:12px}.app-route{color:var(--app-muted);background:var(--app-surface);border:1px solid var(--app-border);border-radius:999px;align-self:flex-start;margin:12px 24px 0;padding:3px 10px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;display:inline-block}.ui-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--app-muted);margin:4px 0 -6px;font-size:13px;font-weight:700}.ui-form{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--r);flex-direction:column;gap:14px;max-width:440px;padding:20px;display:flex}.is-phone .ui-form{max-width:none;padding:16px}.ui-field{flex-direction:column;gap:5px;display:flex}.ui-field label{font-size:13px;font-weight:600}.ui-field input{border:1px solid var(--app-border);background:var(--app-bg);color:var(--app-text);border-radius:9px;min-width:0;padding:9px 11px;font-size:14px}.ui-field input:focus{outline:2px solid var(--app-accent);outline-offset:0;border-color:var(--app-accent);background:var(--app-surface)}.ui-field.has-error input{border-color:#b8403a}.ui-help{color:var(--app-muted);font-size:12px}.ui-err{color:#b8403a;font-size:12px;font-weight:600}.ui-submit{align-self:stretch;padding:10px 14px;font-size:14px}.ui-form-error{color:#b8403a;background:#fcedec;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:600}.ui-form-note{color:var(--app-muted);margin:0;font-size:12px}.ui-link{color:var(--app-muted);margin:0;font-size:13.5px}.ui-link a{color:var(--app-accent);font-weight:600;text-decoration:none}.ui-link a:hover{text-decoration:underline}.ui-steps{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ui-steps li{color:var(--app-muted);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.ui-steps li+li:before{content:"";background:var(--app-border);width:18px;height:1px}.ui-steps .n{border:1px solid var(--app-border);background:var(--app-surface);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11.5px;display:grid}.ui-steps li.is-on{color:var(--app-text)}.ui-steps li.is-on .n{background:var(--app-accent);border-color:var(--app-accent);color:#fff}.ui-steps li.is-done .n{background:var(--app-accent-soft);border-color:var(--app-accent-soft);color:var(--app-accent)}.is-phone .ui-steps .l{display:none}.is-phone .ui-steps li.is-on .l{display:inline}.player-stage.is-phone .app{border:10px solid #1a1f2c;border-radius:36px;flex-direction:column;width:min(390px,100%);height:780px;min-height:0;overflow:hidden}.player-stage.is-phone .app-main{flex-direction:column;display:flex}.player-stage.is-phone .app-main>section{flex:1}.player-stage.is-phone .app-tabs{position:sticky;bottom:0}.player-stage.is-phone .app-tabs button{flex-direction:column;align-items:center;gap:2px;padding:8px 0 12px;font-size:10.5px;display:flex}.app-nav{overflow-y:auto}.app-nav-group{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.app-nav-label{text-transform:uppercase;letter-spacing:.06em;color:var(--app-muted);opacity:.8;padding:4px 10px;font-size:11px;font-weight:700}.app-nav button .ic{width:18px;color:var(--app-accent);display:inline-block}.app-nav-foot{border-top:1px solid var(--app-border);color:var(--app-muted);overflow-wrap:anywhere;flex-direction:column;gap:4px;margin-top:auto;padding:10px;font-size:12px;display:flex}.app-nav-foot .role{text-transform:capitalize;color:var(--app-text);font-weight:600}.app-nav-foot button{color:var(--app-accent)!important;padding:6px 0!important}.ui-text.tone-strong{color:var(--app-text);font-size:14.5px;font-weight:650;line-height:1.35}.ui-card .ui-text{overflow-wrap:anywhere}.ui-card .ui-text:not(.tone-strong){-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ui-img{object-fit:cover;background:var(--app-accent-soft);border-radius:10px;display:block}.ui-img.shape-wide{aspect-ratio:1.91;width:100%}.ui-img.shape-square{aspect-ratio:1;width:100%}.ui-img.shape-round{border-radius:50%;width:48px;height:48px}.ui-field select,.ui-field textarea{border:1px solid var(--app-border);background:var(--app-bg);color:var(--app-text);border-radius:9px;min-width:0;padding:9px 11px;font-size:14px}.ui-form{align-self:start}.ui-cal{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--r);min-width:0;padding:12px}.ui-cal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ui-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.ui-cal-dow{color:var(--app-muted);text-align:center;padding:2px 0;font-size:11px;font-weight:700}.ui-cal-day{border:1px solid var(--app-border);border-radius:8px;flex-direction:column;gap:3px;min-width:0;min-height:74px;padding:4px;display:flex}.ui-cal-day .n{color:var(--app-muted);font-size:11px}.ui-cal-item{background:var(--app-accent-soft);color:var(--app-text);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:2px 4px;font-size:10.5px;overflow:hidden}.ui-cal-item.tone-good{background:#e3f5ec}.ui-cal-item.tone-warn{background:#fbf0da}.ui-cal-item.tone-bad{background:#fcedec}.is-phone .ui-cal-day{min-height:44px}.ui-grid{align-items:start}.pv{width:100%;max-width:560px;margin-inline:auto}.pv-img{object-fit:cover;cursor:zoom-in;width:100%;max-height:420px}.ui-img.shape-wide,.ui-img.shape-square{object-fit:cover;max-height:320px}.pl-root{height:100vh;min-height:0;overflow:hidden}.pl-root .app-nav{height:100vh}.pl-root button{cursor:pointer;font-family:inherit}.pl-root.is-phone{flex-direction:column}.pl-root.is-phone .app-main{flex:1}.pl-tabs{flex:none}.pl-tabs button{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 12px;font-size:10.5px;display:flex;overflow:hidden}.pl-sheet{z-index:20;background:#14182859;align-items:flex-end;display:flex;position:absolute;inset:0}.pl-sheet-in{border-right:0;border-radius:16px 16px 0 0;width:100%;max-height:75vh;height:auto!important}.pl-guest-brand{color:var(--app-accent);padding:22px 24px 0;font-size:17px;font-weight:700}.pl-ver{opacity:.7;font-size:11px}.pl-stats{opacity:.75;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.pl-root .ui-form{width:100%}.pl-root .app-main:has(>.pl-guest-brand){flex-direction:column;align-items:center;padding:64px 24px 32px;display:flex}.pl-root .app-main:has(>.pl-guest-brand)>.pl-guest-brand{width:min(100%,480px);padding:0;font-size:24px}.pl-root .app-main:has(>.pl-guest-brand)>.ui-page{gap:24px;width:min(100%,480px);padding:28px 0 0}.pl-root .app-main:has(>.pl-guest-brand) .ui-form{gap:20px;max-width:none;padding:28px}.pl-root .app-main:has(>.pl-guest-brand) .ui-field input{min-height:46px}.pl-root .app-main:has(>.pl-guest-brand) .ui-submit{min-height:46px}@media (width<=767px){.pl-root .app-main:has(>.pl-guest-brand){padding:28px 20px}.pl-root .app-main:has(>.pl-guest-brand) .ui-form{padding:20px}}.pl-json{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:20px;font-size:12px}.pl-full{color:#6b7189;text-align:center;background:#f7f8fc;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;font-family:Manrope,system-ui,sans-serif;display:flex}.pl-spinner{border:3px solid #eceeff;border-top-color:#5b6cff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite pl-spin}@keyframes pl-spin{to{transform:rotate(360deg)}}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-stack.is-sticky{z-index:10;background:var(--app-bg);border-bottom:1px solid var(--app-border);padding-block:10px;position:sticky;top:0}.pl-root .ui-seg{flex-wrap:wrap;min-width:0;max-width:100%}.pl-root .ui-seg button{overflow-wrap:anywhere}
