@font-face{font-family:Inter;src:url('/assets/inter-600.ttf') format('truetype');font-weight:400;font-display:swap}
/* Readiness belongs to the roster and has no button surface. */
.team-readiness{display:flex;flex-direction:column;gap:8px;margin:24px 0 0;color:var(--stone);text-align:center}
.team-readiness-heading{display:flex;align-items:center;justify-content:center;gap:8px}
.team-readiness-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 20px;min-height:22px;font:500 20px/22px Inter,sans-serif}
.team-readiness-label{margin:0;font:500 16px/22px Inter,sans-serif}
.team-readiness-note{margin:0;font:400 16px/1.5 Inter,sans-serif;color:var(--stone)}
.team-readiness.is-ready .team-readiness-symbol{color:#b9c99a}
.phone .team-members-heading{display:flex;align-items:center;gap:12px;margin:24px 0 16px;color:#ead8be;font:600 22px/1.3 Inter,sans-serif}
.team-members-icon{display:block;flex:none;width:40px;height:36px;margin:-4px 0;color:var(--coral);background:currentColor;mask:url('/assets/icons/designer-base-lino.svg') center/contain no-repeat;-webkit-mask:url('/assets/icons/designer-base-lino.svg') center/contain no-repeat}
.team-members-count{color:var(--coral);white-space:nowrap}
@font-face{font-family:Inter;src:url('/assets/inter-600.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Alegreya;src:url('/assets/alegreya-sans-sc-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Alegreya;src:url('/assets/alegreya-sans-sc-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Alegreya;src:url('/assets/alegreya-sans-sc-900.ttf') format('truetype');font-weight:900;font-display:swap}
:root{color-scheme:dark;font-family:Inter,sans-serif;font-synthesis:none;color:#F1E5E3;background:#141416;--text-primary:#F1E5E3;--text-secondary:#A57B71;--text-tertiary:#634037;--muted:#929296;--line:#303034;--panel:#1b1b1e;--hover:#2b2b30;--ink:#1c0301;--oxblood:#290501;--mahogany:#461813;--coral:#db3f2e;--flame:#fe5000;--stone:var(--text-secondary);--dusty:#5c2e29;--red-muted:#87342a;--vermilion:#d23e2b}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #c3c3d0;outline-offset:3px}button{color:inherit}p,h1,h2,h3{margin:0}input,select{min-width:0}button{touch-action:manipulation}img{display:block}button{border:0}button:hover:not(:disabled){filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(1px)}button[aria-pressed=true]{color:#fff}button,select,input{transition:background-color .12s ease}::selection{background:#79534e;color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#434047;border-radius:4px}::-webkit-scrollbar-track{background:transparent}
.workspace-header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#18181b;gap:16px}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#2a2423;border:1px solid #5c3933;color:#f0806e;font:900 26px Alegreya}.brand>div{display:flex;gap:8px;align-items:baseline}.brand strong{font-size:15px;font-weight:600}.brand>div>span{font-size:13px;color:var(--muted)}.prototype-tag{font-size:9px;letter-spacing:1.1px;border:1px solid #444449;border-radius:4px;padding:4px 6px;color:#ababaf;margin-left:6px}.header-actions{display:flex;gap:16px;align-items:center}.saved-label{font-size:11px;color:#929298}.workspace{display:grid;grid-template-columns:272px minmax(442px,1fr) 308px;min-height:calc(100vh - 72px)}
.control-panel{background:var(--panel);border-right:1px solid var(--line);padding:8px 20px 20px}.panel-section{padding:20px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.panel-section h2,.section-heading h2,.inspector h2{font-size:12px;font-weight:600}.tiny-label{color:#85858c;font-size:10px}.segmented{display:flex;gap:3px;padding:3px;background:#111113;border:1px solid #323237;border-radius:7px}.segmented button{flex:1;background:transparent;font-size:12px;color:#9a9aa2;border-radius:4px;padding:8px 10px;white-space:nowrap}.segmented button[aria-pressed=true]{background:#38383e;color:#fff;box-shadow:0 1px 3px #0004}.segmented button>span{font-size:10px;margin-left:4px;color:#a2a2aa}.tool-input{display:block;width:100%;background:#252529;color:#e3e3e7;border:1px solid #3b3b42;border-radius:6px;padding:10px;font-size:12px;line-height:1.3;min-height:36px}.tool-input::placeholder{color:#898990}select.tool-input{padding-right:20px}.roster-search{margin:12px 0 8px;background:#1b1b1e}.actor-list{max-height:246px;overflow:auto;margin:0 -8px;padding:0 4px}.actor-option{background:transparent;display:flex;align-items:center;width:100%;text-align:left;padding:9px 8px;gap:10px;border:1px solid transparent;border-radius:6px}.actor-option:hover{background:#26262b}.actor-option.selected{background:#303036;border-color:#48484f}.actor-option>.portrait{width:32px;height:32px}.actor-option>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.actor-option strong{font-size:12px;font-weight:500}.actor-option small{font-size:10px;color:#96969e}.actor-count{font-size:11px;color:#a6a6af;font-variant-numeric:tabular-nums}.actor-check{visibility:hidden;font-size:12px;color:#dedee4}.actor-option.selected .actor-check{visibility:visible}.actor-option small.green{color:#86b796}.actor-option small.orange{color:#e3a675}.actor-option small.amber{color:#d8bb7e}.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#29292e;border:1px solid #404047;border-radius:6px;font-size:11px;font-weight:500;padding:9px 12px;min-height:34px;white-space:nowrap}.tool-button:hover:not(:disabled){background:#35353c;filter:none}.tool-button.full{width:100%;justify-content:space-between;margin-top:8px}.tool-button.primary{background:#e8e8eb;color:#17171a;border-color:#e8e8eb}.tool-button.danger{background:#9f4137;border-color:#b95548;color:#fff}.tool-button.danger-subtle{color:#e6aaa4}.clock-value{font-size:20px;font-weight:500;letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin-bottom:6px}.clock-subtitle{font-size:10px;color:#9999a2;line-height:1.5}.time-steps{display:flex;gap:6px;margin-top:16px}.time-steps button{flex:1;padding-inline:6px}.status-dot{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:#a5a5ae}.status-dot::before{content:'';width:5px;height:5px;background:#8a8a94;border-radius:50%}.status-dot.playing::before{background:#8cbaa1}.status-dot.playing{color:#aac5b5}.field-label{display:block;font-size:11px;color:#a5a5af;margin:16px 0 8px}.scenario-hint{font-size:11px;color:#94949e;line-height:1.65;min-height:37px;margin:10px 0}.panel-section>h2{margin-bottom:12px}.settings summary{font-size:12px;font-weight:500;cursor:pointer;color:#bebec7}.help-text{color:#92929b;font-size:11px;line-height:1.6;margin-top:8px}.rule-list{font-size:11px;line-height:1.7;color:#a3a3ae;padding-left:16px;margin:16px 0}.rule-list li{margin-bottom:7px}.panel-footnote{font-size:10px;color:#777780;padding-top:20px}.stage{padding:27px 28px 24px;min-width:0;background:#141416}.stage-top{max-width:600px;margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#8c8c96}.stage-top h2{font-size:14px;font-weight:500;margin-top:8px}.stage-top h2>span{font-size:11px;color:#85858f;font-weight:400;margin-left:8px}.viewport-label{font-size:10px;color:#7d7d87;border:1px solid #323237;border-radius:4px;padding:5px 7px;white-space:nowrap}.phone-wrap{width:392px;max-width:100%;margin:auto;border:1px solid #55362f;box-shadow:0 20px 64px #0006}.phone{height:798px;max-height:calc(100vh - 206px);min-height:560px;width:390px;max-width:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--ink);color:white;font:600 18px/1.3 Inter,sans-serif;letter-spacing:-.36px}.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:600px;margin:19px auto 0;font-size:10px;color:#7d7d87}.inspector{border-left:1px solid var(--line);padding:29px 20px 20px;background:var(--panel);display:flex;flex-direction:column;min-width:0}.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-label{font-size:9px;color:#8e8e98}.overview-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.overview-summary>div{display:flex;flex-direction:column;gap:6px}.overview-summary strong{font-size:26px;font-weight:500;letter-spacing:-1px}.overview-summary strong>span{color:#6e6e79;font-size:16px;margin-left:3px}.overview-summary small{font-size:10px;color:#9898a1}.inspector-scroll{max-height:calc(100vh - 300px);min-height:420px;overflow:auto;margin:0 -8px;padding:0 8px 12px}.overview-legend{display:flex;justify-content:space-between;font-size:9px;color:#8d8d97;margin:20px 0 4px;gap:8px}.overview-legend>span{display:flex;align-items:center;gap:5px}.overview-legend i,.member-dot,.offer-dot{display:inline-block;width:6px;height:6px;border-radius:2px;background:#42424a;flex-shrink:0}.overview-legend .member-dot,.member-dot{background:#7fae91}.overview-legend .offer-dot,.offer-dot{background:#bd8765}.team-overview{padding:18px 0;border-bottom:1px solid var(--line)}.team-overview-title{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;padding:0;gap:12px}.team-overview-title>span{display:flex;flex-direction:column;gap:5px}.team-overview-title strong{font-size:13px;font-weight:500}.team-overview-title small{font-size:10px;color:#90909b}.team-overview-title>b{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}.team-overview-title>b>span{color:#767681;font-size:12px}.seat-track{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:14px 0}.seat-track>span{height:5px;border-radius:2px;background:#35353c}.seat-track .member{background:#7fae91}.seat-track .offer{background:#bd8765}.team-overview-people>button{display:flex;align-items:center;gap:8px;width:100%;font-size:11px;text-align:left;background:transparent;color:#c3c3cd;padding:6px 0}.team-overview-people small{margin-left:auto;color:#858590;font-size:9px}.muted{font-size:11px;line-height:1.6;color:#888894}.inspector-footer{font-size:10px;line-height:1.6;color:#858590;margin-top:16px}.organizer{margin-top:24px}.count-badge{font-size:11px;background:#5d4730;color:#e6c39a;padding:3px 6px;border-radius:4px}.resolution{padding:16px 0;border-bottom:1px solid var(--line)}.text-button{background:transparent;color:#b6b6c4;font-size:11px;padding:0;text-align:left}.text-button:hover{text-decoration:underline}.resolution>.text-button{margin-bottom:10px;display:flex;justify-content:space-between;width:100%;color:#e5d1ad;font-weight:500}.resolution-actions{display:flex;gap:6px;margin-top:8px}.resolution-actions button{flex:1;padding:8px 6px;font-size:10px}.events{list-style:none;padding:20px 0 0;margin:0}.event{display:flex;align-items:flex-start;gap:10px;padding-bottom:20px}.event-dot{width:6px;height:6px;border-radius:50%;margin-top:4px;background:#6e6e7b;flex-shrink:0}.event.offer .event-dot{background:#bd8765}.event.joined .event-dot{background:#7fae91}.event.attention .event-dot{background:#e3bd7a}.event time{font-size:9px;color:#83838e}.event p{font-size:11px;color:#bcbcc6;line-height:1.65;margin:5px 0 6px}.event .text-button{font-size:10px;color:#8b9eae}.mobile-tools{display:none}
/* The Mini App uses the actual production palette, typography and Lino contours. */
.cut{position:relative;isolation:isolate;border:0;background:transparent;--surface-border:var(--dusty);--surface-bg:var(--oxblood)}.cut::before,.cut::after{content:'';position:absolute;inset:calc(-1 * var(--cut-bleed,4px));pointer-events:none}.cut::before{z-index:-2;background:var(--surface-border);clip-path:var(--cut-0,inset(50%))}.cut::after{z-index:-1;background:var(--surface-bg);clip-path:var(--cut-1,inset(50%))}.phone button:focus-visible,.phone input:focus-visible,.phone summary:focus-visible{outline-color:var(--flame)}.phone h1{font:900 32px/.96 Alegreya,sans-serif;color:var(--coral);letter-spacing:0;text-wrap:balance}.phone h2{font:700 30px/.95 Alegreya,sans-serif;letter-spacing:-1.2px}.phone h3{font:800 18px/.95 Alegreya,sans-serif;color:var(--coral);letter-spacing:0}.mini-nav{display:flex;gap:4px;margin:24px 24px 0;padding-bottom:4px;flex-shrink:0}.mini-nav button{flex:1;min-width:0;min-height:40px;padding:8px 4px;font:700 17px/24px Alegreya,sans-serif;color:var(--stone);--surface-border:var(--dusty);--surface-bg:var(--oxblood)}.mini-nav button.active{--surface-border:var(--vermilion);--surface-bg:#621616;color:#fff}.mini-scroll{flex:1;overflow:auto;min-height:0;padding:24px;scrollbar-color:var(--dusty) transparent}.mini-intro{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.mini-intro p{font-size:18px;line-height:1.3;font-weight:600}.mini-list{display:flex;flex-direction:column;gap:16px}.designer-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:16px;width:100%;text-align:left;color:white;flex-shrink:0}.designer-card:hover:not(:disabled){--surface-bg:#350905;filter:none}.portrait{position:relative;width:64px;height:64px;flex-shrink:0;display:block}.portrait>img:not(.tier){width:100%;height:100%;object-fit:cover}.portrait>.tier{position:absolute;bottom:-12px;left:calc(50% - 12px);width:24px;height:24px}.designer-card>.portrait{margin-bottom:12px}.card-identity{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.handle{color:var(--flame);font-size:18px;line-height:1.3;font-weight:600;display:block;overflow-wrap:anywhere}.card-identity>strong{font:700 26px/1.05 Alegreya,sans-serif;letter-spacing:-.8px}.card-identity .skills{color:var(--stone);font:600 18px/1.3 Inter;letter-spacing:-.36px}.card-status{grid-column:1/-1;color:var(--stone);font-size:16px;line-height:1.3;font-weight:600}.filter{margin-bottom:12px}.filter>label{display:block;margin-bottom:8px}.filter details{position:relative}.filter summary{list-style:none;min-height:60px;padding:16px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;--surface-bg:var(--mahogany);--surface-border:var(--red-muted)}.filter summary::-webkit-details-marker{display:none}.filter-options{padding:12px 0 4px;display:flex;flex-direction:column;gap:10px}.filter-options label{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--stone);cursor:pointer}.filter-options input{accent-color:var(--coral);width:20px;height:20px;flex-shrink:0;margin:0}.result-count{font-size:12px;color:#b6a19a;margin:16px 0}.mini-footer{flex-shrink:0;padding:16px 24px 24px;background:var(--ink);display:flex;flex-direction:column;gap:12px}.mini-footer.horizontal{flex-direction:row;align-items:center;gap:12px}.mini-button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:58px;padding:12px 28px;--surface-border:var(--vermilion);--surface-bg:var(--mahogany);color:white;font:700 20px/1 Alegreya,sans-serif;letter-spacing:-.8px}.mini-button>span{position:relative;z-index:1;text-align:center}.mini-button.secondary{--surface-border:var(--mahogany);--surface-bg:var(--mahogany)}.mini-button:hover:not(:disabled){--surface-bg:#57211b;filter:none}.mini-button:disabled{opacity:.45}.ornament{position:absolute;top:0;pointer-events:none}.ornament.left{left:0}.ornament.right{right:0}.mini-back{padding:0;width:60px;height:58px;flex-shrink:0;background:transparent}.mini-back img{width:60px;height:60px}.search{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px;--surface-bg:var(--mahogany);--surface-border:var(--red-muted)}.search input{min-width:0;flex:1;width:100%;border:0;background:transparent;color:white;outline-offset:6px;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.36px}.search input::placeholder{color:var(--stone)}.search>button{font-size:24px;line-height:1;color:var(--stone);padding:4px;background:transparent}.search>img{width:20px;height:20px;flex-shrink:0}.mini-note{color:var(--stone);font-size:15px;line-height:1.45;font-weight:500;margin:16px 0 24px;overflow-wrap:anywhere}.profile-identity{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:32px;text-align:center}.profile-identity>div{min-width:0;width:100%}.profile-identity .handle{font-size:20px;line-height:1.3}.phone .profile-identity h1{color:#fff;margin:0 0 2px;font:600 26px/1.25 Inter,sans-serif;letter-spacing:-.5px;text-transform:none;font-variant-caps:normal;overflow-wrap:anywhere}.profile-identity .portrait.large{width:192px;height:192px;max-width:100%;margin-bottom:20px}.profile-identity .portrait.large>.tier{width:40px;height:40px;left:calc(50% - 20px);bottom:-20px}.profile-fields{display:flex;flex-direction:column;gap:24px}.phone .profile-field h3{margin-bottom:8px;color:var(--info-main);font:600 var(--info-main-size)/1.4 Inter,sans-serif;letter-spacing:-.36px}.profile-field p{font:400 var(--info-main-size)/1.5 Inter,sans-serif;color:var(--info-secondary);letter-spacing:-.36px;overflow-wrap:anywhere}.mini-timer{padding:14px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;margin-bottom:24px;--surface-border:var(--mahogany);--surface-bg:var(--mahogany)}.mini-timer>span{font:500 var(--info-secondary-size)/1.5 Inter,sans-serif;color:var(--info-secondary)}.mini-timer>strong{font:900 40px/1 Alegreya,sans-serif;color:var(--info-main);font-variant-numeric:tabular-nums}.mini-empty{padding:24px 0;text-align:center;display:flex;flex-direction:column;gap:16px;color:var(--stone);align-items:center}.mini-empty p{max-width:300px}.mini-empty .mini-button{margin-top:12px}.mini-capacity{display:flex;align-items:baseline;gap:7px;color:var(--stone);font-size:15px;margin-bottom:24px}.mini-capacity>strong{font:900 36px/1 Alegreya;color:#fff}.mini-capacity>span{margin-left:auto;font-size:13px}.mini-text-button{background:transparent;color:var(--coral);font:700 18px/1.2 Alegreya;padding:12px 0;min-height:40px;text-align:left}.mini-text-button:hover{text-decoration:underline}.offer-meta{display:flex;align-items:center;justify-content:space-between;padding-top:8px;font-size:14px;color:var(--stone)}.offer-item{padding-bottom:8px}.mini-section-label{margin:24px 0 16px}.past-offer{display:flex;flex-direction:column;gap:4px;padding:12px 0;font-size:16px;color:var(--stone)}.past-offer small{font-size:13px;color:#9c7b72}.lead-card{padding:16px;display:flex;flex-direction:column;gap:12px;width:100%}.lead-identity{display:flex;align-items:center;gap:12px}.lead-identity>div{min-width:0}.lead-identity h2{overflow-wrap:anywhere}.lead-identity p{color:var(--stone);margin-top:6px}.lead-team-name{font-size:15px;color:var(--stone)}.joined-banner{padding:20px;--surface-border:var(--mahogany);--surface-bg:var(--mahogany);display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.joined-banner>span{font:800 18px/1 Alegreya;color:var(--coral)}.joined-banner>strong{font:900 40px/1 Alegreya;color:white;overflow-wrap:anywhere}.teammates{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin:0}.teammate-row{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;min-width:0;padding:16px 12px 20px;background:#36110c}
.teammate-row:not(.cut)::before{content:"";position:absolute;inset:0;z-index:-1;background:url("/assets/roster-grain.svg") repeat;opacity:.2;mix-blend-mode:soft-light;pointer-events:none}.teammate-row>.portrait{width:80px;height:80px}.teammate-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.teammate-name{display:flex;align-items:baseline;gap:8px;min-width:0}.teammate-name strong{font:600 18px/1.3 Inter,sans-serif;color:#fff;overflow-wrap:anywhere;min-width:0}.teammate-row.is-self{background:#3d100c;box-shadow:inset 0 0 0 2px var(--vermilion)}.teammate-row.is-self .teammate-name strong{color:var(--coral)}.teammate-handle{font:500 16px/1.4 Inter,sans-serif;overflow-wrap:anywhere}.profile-field .teammates-empty{font:500 16px/1.4 Inter,sans-serif;color:var(--stone)}.waiting-mark{display:flex;justify-content:center;margin-top:40px}.mini-empty.waiting{padding-top:24px}
dialog{width:min(440px,calc(100vw - 32px));background:#242428;color:#e8e8ed;border:1px solid #47474f;border-radius:12px;padding:24px;box-shadow:0 16px 90px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:#90909c;font-size:11px}.icon-button{background:transparent;color:#b8b8c4;font-size:24px;line-height:1;padding:0 4px}.dialog-top .icon-button{margin:-8px -4px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}dialog h2{font-size:20px;font-weight:600;line-height:1.3;margin-bottom:12px}dialog p{font-size:13px;line-height:1.7;color:#b3b3c0}dialog .tool-button{font-size:12px;min-height:38px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px);padding:14px 18px;color:#ededf2;background:#303037;border:1px solid #51515b;border-radius:8px;box-shadow:0 6px 30px #0006;max-width:min(540px,calc(100vw - 32px));font-size:12px;line-height:1.5;z-index:10;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}#toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(min-width:1600px){.workspace{grid-template-columns:292px minmax(480px,1fr) 340px}.control-panel{padding-inline:24px}.inspector{padding-inline:24px}.stage-top,.stage-bottom{max-width:660px}.stage{padding-top:32px}.stage-top{margin-bottom:28px}.phone{max-height:798px}}
@media(max-width:1150px){.workspace{grid-template-columns:252px minmax(420px,1fr)}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:24px;display:block}.inspector-scroll{max-height:500px;min-height:0}.inspector-heading,.overview-summary,.inspector-tabs{max-width:600px}.overview-summary{grid-template-columns:160px 160px}.team-overview{display:inline-block;vertical-align:top;width:calc(33.33% - 20px);margin-right:20px}.organizer{max-width:600px}.phone{max-height:798px}.saved-label{display:none}.stage{padding-inline:24px}.control-panel{padding-inline:16px}}
@media(max-width:700px){.workspace-header{height:auto;min-height:64px;padding:12px 16px;flex-wrap:wrap;gap:12px}.brand>div{flex-direction:column;gap:3px}.brand>div>span{font-size:10px}.brand strong{font-size:13px}.prototype-tag{font-size:8px;margin-left:0}.header-actions{gap:6px;margin-left:auto}.header-actions .tool-button{font-size:10px;padding:8px}.header-actions .tool-button>span{display:none}.mobile-tools{display:inline-flex}.workspace{display:flex;flex-direction:column;min-height:0}.control-panel{display:none;border-right:0;border-bottom:1px solid var(--line);padding:0 20px 20px}.control-panel.is-open{display:block}.actor-list{max-height:230px}.stage{padding:20px 0 0}.stage-top{padding:0 16px;margin-bottom:16px}.stage-top h2{font-size:13px}.stage-top h2>span{display:block;margin-left:0;margin-top:5px}.phone-wrap{width:392px;max-width:100%;border-left:0;border-right:0;box-shadow:none}.phone{width:100%;height:798px;max-height:none;min-height:0}.stage-bottom{padding:0 16px 20px;margin-top:16px;font-size:9px}.inspector{padding:24px 20px}.team-overview{display:block;width:100%;margin-right:0}.overview-summary{grid-template-columns:1fr 1fr}.inspector-scroll{max-height:600px}.mini-scroll{padding:24px}.mini-nav{margin-inline:24px}.viewport-label{display:none}}
@media(max-width:359px){.mini-scroll{padding:20px}.mini-footer{padding-inline:20px}.mini-nav{margin-inline:20px}.card-identity>strong{font-size:26px}.card-identity .skills,.handle{font-size:16px}.mini-button{padding-inline:20px;font-size:18px}.prototype-tag{display:none}.brand-mark{width:28px;height:28px}.stage-bottom>span:last-child{max-width:140px;text-align:right}.phone h1{font-size:30px}}
.phone{position:relative;isolation:isolate}
.mini-nav{gap:0}
.mini-nav + .mini-scroll > .mini-intro h1{text-align:center}
.lead-empty-view{display:flex;flex-direction:column}
.lead-empty-view>.mini-list{flex:1;justify-content:center}


/* Pool uses the same plain surface as the team screen. */
.pool-screen{display:flex;flex-direction:column;justify-content:center;padding:24px;background:transparent}
.pool-panel{display:flex;flex-direction:column;align-items:center;gap:16px;margin:auto;padding:16px 0;background:transparent;text-align:center}

.pool-panel p{color:var(--text-secondary);text-wrap:pretty}
.pool-chat-link{font:600 16px/1.3 Inter,sans-serif;color:var(--coral);text-decoration:underline;text-underline-offset:3px}
.pool-chat-pending{font:600 14px/1.3 Inter,sans-serif;color:var(--text-secondary)}
.mini-nav button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px}
.mini-nav button+button{margin-left:-2px}
.mini-nav button.active{z-index:1}
.mini-footer.horizontal .search{flex:1;min-width:0}
.filter-options{padding:8px 0;gap:0;background:var(--mahogany)}
.filter-options .skill-option{position:relative;align-items:center;gap:12px;min-height:52px;padding:12px;font:600 18px/1.3 Inter,sans-serif;letter-spacing:-.36px;color:#fff}
.filter-options .skill-option input{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;margin:0;opacity:0;cursor:pointer}
.skill-checkbox{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;--surface-bg:var(--red-muted);--surface-border:var(--red-muted);pointer-events:none}
.skill-checkbox>span{visibility:hidden;color:#fff;font:600 20px/1 Inter,sans-serif}
.skill-option input:checked+.skill-checkbox{--surface-bg:var(--coral);--surface-border:var(--coral)}
.skill-option input:checked+.skill-checkbox>span{visibility:visible}
.skill-option input:focus-visible+.skill-checkbox{outline:2px solid #fff;outline-offset:4px}
.skill-option:hover{background:#57211b}
.pool-controls .clear-skills{width:100%;min-height:48px;padding:12px;border-top:1px solid var(--red-muted);background:transparent;color:var(--info-main);text-align:center;font:600 16px/1.2 Inter,sans-serif}
.pool-controls .clear-skills:hover{background:#57211b}
.skill-label{flex:1;min-width:0;overflow-wrap:anywhere}
.mini-footer-row{display:flex;align-items:center;gap:8px}
.mini-footer .decline-offer{align-self:center;text-align:center;color:var(--stone);padding:6px;min-height:36px}
.profile-prose{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.profile-fields .profile-prose{line-height:1.5}
.phone a{color:#ffa516;text-decoration:none;overflow-wrap:anywhere}
.phone a:hover{color:#ffc267;text-decoration:none}
.profile-fields .not-provided{color:var(--stone)}
.portrait>.tier.designer-tier{width:32px;height:32px;left:calc(50% - 16px);bottom:-16px}

.designer-card>.portrait:has(.designer-tier){margin-bottom:16px}
.original-story{padding-top:8px}
.phone .original-story h3{color:var(--info-main);font:600 var(--info-main-size)/1.4 Inter,sans-serif;padding:8px 0;letter-spacing:-.36px}
.original-story .source-note{font-size:var(--info-secondary-size);font-weight:400;line-height:1.5;color:var(--info-secondary);margin:8px 0 20px}
.original-story .profile-prose{font-size:16px;line-height:1.5;color:var(--stone);margin-bottom:16px}
/* One workbench rail: identity and time stay visible; secondary tools unfold. */
.workspace{grid-template-columns:296px minmax(0,1fr)}
.control-panel{padding:0 20px 24px}
.panel-section{padding:18px 0}
.actor-list{margin-top:10px;max-height:220px}
.actor-option em{font-size:10px;color:var(--muted);font-style:normal;font-weight:400}
.workbench-disclosure>summary{display:flex;align-items:center;gap:8px;min-height:24px;cursor:pointer;font-size:12px;font-weight:500;list-style:none}
.workbench-disclosure>summary::before{content:'›';color:var(--muted);font-size:18px;line-height:1;transition:transform .12s}
.workbench-disclosure[open]>summary::before{transform:rotate(90deg)}
.workbench-disclosure>summary::-webkit-details-marker{display:none}
.workbench-disclosure>summary>span{margin-left:auto;color:var(--muted);font-size:10px;font-weight:400}
.workbench-disclosure .team-overview{display:block;width:100%;margin:0}
.workbench-disclosure .team-overview:last-child{border-bottom:0;padding-bottom:0}
.workbench-disclosure .organizer{margin-top:0}
.workbench-disclosure .events{max-height:360px;overflow:auto}
.workbench-disclosure .help-text{margin-top:14px;font-size:12px}
.workbench-disclosure .scenario-hint{min-height:0}
.stage{padding:28px 32px 40px}
.stage-top{max-width:392px;margin-bottom:18px}
.stage-top h2{font-size:13px}
.phone{max-height:calc(100vh - 184px)}
@media(min-width:1100px){.control-panel{position:sticky;top:0;height:calc(100vh - 72px);overflow:auto}.workspace{align-items:start}.stage{min-height:calc(100vh - 72px)}}
@media(max-width:700px){.workspace{display:flex}.control-panel{position:static;height:auto;padding:0 20px 20px}.stage{padding:20px 0 24px}.phone{max-height:none}.stage-top{padding-inline:16px}.workbench-disclosure .team-overview{display:block;width:100%}}
/* Fit the complete device and its pinned actions inside the browser viewport. */
html,body{width:100%;height:100%;overflow:hidden}
#app{width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.workspace-header{height:56px;min-height:56px;flex-shrink:0;padding:8px 20px}
.workspace{flex:1;min-height:0;width:100%;overflow:hidden;position:relative;align-items:stretch}
.control-panel{position:static;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain}
.stage{height:100%;min-height:0;overflow:hidden;padding:16px 24px;display:flex;flex-direction:column;align-items:center}
.stage-top{width:100%;max-width:392px;margin:0 0 12px;flex-shrink:0}
.phone-wrap{flex:1;min-height:0;max-height:800px;margin:0 auto;width:392px}
.phone{height:100%;width:390px;min-height:0;max-height:none}
.mini-scroll{overscroll-behavior:contain}
@media(max-width:700px){.workspace-header{height:auto;min-height:56px;padding:8px 12px}.workspace{display:flex;flex-direction:column}.control-panel{display:none;position:absolute;inset:0;z-index:5;height:100%;border-bottom:0}.control-panel.is-open{display:block}.stage{flex:1;padding:12px 0 0}.stage-top{margin-bottom:12px}.stage-top h2>span{display:inline;margin-left:8px}.phone-wrap{width:392px}.phone{width:100%}.header-actions{gap:4px}.brand>div>span{display:none}}
@media(max-width:420px){.stage-top .eyebrow{font-size:8px}.stage-top h2{margin-top:4px}}
.stage-top .actor-line{display:flex;align-items:baseline;gap:8px;width:100%;min-width:0;margin:0;font:400 13px/1.5 Inter,sans-serif;white-space:nowrap}
.actor-line>strong{font-weight:600;color:#fff;flex-shrink:0}
.stage-top .actor-line>span{display:block;min-width:0;margin:0;font:inherit;overflow:hidden;text-overflow:ellipsis}
.stage-top .actor-line>.actor-name{color:#d1d1d7}
.stage-top .actor-line>.actor-handle{color:#92929b}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.clock-panel .section-heading{margin-bottom:8px}
.clock-panel .clock-value{margin-bottom:5px}
.clock-panel .clock-subtitle{margin:0;line-height:1.45}
.day-jump{margin-top:14px}
.clock-action-label{display:block;margin-bottom:7px;color:#a8a8b2;font-size:10px}
.day-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.day-step{min-width:0;min-height:48px;padding:7px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#29292e;border:1px solid #404047;border-radius:6px;text-align:center;color:#e4e4e9;font-family:Inter,sans-serif}
.day-step strong{font-size:11px;font-weight:600;white-space:nowrap}
.day-step small{font-size:10px;color:#a3a3ad;font-variant-numeric:tabular-nums}
button.day-step:hover{background:#35353c}
.clock-next{width:100%;margin-top:8px}
.tool-subheading{margin:18px 0 8px;color:#dedee4;font:600 11px/1.4 Inter,sans-serif}
.test-steps{margin:0 0 18px;padding-left:20px;color:#aaaab5;font-size:11px;line-height:1.55}
.test-steps li{padding-left:2px;margin:0 0 7px}
.rule-stack{display:flex;flex-direction:column;gap:10px}
.rule-stack p{color:#a4a4af;font-size:11px;line-height:1.55}
.rule-stack strong{color:#e1e1e8;font-weight:600}
@media(min-width:701px){.workspace{grid-template-columns:304px minmax(0,1fr)}}
@media(min-width:701px) and (max-width:1150px){.workspace{grid-template-columns:280px minmax(0,1fr)}}
@media(min-width:1600px){.workspace{grid-template-columns:320px minmax(0,1fr)}}
.control-panel .panel-section h2{font-size:13px}
.control-panel .actor-option strong{font-size:13px}
.control-panel .actor-option small,.control-panel .clock-subtitle,.clock-action-label,.day-step small,.workbench-disclosure>summary>span{font-size:11px}
.control-panel .actor-count,.day-step strong,.tool-subheading,.test-steps,.rule-stack p{font-size:12px}
.workbench-disclosure>summary{font-size:13px;min-height:28px}
@media(max-width:700px){#toast{top:68px;bottom:auto;transform:translate(-50%,-12px)}#toast.show{transform:translate(-50%,0)}}
.mini-footer.horizontal>.mini-button,.mini-footer-row>.mini-button{flex:1 1 0;width:auto;min-width:0}
.mini-footer.horizontal>.mini-back,.mini-footer-row>.mini-back{flex:0 0 60px}
/* The mini app's lowercase labels use Figma's small-caps display face. */
.tool-button,.segmented button{font-family:Inter,sans-serif;font-variant:normal}
.header-actions .palette-link{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;white-space:nowrap}
.mini-button,.mini-nav button,.mini-text-button,.lead-card-action,.team-roster-link,.status-pill,.offer-status-label{font-family:Alegreya,sans-serif;text-transform:lowercase;font-variant:normal}
.mini-button{font-family:Alegreya,sans-serif;font-size:20px;font-weight:700;line-height:.9;letter-spacing:-.8px;height:58px;min-height:58px;max-height:58px;padding:0 42px;gap:10px;flex-shrink:0}
.mini-button>.mini-button-label{flex:1 0 0;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1}
.mini-button>.button-ornament-clip{position:absolute;inset:4px;overflow:hidden;pointer-events:none;z-index:0}
.button-ornament-clip .ornament{top:-4px;width:60px;height:58px;max-width:none}
.button-ornament-clip .ornament.left{left:-4px}
.button-ornament-clip .ornament.right{right:-4px}
.mini-button.secondary{--surface-border:var(--mahogany);--surface-bg:var(--mahogany)}
.mini-button.locked{gap:4px;--surface-border:#845d59;--surface-bg:var(--mahogany);color:#845d59}
.mini-button.locked:disabled{opacity:1}
.button-lock{position:relative;z-index:1;width:24px;height:24px;flex:0 0 24px}
.mini-footer.horizontal .mini-button{padding-inline:42px}
.phone .mini-footer-row>.mini-button{padding-inline:12px}
.phone .mini-footer-row>.mini-button>.mini-button-label{white-space:normal;text-overflow:clip;line-height:1.1}
.mini-nav button{font-size:17px;line-height:24px;letter-spacing:-.03em}
.phone .mini-nav{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)}
.phone .mini-nav button{flex-direction:row;min-width:0;height:52px;margin-inline:-1px;padding:8px 2px;gap:3px;white-space:nowrap;line-height:20px}
.phone .mini-nav button:first-child{margin-left:0}
.phone .mini-nav button:last-child{margin-right:0}
.phone .mini-nav button:focus-visible{z-index:2}
.phone .mini-nav-count{font-variant-numeric:tabular-nums}
.mini-nav-base-icon{display:block;width:28px;height:28px;background:currentColor;mask:url('/assets/icons/designer-base-lino.svg') center/contain no-repeat;-webkit-mask:url('/assets/icons/designer-base-lino.svg') center/contain no-repeat}
.mini-text-button{font-size:18px;line-height:1.2;letter-spacing:-.02em}
.mini-button:has(.button-back-arrow){gap:10px}
.button-back-arrow{width:20px;height:20px;flex:0 0 20px;position:relative;z-index:1}
.lead-team-count{font:500 var(--info-secondary-size)/1.5 Inter,sans-serif;color:var(--info-secondary)}
.offer-decision-summary{display:flex;flex-direction:column;gap:20px;padding-bottom:24px;margin-bottom:24px}
.phone .lead-team-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;color:var(--info-main);font:600 20px/1.4 Inter,sans-serif;letter-spacing:-.4px}
.lead-team-heading>span{color:var(--info-secondary);font:500 var(--info-main-size)/1.4 Inter,sans-serif;white-space:nowrap}
.offer-decision-summary .teammate-name strong{font-size:var(--info-main-size)}
.offer-decision-summary .teammate-handle{font-size:var(--info-secondary-size)}
.phone .lead-profile-heading,.phone .profile-section-heading{margin:8px 0 24px;color:var(--info-main);font:600 24px/1.3 Inter,sans-serif;letter-spacing:-.48px}
.profile-overview .profile-identity{margin-bottom:20px}
.profile-overview>.profile-status{margin:0}
.profile-overview>.mini-note,.profile-overview>.mini-timer{margin:16px 0 0}
.profile-questionnaire{position:relative;margin-top:36px;padding-top:28px}
.mini-divider{display:block;position:relative;height:2px;color:var(--dusty)}
.mini-divider::before{content:"";position:absolute;inset:calc(-1 * var(--cut-bleed,2px));background:currentColor;clip-path:var(--cut-0,inset(0));pointer-events:none}
.profile-questionnaire>.mini-divider{position:absolute;inset:0 0 auto}
.phone .profile-questionnaire>.profile-section-heading{margin-top:0;color:var(--coral)}
/* Figma 261:20286 composition, with the established profile type scale. */
.profile-screen{min-width:0;max-width:100%;padding:0;overflow-x:hidden;container-type:inline-size}
.profile-layout{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:24px;width:100%;min-width:0;min-height:100%;padding:24px 12px 12px}
.profile-art{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.profile-art .pool-scene{position:absolute;left:50%;top:0;width:390px;height:798px;margin-left:-195px;transform:scale(calc(100cqw / 390px));transform-origin:top center}
.profile-art .pool-glow{position:absolute;left:-302.81px;top:410.9px;width:995.623px;height:285.203px;transform:rotate(180deg)}
.profile-art .pool-glow img{position:absolute;left:-420px;top:-420px;max-width:none}
.profile-art .pool-pattern{position:absolute;left:-220.1235px;top:4.195px;width:724.49px;height:619.888px;transform:rotate(-15deg)}
.profile-art .pool-pattern img{position:absolute;left:-.797px;top:0;max-width:none}
.profile-hero{display:flex;justify-content:center;min-width:0}
.profile-hero .profile-identity{width:264px;max-width:100%;padding:0;margin:0;background:transparent}
.profile-hero .profile-identity .portrait.large{margin-bottom:12px}
.profile-hero .profile-identity .portrait.large>.tier{z-index:1}
.profile-hero .profile-identity .handle{font-size:var(--info-main-size)}
.profile-hero .telegram-handle{color:var(--stone)}
.profile-sheet{min-width:0;padding:24px 20px;background:var(--oxblood)}
.profile-sheet>.lead-profile-heading{margin:0 0 24px}
.profile-sheet .profile-questionnaire{margin-top:24px;padding-top:24px}
.profile-layout>.offer-decision-summary{padding:0 12px;margin:0;border:0;gap:16px}
.profile-layout .lead-team-heading{justify-content:center;text-align:center}

.mini-app-header{flex:0 0 64px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px 0 24px;background:#290601;color:#fff}
.mini-app-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 clamp(16px,5vw,20px)/1.2 Inter,sans-serif}
.mini-app-chrome{display:flex;align-items:center;gap:24px;flex-shrink:0;color:#aaa09d}
.mini-app-chrome svg{display:block;width:20px;height:20px}
@media(max-width:359px){.mini-app-header{padding-left:16px;padding-right:16px;gap:10px}.mini-app-chrome{gap:16px}}
.offer-clock{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:64px;margin-top:8px;padding:14px 16px;--surface-bg:var(--mahogany);--surface-border:var(--dusty)}
.offer-clock>strong{color:var(--info-main);font:900 40px/1 Alegreya,sans-serif;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.offer-clock>span{color:var(--info-main);font:600 var(--info-main-size)/1.4 Inter,sans-serif}
.offer-item .offer-meta{justify-content:flex-end}
.designer-card .card-status{grid-column:1/-1}
.profile-status{margin-bottom:24px}

/* Tester chrome stays quiet; the textured Mini App remains the visual focus. */
.workspace-header{border-bottom:0}
.workspace-header .tool-button{background:transparent;border:0}
.workspace-header .tool-button:hover:not(:disabled){background:#29292e}
.workspace-header .mobile-tools{background:#29292e}
.control-panel{border-right:0}
.control-panel .panel-section{border-bottom:0}
.control-panel .workbench-disclosure{padding:15px 0}
.control-panel .segmented,.control-panel .tool-button,.control-panel .tool-input,.control-panel .actor-option,.control-panel .day-step{border:0}
.control-panel .actor-option.selected{border-color:transparent}
.phone-wrap{border:0}
.phone-wrap .phone{width:100%}
dialog,#toast{border:0}

.telegram-handle{color:inherit}
.phone .mini-text-button:hover{text-decoration:none;color:#f56958}
.designer-choice-clock{margin:0 0 24px}
/* Two body-text levels; branded headings and countdown numerals stay display type. */
.phone{--info-main-size:18px;--info-secondary-size:16px;--info-main:#fff;--info-secondary:var(--stone)}
.mini-intro p{font-size:var(--info-main-size);line-height:1.4;color:var(--info-secondary)}
.mini-note,.lead-team-name{font-size:var(--info-secondary-size);line-height:1.5;color:var(--info-secondary)}
.lead-identity{align-items:flex-start}
.designer-card>.portrait,.lead-identity>.portrait{width:80px;height:80px}
.phone .lead-identity h2{font:700 26px/1.05 Alegreya,sans-serif;letter-spacing:-.8px}
.lead-identity p{font-size:var(--info-main-size);line-height:1.4;color:var(--info-main);overflow-wrap:anywhere}
.lead-identity .lead-team-count{font-size:var(--info-secondary-size);line-height:1.5;color:var(--info-secondary)}
.lead-identity .telegram-handle{color:var(--stone)}
.designer-choice-clock{min-height:0;padding:0;text-align:center;gap:8px;background:transparent}
.offer-clock-info{margin-top:6px;font:500 var(--info-secondary-size)/1.5 Inter,sans-serif;color:var(--text-secondary);text-wrap:pretty}
.designer-offers-screen>.offer-choice-note{margin:24px 0 0;text-align:center;text-wrap:pretty}
/* Compact time controls; mechanics stay in the help tooltip. */
.clock-panel .section-heading{margin-bottom:6px}
.clock-panel .clock-value{display:flex;align-items:center;gap:12px;margin:0;font-size:22px;line-height:1.3}
.clock-paused{font:500 11px/1.4 Inter,sans-serif;color:#aaaab5;letter-spacing:0}
.clock-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.clock-actions .tool-button{justify-content:space-between;min-height:38px;font-size:12px}
.clock-help{position:relative}
.clock-help-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#aaaab5;font:600 14px/1 Inter,sans-serif}
.clock-help-button:hover,.clock-help-button[aria-expanded=true]{background:#303036;color:white}
.clock-help-tip{position:absolute;top:100%;right:0;width:264px;max-width:calc(100vw - 40px);padding:16px;border-radius:8px;background:#303036;color:#e5e5e9;box-shadow:0 8px 28px #0006;z-index:20;font:400 12px/1.5 Inter,sans-serif}
.clock-help-tip p+p{margin-top:12px}

.clock-panel .section-heading{justify-content:flex-start;gap:6px;position:relative}
.clock-help{position:static}
.clock-help-tip{left:0;right:auto;width:100%;max-width:calc(100vw - 40px)}
.mock-avatar-label{position:absolute;top:0;right:0;padding:2px 3px;background:#303036;color:#fff;font:600 9px/1.2 Inter,sans-serif;letter-spacing:0}
.profile-identity .mock-avatar-label{padding:4px 8px;font-size:12px}
/* A short roster summary replaces the detailed inspector and reading sections. */
.team-overview-total{margin:12px 0 16px;font:400 12px/1.4 Inter,sans-serif;color:#a5a5af}
.team-summary-head,.team-summary-row{display:grid;grid-template-columns:minmax(0,1fr) 64px 52px;align-items:center;gap:4px}
.team-summary-head{color:#92929b;font:400 10px/1.4 Inter,sans-serif;padding:0 8px 6px}
.team-summary-head>span:not(:first-child){text-align:center}
.team-summary-list{list-style:none;margin:0;padding:0}
.team-summary-row{width:100%;min-height:52px;padding:8px;border-radius:6px;background:transparent;text-align:left;color:#e5e5e9}
.team-summary-row:hover,.team-summary-row.is-current{background:#2b2b30}
.team-summary-person{display:flex;align-items:center;gap:8px;min-width:0;font:500 12px/1.35 Inter,sans-serif}
.team-summary-person .portrait{width:24px;height:24px}
.team-summary-person .mock-avatar-label{font-size:7px;padding:1px 2px}
.team-summary-person>span:last-child{min-width:0;overflow-wrap:anywhere}
.team-summary-person small{display:block;color:#a5a5af;font:400 10px/1.35 Inter,sans-serif;margin-top:3px}
.team-summary-count{text-align:center;font:500 14px/1.4 Inter,sans-serif;font-variant-numeric:tabular-nums}
.team-summary-count small{font-size:11px;color:#92929b}
.team-summary-count.has-offers{color:#e5b37e}
.test-settings{position:relative}
.test-settings>summary{list-style:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;color:#aaaab5;cursor:pointer}
.test-settings>summary::-webkit-details-marker{display:none}
.test-settings>summary:hover,.test-settings[open]>summary{background:#29292e;color:#fff}
.test-settings-content{position:absolute;z-index:30;right:0;top:calc(100% + 8px);width:264px;padding:20px;background:#252529;border-radius:8px;box-shadow:0 12px 32px #0006}
.test-settings-content h2{font:600 14px/1.4 Inter,sans-serif}
.test-settings-content .tool-button.full{justify-content:flex-start;background:#303036;border:0}
@media(max-width:700px){.test-settings-content{position:fixed;left:12px;right:12px;top:64px;width:auto;max-height:calc(100dvh - 88px);overflow:auto}}

.joined-team-screen>.mini-intro{text-align:center}
.phone .telegram-handle{color:inherit}
.phone .offer-decision-summary>.team-members-heading{margin:0;justify-content:center}
/* Generated transparent frame belongs only to the large profile portrait. */
.profile-hero .profile-identity .portrait.large::after{content:"";position:absolute;inset:-2px;background:url('/assets/profile-frame-red.png') center/100% 100% no-repeat;pointer-events:none;z-index:1}
.profile-hero .profile-identity .portrait.large>.tier{z-index:2}
/* The app body shares one deep burgundy field; the glow belongs to the device,
   never to its fixed chrome. */
.phone{
  --app-chrome:#290601;
  --app-body:#200401;
  --scroll-edge-color:var(--app-chrome);
  background:radial-gradient(ellipse 92% 44% at 50% 49%,rgba(232,74,53,.36) 0%,rgba(232,74,53,.19) 43%,transparent 100%),linear-gradient(to bottom,#200301 0%,#310903 17%,#481307 53%,#360b03 82%,#200301 100%);
}

.profile-overview-standalone{padding:0}
.phone .profile-overview-standalone>.profile-status{justify-content:center;text-align:center}
.profile-overview-standalone .status-label{flex:0 1 auto}
.profile-overview-standalone .status-count{margin-left:0}
.profile-sheet>.profile-questionnaire{margin:0;padding:0}
/* Filled clock, processed by the same lino converter as the UI contours. */
.phone{--timer-icon-small:17px;--timer-icon-large:24px}
.phone [data-countdown-end]{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"case" 1,"lnum" 1,"tnum" 1}
.phone [data-countdown-end]::before{content:"";display:block;flex:none;width:var(--timer-icon-small);height:var(--timer-icon-small);background:currentColor;mask:url('/assets/hourglass-filled-lino.svg') center/contain no-repeat}
.phone .designer-choice-clock [data-countdown-end]::before{width:var(--timer-icon-large);height:var(--timer-icon-large)}
/* Preserve the generated hand-drawn silhouette; match the tier's outer ink. */
.profile-hero .profile-identity .portrait.large::after{background:var(--ink);mask:url('/assets/profile-frame-red.png') center/100% 100% no-repeat;filter:drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink)) drop-shadow(0 1px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink))}
/* Frame expansion happens outside the alpha mask, so the extra ink remains visible. */
.profile-hero .profile-identity .portrait.large::after{content:none}
.profile-photo-frame{position:absolute;inset:-2px;z-index:1;pointer-events:none;--portrait-frame-color:var(--ink);filter:drop-shadow(1px 0 0 var(--portrait-frame-color)) drop-shadow(-1px 0 0 var(--portrait-frame-color)) drop-shadow(0 1px 0 var(--portrait-frame-color)) drop-shadow(0 -1px 0 var(--portrait-frame-color))}
.profile-photo-frame::before{content:"";position:absolute;inset:0;background:var(--portrait-frame-color);mask:url('/assets/profile-frame-red.png') center/100% 100% no-repeat}
.designer-profile-hero .portrait.large{isolation:isolate}
.profile-layout:has(>.designer-profile-hero)>.profile-overview-standalone{margin-top:4px;margin-bottom:8px}
.profile-layout:has(>.designer-profile-hero)>.profile-overview-standalone>.mini-note{margin-top:10px}
.phone .profile-overview-standalone>.profile-status:is([data-status="joined"],[data-status="pool"]){width:100%;margin-inline:0;min-height:40px;padding:6px 16px}

.phone .profile-prose a{color:var(--flame)}

/* Fixed chrome stays solid and uses the same color on every screen. */
.phone>.mini-nav{position:relative;z-index:3;isolation:isolate;overflow:visible;margin:0;padding:24px 24px 4px;background:transparent}
/* The switcher owns the fade, including its transparent tail over scrolling content. */
.phone>.mini-nav::before{content:"";position:absolute;inset:0 0 -40px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,var(--app-chrome) 0%,rgba(41,6,1,.96) 28%,rgba(41,6,1,.8) 52%,rgba(41,6,1,.48) 72%,rgba(41,6,1,.16) 88%,rgba(41,6,1,0) 100%)}
/* Fade the scroll viewport too: a translucent overlay alone exposes its hard clip edge. */
.phone>.mini-nav+.mini-scroll{position:relative;z-index:4;mask-image:linear-gradient(to bottom,transparent 0,#000 16px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16px)}
@media(max-width:359px){.phone>.mini-nav{padding-inline:20px}}
.phone>.mini-footer{position:relative;z-index:3;background:var(--scroll-edge-color)}

/* Quiet detail feedback and unboxed list countdowns. */
.profile-own-offer-note{text-align:center}
.profile-other-offer-note{color:var(--info-secondary);text-align:center}
.offer-clock-inline{min-height:44px;padding:8px 0;margin-top:4px;background:transparent}

.portrait.large[data-tier="2"]>.profile-photo-frame{--portrait-frame-color:#c94131}

/* One compact strip binds an active offer's state, count and deadline. */
.offer-status-timer{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:9px;row-gap:8px;min-height:52px;padding:10px 12px;background:#190301;color:var(--status-text)}
.offer-status-block{grid-column:1/-1;background:#190301}
.offer-status-block .offer-status-timer{grid-column:auto;background:transparent}
.offer-status-timer[data-status="choosing"]{color:var(--coral)}
.offer-status-timer--available{display:flex;justify-content:center;background:transparent;--surface-border:#190301;--surface-bg:#190301;color:var(--text-secondary)}
.offer-status-count{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;font:600 16px/1.4 Inter,sans-serif;font-variant-numeric:tabular-nums}
.offer-status-label{min-width:0;font:600 18px/1.3 Inter,sans-serif;overflow-wrap:anywhere}
.offer-status-timer>[data-countdown-end]{justify-self:end;gap:5px;white-space:nowrap;font:700 20px/1.15 Alegreya,sans-serif;letter-spacing:.3px;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"case" 1,"lnum" 1,"tnum" 1}
.offer-status-timer>[data-countdown-end]::before{width:var(--timer-icon-small);height:var(--timer-icon-small)}
@media(max-width:359px){.offer-status-timer{column-gap:10px;row-gap:8px;padding-inline:10px}.offer-status-label{font-size:16px}.offer-status-timer>[data-countdown-end]{font-size:18px;gap:7px}}

/* A single inset dark panel holds the decision, recipient and actions. */
.phone .confirmation-screen{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:0 10px;overflow-x:hidden}
/* Figma 389:10042 supplies the 15° tilt and orange ink at 10% (inside the SVG).
   Crop follows the spear-screen reference: eagle left, snake middle, bull right.
   Scale with screen width so taller copy does not enlarge or recenter the motifs. */
.confirmation-screen::before{content:"";position:absolute;top:0;left:-32%;width:148.6%;aspect-ratio:726.488/621.007;z-index:-1;background:url('/assets/profile-pattern.svg') 0 0/100% 100% no-repeat;transform-origin:0 0;transform:translateY(14%) rotate(-15deg);pointer-events:none}
.confirmation-layout{position:relative;isolation:isolate;flex:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(260px,1fr) auto;min-height:100%;width:100%;margin:0;justify-items:center;align-items:center}
.confirmation-layout::before{content:"";position:absolute;z-index:-1;top:-60px;left:-10px;width:calc(100% + 20px);height:360px;background:radial-gradient(ellipse closest-side,rgba(255,83,23,.42),rgba(210,50,10,.2) 55%,transparent);pointer-events:none}
.offer-confirm-illustration{display:block;flex:none;width:280px;height:220px;max-width:100%;object-fit:cover;filter:none}
.offer-confirm-illustration.is-finalize{width:420px;height:380px;max-width:100%;object-fit:contain;padding:0}
.offer-confirm-illustration.is-leave{width:260px;height:240px;object-fit:contain;padding:0}
/* Give illustrations their own flexible area above the bottom-anchored panel. */
.confirmation-layout>.offer-confirm-illustration{grid-area:1/1}
.confirmation-layout>.offer-confirm-panel{grid-area:2/1}
.confirmation-layout::before{position:relative;grid-area:1/1;top:auto;left:auto;height:100%;min-height:260px}
.offer-confirm-panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px;width:100%;padding:24px;background:var(--oxblood)}
.offer-confirm-panel>.mini-intro{gap:16px;margin:0;text-align:center;align-items:center}
.offer-confirm-panel>.mini-intro p{max-width:320px;margin-inline:auto}
.offer-confirm-availability{margin:0;color:var(--info-secondary);text-align:center;font:400 var(--type-body)/1.5 var(--type-ui)}
.confirmation-actions{display:flex;align-items:stretch;gap:8px;width:100%}
.confirmation-actions>.mini-button{padding-inline:12px;flex:1}
.lead-confirm-roster{margin-top:8px;font:600 16px/1.4 Inter,sans-serif;color:var(--info-secondary)}
@media(max-width:359px){.offer-confirm-panel{padding:20px;gap:20px}}
@media(max-height:650px){.offer-confirm-illustration{height:180px;width:240px}.offer-confirm-illustration.is-finalize{width:360px;height:360px}.offer-confirm-panel{gap:20px}}
.lead-confirm-card{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:12px;padding:16px;text-align:left;--surface-border:var(--dusty);--surface-bg:var(--ink)}
.lead-confirm-card>.portrait{width:80px;height:80px}
.lead-confirm-identity{display:flex;flex-direction:column;gap:4px;min-width:0}
.lead-confirm-identity>strong{font:700 var(--type-person-card)/1.2 var(--type-display);color:var(--info-main);overflow-wrap:anywhere}
.lead-confirm-identity>.telegram-handle{font:600 var(--type-body)/1.4 var(--type-ui);color:var(--info-secondary);overflow-wrap:anywhere}
.team-roster-link{display:flex;flex-direction:column;gap:14px;width:100%;margin:0;padding:14px 20px;text-align:left;color:#fff;--surface-border:var(--dusty);--surface-bg:#3b0b07}
.team-roster-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:700 20px/1 Alegreya,sans-serif}
.team-roster-label{font:inherit;text-transform:lowercase}
.team-roster-summary>strong{color:var(--text-primary);font:inherit}
.team-roster-action{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--stone);font:600 16px/1.4 Inter,sans-serif}
.team-roster-link:hover{--surface-bg:#4a120c}
.team-roster-screen>.mini-intro{text-align:center}
.team-roster-screen>.mini-intro p{color:var(--stone)}
.team-roster-screen.is-empty{display:flex;align-items:center;justify-content:center}
.team-roster-empty{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;text-align:center}
.team-roster-empty>.mini-intro,.team-roster-empty>.teammates-empty{margin:0}
.lead-team-screen>.mini-intro{text-align:center}
.team-roster-list{margin-top:24px}
.team-roster-list>li{list-style:none}
.team-roster-list .teammate-row{width:100%;border:0;text-align:left;color:#fff}
.team-roster-list button.teammate-row{cursor:pointer}
.team-roster-list .teammate-row.cut{background:transparent;--surface-border:var(--dusty);--surface-bg:#36110c}
.team-roster-list .teammate-row.cut.is-self{--surface-border:var(--vermilion);--surface-bg:#3d100c;box-shadow:none}
.team-roster-list button.teammate-row.cut:hover{--surface-bg:#48140e}

/* Compact corifei card: identity first, two sibling destinations below. */
.lead-card{gap:10px;padding:14px}
.lead-card .lead-identity{align-items:center;gap:12px}
.lead-card .lead-identity>.portrait{width:68px;height:68px;margin:0}
.phone .lead-card .lead-identity h2{font-size:23px;line-height:1.05;letter-spacing:-.45px}
.lead-card .lead-identity p{margin-top:3px;font-size:16px;line-height:1.3}
.lead-card-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:2px}
.lead-card-actions.is-single{grid-template-columns:1fr}
.lead-card-action{min-width:0;min-height:46px;padding:10px 12px;color:#fff;--surface-border:var(--red-muted);--surface-bg:var(--mahogany);font:700 16px/1.1 Alegreya,sans-serif;text-align:center}
.lead-card-action:hover{--surface-bg:#57211b}
.finalized-team-open{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left}
.finalized-team-open strong{color:var(--text-primary);font-variant-numeric:tabular-nums}
.finalized-teams-screen>.mini-intro{text-align:center;margin-bottom:32px}
.finalized-teams-screen>.mini-intro p{color:var(--stone)}
.lead-card-team{display:flex;align-items:center;justify-content:center;gap:8px}
.lead-card-team strong{color:var(--text-primary);font:700 var(--type-action)/1 var(--type-ui);font-variant-numeric:tabular-nums}

/* Designer-card hierarchy: accent name, neutral handle, quiet specialty. */
.designer-card{--surface-border:var(--red-muted)}
.designer-card .card-identity>strong{color:var(--coral)}
.designer-card .card-identity>.handle{color:#fff}
.designer-card .card-identity>.skills{color:var(--stone)}
.designer-card>.portrait{overflow:visible;border:0;border-radius:0;clip-path:none;background:transparent}
.designer-card>.portrait>img:not(.tier){display:block;width:100%;height:100%;border:0;border-radius:0;clip-path:none;object-fit:cover}
.teammate-arrow{margin-left:auto;color:var(--coral);font:600 22px/1 Inter,sans-serif}
.teammate-profile-screen .profile-layout{padding-top:24px}

/* Tier medallion keeps its rank pigment; contour and numeral merge with its card. */
.portrait>.tier{color:var(--ink);overflow:visible}
.portrait>.tier .tier-outline,.portrait>.tier .tier-number{fill:currentColor}
.portrait>.tier .tier-fill{fill:#712b23}
/* Прежние цвета тиров сохранены для возврата: tier 2 — #c94131; tier 3 — #d63624. */

.cut .portrait>.tier{color:var(--surface-bg)}
.teammate-row .portrait>.tier{color:#36110c}
.teammate-row.is-self .portrait>.tier{color:#3d100c}

.finalize-warning,.phone .withdrawal-warning{color:var(--info-secondary);background:transparent;--surface-bg:var(--ink);--surface-border:var(--coral);padding:16px;text-align:center;margin:0;font:600 18px/1.4 Inter,sans-serif}


.team-name-label{display:block;margin-bottom:8px;color:var(--stone);font-size:16px}.team-name-input{width:100%;min-height:60px;padding:12px;background:var(--mahogany);border:1px solid var(--red-muted);color:white;font:600 18px Inter,sans-serif}.team-name-input::placeholder{color:var(--stone)}

.phone .team-members-heading{gap:6px;color:var(--text-secondary)}
.team-members-icon{width:30px;height:28px;color:inherit}
.team-members-divider{flex:1;height:2px;min-width:12px;background:var(--dusty);clip-path:polygon(0 35%,15% 15%,30% 40%,48% 10%,65% 40%,82% 20%,100% 35%,100% 80%,80% 65%,60% 85%,40% 60%,20% 85%,0 70%)}
.joined-lead-card .lead-identity>div{flex:1}
.joined-team-screen .team-roster-list{margin-top:0}

.team-roster-link{flex-direction:row;align-items:center;gap:12px}
.team-roster-summary{justify-content:flex-start;gap:8px;flex:1}
.team-roster-arrow{color:var(--coral);font:600 22px/1 Inter,sans-serif}

.offer-status-count{padding-right:0;border-right:0}

/* Text hierarchy: main, supporting, and quiet navigation states. */
.phone{color:var(--text-primary)}
.phone .mini-nav button{color:var(--text-tertiary)}
.phone .mini-nav button.active{color:var(--text-primary)}
.phone .designer-card,.phone .mini-button,.phone .search input,.phone .team-name-input,.phone .mini-app-header,.phone .team-roster-link,.phone .lead-card-action{color:var(--text-primary)}
.phone .profile-identity h1,.phone .teammate-name strong,.phone .joined-banner>strong,.phone .mini-capacity>strong{color:var(--text-primary)}
.nav-icon{display:block;flex:none;width:18px;height:18px;background:currentColor}
.nav-icon--team{mask:url('/assets/participants-lino.svg') center/contain no-repeat;-webkit-mask:url('/assets/participants-lino.svg') center/contain no-repeat}
.nav-icon--offers{mask:url('/assets/offer-scroll-lino.svg') center/contain no-repeat;-webkit-mask:url('/assets/offer-scroll-lino.svg') center/contain no-repeat}
.phone .card-identity{gap:3px}
.phone .designer-card .card-identity>.handle{color:var(--coral);font:600 var(--info-secondary-size)/1.3 Inter,sans-serif;letter-spacing:-.36px}
.phone .designer-card .card-identity>.skills{font:600 var(--info-secondary-size)/1.35 Inter,sans-serif;letter-spacing:-.36px}
.phone :is(.mini-intro p,.mini-note,.profile-field p,.teammate-handle,.lead-identity p,.offer-clock-info,.mini-timer>span){font-family:Inter,sans-serif;font-weight:600}
.phone :is(.profile-identity .handle,.profile-identity .telegram-handle,.teammate-handle,.lead-identity .telegram-handle,.lead-confirm-identity .telegram-handle){color:var(--coral)}
.phone .designer-card{grid-template-columns:96px minmax(0,1fr)}
.phone .designer-card>.portrait{width:96px;height:96px}
.phone .card-identity{gap:0}
.phone .designer-card .card-identity>.handle{margin-top:1px}
.phone .designer-card .card-identity>.skills{margin-top:6px}
.phone .search>img{opacity:.62}

/* A bright red asks for action; a quieter red marks Telegram identity. */
:root{--accent-strong:#e84a35;--accent-muted:#8a2519;--coral:var(--accent-strong)}
.phone .offer-confirm-panel>.mini-intro h1{color:var(--accent-strong)}
.phone :is(.designer-card .card-identity>.handle,.teammate-handle,.lead-identity .telegram-handle,.lead-confirm-identity .telegram-handle){color:var(--accent-muted)}
.phone .profile-identity :is(.handle,.telegram-handle){color:var(--text-primary)}

/* The confirmation needs to prioritize the decision over the recipient card. */


/* App chrome is a stable pair of burgundy rails; the body glow never bleeds over them. */
.phone>.mini-app-header,.phone>.mini-footer{position:relative;z-index:3;background:var(--app-chrome)}

/* This is app chrome, not screen content: it closes every Mini App screen. */
.phone>.mini-app-rail{position:relative;z-index:4;flex:0 0 44px;display:grid;place-items:center;background:var(--app-chrome);color:var(--text-secondary);font:600 14px/1.2 Inter,sans-serif;letter-spacing:-.28px}

/* The database intro is a single unit before the filters begin. */
.designer-base>.mini-nav{margin:0 0 24px;padding-bottom:4px}
.designer-base>.mini-intro{align-items:center;text-align:center}
.designer-base>.filter{margin-bottom:20px}
.designer-base>.pool-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;position:relative;z-index:5}
.pool-controls>details{min-width:0;width:100%;position:relative}
.pool-controls>details[open]{z-index:2}
.phone .pool-controls summary{min-height:54px;padding:10px 12px;white-space:nowrap;font-size:16px}
.pool-controls summary img{width:20px;height:20px;flex:none}
.pool-controls .filter-options,.pool-sort-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:5;width:100%;box-sizing:border-box;box-shadow:0 10px 20px #0008}
.pool-sort-options{display:flex;flex-direction:column;padding:4px 0;background:var(--mahogany)}
.pool-sort-options button{width:100%;min-height:44px;padding:10px 12px;text-align:left;color:var(--info-main);font:600 15px/1.2 Inter,sans-serif;background:transparent}
.pool-sort-options button[aria-pressed="true"]{color:var(--coral);background:#4a1712}
.pool-sort-options button:hover{background:#57211b}
.phone .designer-base .designer-card{grid-template-columns:80px minmax(0,1fr);padding:12px}
.phone .designer-base .designer-card>.portrait{width:80px;height:80px;margin-bottom:8px}
.phone .designer-base .offer-status-timer{min-height:40px;padding:6px 10px}

/* Clear the fixed top fade before the large portrait begins. */
.profile-screen .profile-layout{padding-top:40px}

/* Compact team actions: the overflow menu rises above the bottom controls. */
.action-with-more{position:relative}
.action-with-more>.mini-button{padding-inline:12px}
.team-more{position:relative;z-index:5;flex:0 0 60px}
.team-more-trigger{display:grid;place-items:center;width:60px;height:58px;padding:0;color:var(--text-secondary);--surface-bg:var(--mahogany);--surface-border:var(--mahogany)}
.team-more-trigger svg{width:24px;height:24px;fill:currentColor}
.phone .designer-choice-clock .offer-clock-info{margin:0;font-size:var(--info-secondary-size);line-height:1.35}
.designer-offers-screen>.mini-intro{align-items:center;text-align:center}
.phone .mini-footer-row:has([data-action="withdraw"])>.mini-button{flex:1 1 0;width:auto;min-width:0;padding-inline:12px;font-size:17px}
.phone .mini-footer-row:has([data-action="withdraw"])>.mini-back{flex:0 0 60px}
.phone .mini-footer-row:has([data-action="withdraw"])>.mini-button.secondary{color:var(--text-primary)}
.team-more-menu{position:absolute;right:0;bottom:calc(100% + 12px);z-index:8;display:flex;flex-direction:column;gap:0;width:min(280px,calc(100vw - 48px));padding:0;background:var(--mahogany);box-shadow:0 12px 28px #0008}
.team-more-item{display:flex;align-items:center;min-height:68px;padding:16px 20px;color:var(--text-primary);text-align:left;font:700 19px/1.1 Alegreya,sans-serif;text-transform:lowercase;background:transparent;width:100%}
.team-more-divider{height:1px;width:100%;background:var(--dusty);opacity:.65}
.phone>.mini-footer:has(.team-more-menu){z-index:10}

/* A completed team is a compact roster, not the fuller designer-base card. */
.lead-team-screen>.team-identity{gap:5px;margin-bottom:28px}
.phone .team-roster-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;font:600 16px/1.3 Inter,sans-serif;letter-spacing:0;color:var(--text-secondary);text-align:left}
.team-roster-caption>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.lead-team-screen>.team-identity p{line-height:1.3;color:var(--stone)}
.mini-footer>.team-minimum-note{margin:0;color:var(--text-secondary);text-align:center;font:600 16px/1.3 Inter,sans-serif}
.lead-team-screen .designer-card{grid-template-columns:72px minmax(0,1fr);gap:10px;padding:12px}
.lead-team-screen .designer-card>.portrait{width:72px;height:72px;margin-bottom:0}
.lead-team-screen .designer-card .card-identity{align-self:center}
.lead-team-screen .designer-card .card-identity>strong{font-size:23px;letter-spacing:-.55px}
.lead-team-screen .designer-card .card-identity>.skills{margin-top:4px;font-size:16px;line-height:1.3}
.joined-team-screen>.team-identity,.joined-team-screen>.mini-intro{margin-bottom:24px}
.joined-team-screen>.joined-lead-section{margin-bottom:28px}
.phone .joined-lead-caption{margin:0 0 8px;font:600 16px/1.3 Inter,sans-serif;color:var(--text-secondary);text-align:left}
.joined-team-screen .joined-roster-list{gap:var(--person-card-gap)}
.joined-team-screen .designer-card .card-identity>strong{color:var(--text-primary)}
.joined-team-screen .designer-card.is-self{--surface-border:var(--vermilion);--surface-bg:#3d100c}
.joined-team-screen .designer-card.is-self .card-identity>strong{color:var(--accent-strong)}
.joined-team-screen .designer-card.is-self:hover{--surface-bg:#48140e}
/* The body glow is a single layer; fixed chrome and profile photos stay flat. */

/* In profile questionnaires, field captions are secondary and filled answers are primary. */
.phone .profile-field h3,.phone .original-story h3{color:var(--info-secondary)}
.phone .profile-field p,.phone .original-story .profile-prose{color:var(--info-secondary)}

/* Every repeating person-card list uses one spacing value. */
.phone{--person-card-gap:12px}
.phone .mini-list,.phone .teammates{gap:var(--person-card-gap)}
.phone .mini-list>.offer-item{padding-bottom:0}

/* Service controls share one ink and stroke; the hit areas stay independent. */
.phone{--control-icon-size:24px;--control-icon-color:#D7AAA0}
.phone .control-icon{display:block;width:var(--control-icon-size);height:var(--control-icon-size);flex:0 0 var(--control-icon-size);color:var(--control-icon-color)}
.phone .mini-back{display:grid;place-items:center;background:var(--mahogany);color:var(--control-icon-color)}
.phone .team-more-trigger{color:var(--control-icon-color)}
.phone .team-more-trigger svg{width:var(--control-icon-size);height:var(--control-icon-size)}
.phone .search>button{display:grid;place-items:center;color:var(--control-icon-color)}
.phone .mini-back:hover{background:#57211b}
.phone .base-button{display:grid;place-items:center;position:relative;flex:0 0 58px;width:58px;height:58px;padding:0;--surface-border:var(--vermilion);--surface-bg:var(--mahogany);color:var(--text-primary)}
.phone .base-button img{position:relative;z-index:1;width:36px;height:36px;object-fit:contain}
.phone .base-button:hover{--surface-bg:#57211b;filter:none}
.phone .base-button.secondary{--surface-border:var(--mahogany);--surface-bg:var(--mahogany)}
.phone .mini-button-label:has(.button-catalog-icon){display:inline-flex;align-items:center;justify-content:center;gap:8px}
.phone .mini-button:has(.button-catalog-icon){padding-inline:16px}
.phone .button-catalog-icon{flex:none;width:28px;height:28px;object-fit:contain}
.phone .base-button:focus-visible{outline:2px solid var(--flame);outline-offset:4px}
.phone .base-button--compact{flex-basis:44px;width:44px;height:44px}
.phone .base-button--compact img{width:32px;height:32px}
.phone .team-selection-actions>.mini-button{padding-inline:12px}
.phone .mini-app-header:has(.base-button){gap:12px}
.phone .mini-app-header:has(.base-button) .mini-app-chrome{gap:12px}

/* Screen introductions and standalone notices are centered by default. */
.phone .mini-intro,.phone .mini-message-screen{text-align:center}


/* Empty and terminal states use the available reading area, above the fixed footer. */
.phone .mini-scroll.mini-message-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}
.phone .mini-message-screen>.mini-intro{width:100%;max-width:320px;margin:0;gap:var(--info-gap)}
.phone .mini-message-screen>.mini-intro p{max-width:300px;margin-inline:auto;color:var(--info-secondary)}
.phone .mini-message-screen>.mini-note{max-width:280px;margin:0}
.phone .mini-scroll:is(.team-chat-form,.team-name-form){display:flex;flex-direction:column;justify-content:center}
.phone .mini-scroll:has(> .mini-list > .mini-empty){display:flex;flex-direction:column}
.phone .mini-scroll:has(> .mini-list > .mini-empty)>.mini-list{flex:1 1 auto;justify-content:center;min-height:0}
.phone .designer-base>.mini-intro,.phone .designer-base>.pool-controls{flex-shrink:0}
.phone .designer-base:has(> .mini-list > .mini-empty)>.mini-list{flex:1 0 auto;min-height:auto}
.phone .team-roster-screen.is-empty{display:flex;flex-direction:column}
.phone .team-roster-screen.is-empty>.team-roster-empty{margin-block:auto}


/* Informational blocks share one composition, regardless of state. */
.phone .mini-intro{gap:var(--info-gap)}
.phone :is(.mini-empty,.pool-panel)>.mini-intro{margin:0;width:100%;align-items:center}

.designer-home-footer{gap:8px}

.mini-nav-lock-icon{display:block;width:28px;height:28px;flex:none}

/* Icon actions keep the same square footprint beside flexible text buttons. */
.phone .mini-footer-row>.mini-back,.phone .mini-footer.horizontal>.mini-back{flex:0 0 58px;width:58px;height:58px;min-height:58px;padding:0}
.phone .profile-actions{gap:8px}

.phone .chat-setup-steps{margin:0;padding-left:24px;text-align:left;color:var(--info-secondary);font:400 var(--type-body)/1.5 var(--type-ui)}
.phone .chat-setup-steps>li+li{margin-top:16px}