@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--spacing:.25rem;--radius-xs:var(--radius-xs);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-mono-font-family:var(--font-mono);--color-surface:var(--surface);--color-content-muted:var(--content-muted);--color-border-strong:var(--border-strong);--color-brand:var(--brand);--color-success:var(--success);--radius-pill:var(--radius-pill);--font-display:var(--font-display);--font-body:var(--font-body);--font-mono:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.min-h-screen{min-height:100vh}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-border-strong{border-color:var(--color-border-strong)}.bg-brand{background-color:var(--color-brand)}.bg-surface{background-color:var(--color-surface)}.\!p-0{padding:calc(var(--spacing)*0)!important}.text-content-muted{color:var(--color-content-muted)}.text-success{color:var(--color-success)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}}*,:after,:before{box-sizing:border-box}body,html{background:var(--surface-page);color:var(--content);font-family:var(--font-body);font-size:var(--type-body-size);letter-spacing:var(--type-body-ls);line-height:var(--type-body-lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;text-rendering:optimizelegibility}button,input,select,textarea{color:inherit;font:inherit}a{color:var(--brand-subtle);text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}::-moz-selection{background:var(--brand-100);color:var(--content-strong)}::selection{background:var(--brand-100);color:var(--content-strong)}.t-display-lg{font-size:var(--type-display-lg-size);font-weight:var(--type-display-lg-weight);letter-spacing:var(--type-display-lg-ls);line-height:var(--type-display-lg-lh)}.t-display,.t-display-lg{font-family:var(--font-display)}.t-display{font-size:var(--type-display-size);font-weight:var(--type-display-weight);letter-spacing:var(--type-display-ls);line-height:var(--type-display-lh)}.t-title-lg{font-size:var(--type-title-lg-size);font-weight:var(--type-title-lg-weight);letter-spacing:var(--type-title-lg-ls);line-height:var(--type-title-lg-lh)}.t-title,.t-title-lg{font-family:var(--font-display)}.t-title{font-size:var(--type-title-size);font-weight:var(--type-title-weight);letter-spacing:var(--type-title-ls);line-height:var(--type-title-lh)}.t-title-sm{font-family:var(--font-display);font-size:var(--type-title-sm-size);font-weight:var(--type-title-sm-weight);letter-spacing:var(--type-title-sm-ls);line-height:var(--type-title-sm-lh)}.t-body-lg{font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-lh)}.t-body{font-size:var(--type-body-size);line-height:var(--type-body-lh)}.t-body-sm{color:var(--content-muted);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lh)}.t-label{font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-ls);line-height:var(--type-label-lh)}.t-caption{color:var(--content-muted);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);letter-spacing:var(--type-caption-ls);line-height:var(--type-caption-lh);text-transform:uppercase}.t-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--content-muted)}.subtle{color:var(--content-subtle)}h1,h2,h3,h4,h5,h6{color:var(--content-strong);font-family:var(--font-display);margin:0}.app{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.nav{background:var(--surface);border-right:1px solid var(--border);height:100vh;overflow-y:auto;padding:var(--space-6) var(--space-4);position:sticky;top:0}.nav-brand{align-items:center;display:flex;gap:var(--space-3);padding:0 var(--space-2) var(--space-6)}.nav-logo{background:var(--content-strong);border-radius:var(--radius-md);color:var(--surface);display:grid;height:32px;letter-spacing:-.02em;place-items:center;width:32px}.nav-logo,.nav-name{font-family:var(--font-display);font-size:15px;font-weight:600}.nav-name{letter-spacing:-.01em}.nav-badge{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--content-muted);font-size:10px;margin-left:auto;padding:3px 7px}.nav-badge,.nav-section-label{font-weight:500;letter-spacing:.08em;text-transform:uppercase}.nav-section-label{color:var(--content-subtle);font-size:11px;padding:var(--space-4) var(--space-2) var(--space-2)}.nav-item{align-items:center;border-radius:var(--radius-sm);color:var(--content-muted);cursor:pointer;display:flex;font-size:14px;gap:var(--space-3);padding:9px var(--space-3);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.nav-item:hover{background:var(--surface-sunken);color:var(--content)}.nav-item.active{background:var(--surface-sunken);color:var(--content-strong);font-weight:500}.nav-item .dot{background:var(--content-subtle);border-radius:999px;height:6px;width:6px}.nav-item.active .dot{background:var(--brand)}.main{max-width:1240px}.main,.main-wide{padding:var(--space-10) var(--space-12)}.page-eyebrow{color:var(--brand);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.page-eyebrow,.page-title{margin-bottom:var(--space-3)}.page-desc{color:var(--content-muted);font-size:17px;line-height:1.6;margin-bottom:var(--space-10);max-width:640px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:calc(var(--space-6)*var(--density-pad))}.card-head{align-items:baseline;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.005em}.card-sub{color:var(--content-muted);font-size:13px}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:14px;font-weight:500;gap:var(--space-2);height:40px;justify-content:center;padding:0 var(--space-4);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:translateY(.5px)}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-primary{background:var(--brand);color:var(--brand-content)}.btn-primary:hover{background:var(--brand-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--content)}.btn-secondary:hover{background:var(--surface-sunken)}.btn-ghost{background:0 0;color:var(--content)}.btn-ghost:hover{background:var(--surface-sunken)}.btn-danger{background:var(--danger);color:var(--content-inverse)}.btn-danger:hover{filter:brightness(.95)}.btn-sm{border-radius:var(--radius-sm);font-size:13px;height:32px;padding:0 var(--space-3)}.btn-lg{font-size:15px;height:48px;padding:0 var(--space-5)}.btn-block{width:100%}.btn svg{height:16px;width:16px}.field{display:flex;flex-direction:column;gap:6px}.field-label{color:var(--content);font-size:13px;font-weight:500}.field-hint{color:var(--content-muted);font-size:12px}.input,.select,.textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--content);font-size:14px;height:var(--density-input-h);padding:0 var(--space-3);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}.input:hover,.select:hover,.textarea:hover{border-color:var(--neutral-300)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:var(--shadow-focus);outline:none}.textarea{height:auto;line-height:1.5;min-height:96px;padding:10px var(--space-3);resize:vertical}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--content-subtle)}.input::placeholder,.textarea::placeholder{color:var(--content-subtle)}.badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-pill);display:inline-flex;font-size:12px;font-weight:500;gap:6px;line-height:1.4;padding:3px 9px;white-space:nowrap}.badge .bdot{background:currentColor;border-radius:999px;height:6px;opacity:.9;width:6px}.badge-neutral{background:var(--surface-sunken);border-color:var(--border);color:var(--content-muted)}.badge-brand{background:var(--brand-soft);border-color:var(--brand-200);color:var(--brand-subtle)}.badge-success{background:var(--success-soft);border-color:var(--success-border);color:var(--success-content)}.badge-warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-content)}.badge-danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-content)}.badge-info{background:var(--info-soft);border-color:var(--info-border);color:var(--info-content)}.sep{height:1px;width:100%}.sep,.sep-v{background:var(--border)}.sep-v{align-self:stretch;width:1px}.stack{flex-direction:column}.row,.stack{display:flex}.row{align-items:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.grow{flex:1}.center{display:grid;place-items:center}.between{justify-content:space-between}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border:2px solid var(--surface-page);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-300)}.section-head{margin-bottom:var(--space-5)}.ramp{display:grid;gap:var(--space-2);grid-template-columns:repeat(14,1fr)}@media(max-width:960px){.ramp{grid-template-columns:repeat(7,1fr)}}.ramp-cell{display:flex;flex-direction:column;gap:6px}.ramp-chip{border:1px solid #0000;border-radius:var(--radius-sm);height:56px}.ramp-label{color:var(--content-muted);font-size:11px;text-align:center}.semantic-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.swatch{align-items:center;display:flex;gap:var(--space-3)}.swatch-chip{border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;height:36px;width:36px}.swatch-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.swatch-label{font-size:13px;font-weight:500}.swatch-sub{color:var(--content-muted);font-size:11px}.type-row{align-items:baseline;display:flex;gap:var(--space-6);padding:var(--space-4) 0}.type-sample{color:var(--content-strong);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.type-meta{color:var(--content-muted);flex-shrink:0;font-size:12px}.grid-2{grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:var(--space-4)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-4,.grid-5{display:grid;gap:var(--space-4)}.grid-5{grid-template-columns:repeat(5,1fr)}@media(max-width:960px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr 1fr}}.motion-cell{flex-direction:column}.motion-cell,.stepper,.stepper-node{align-items:center;display:flex;gap:var(--space-2)}.stepper-node{flex-direction:column;min-width:0}.stepper-dot{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:999px;color:var(--content-muted);display:grid;font-size:12px;font-weight:500;height:28px;place-items:center;width:28px}.stepper-node.done .stepper-dot{background:var(--brand);border-color:var(--brand);color:var(--brand-content)}.stepper-node.done .stepper-dot svg{height:14px;width:14px}.stepper-node.active .stepper-dot{border-color:var(--brand);box-shadow:var(--shadow-focus);color:var(--brand)}.stepper-label{color:var(--content-muted);font-size:13px;text-align:center;white-space:nowrap}.stepper-node.active .stepper-label{color:var(--content-strong);font-weight:500}.stepper-line{background:var(--border);border-radius:2px;flex:1;height:2px;margin-bottom:28px}.stepper-line.done{background:var(--brand)}.dropzone{background:var(--surface-sunken);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-8) var(--space-6);text-align:center;transition:all var(--duration-base) var(--ease-standard)}.dropzone:hover{background:var(--brand-25);border-color:var(--brand-400)}.dropzone.dragging{background:var(--brand-50);border-color:var(--brand);border-style:solid}.dropzone.compact{padding:var(--space-5)}.dropzone-icon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--content-muted);display:grid;height:48px;margin:0 auto var(--space-4);place-items:center;width:48px}.dropzone-icon svg{height:22px;width:22px}.dropzone-label{color:var(--content-strong);font-size:15px;font-weight:500;margin-bottom:4px}.dropzone-sub{color:var(--content-muted);font-size:13px}.dropzone.compact .dropzone-icon{height:40px;margin-bottom:var(--space-2);width:40px}.dropzone.compact .dropzone-label{font-size:14px}.input-group{align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--content-muted);display:flex;gap:var(--space-2);height:var(--density-input-h);padding:0 var(--space-3);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.input-group:focus-within{border-color:var(--brand);box-shadow:var(--shadow-focus);color:var(--content)}.input-group .input{background:0 0;border:none;box-shadow:none!important;height:auto;padding:0}.input-group svg{flex-shrink:0;height:16px;width:16px}.dtable{display:flex;flex-direction:column;width:100%}.dtable-head{background:var(--surface-sunken)}.dtable-head,.dtable-row{border-bottom:1px solid var(--border);display:flex}.dtable-row{transition:background var(--duration-fast) var(--ease-standard)}.dtable-row:last-child{border-bottom:none}.dtable-row:hover{background:var(--surface-sunken)}.dtable-cell{align-items:center;display:flex;font-size:14px;min-height:var(--density-row-h);min-width:0;padding:calc(var(--space-4)*var(--density-pad)) var(--space-4)}.dtable-cell.head{color:var(--content-muted);font-size:11px;font-weight:500;letter-spacing:.06em;min-height:0;padding-bottom:10px;padding-top:10px;text-transform:uppercase}.dtable.compact .dtable-cell{font-size:13px;padding-bottom:calc(var(--space-2)*var(--density-pad));padding-top:calc(var(--space-2)*var(--density-pad))}.admin-shell{background:var(--surface-page);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-template-columns:220px 1fr;min-height:600px;overflow:hidden}.admin-side{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-5) var(--space-3)}.admin-side-brand{align-items:center;display:flex;gap:10px;padding:0 var(--space-2) var(--space-5)}.admin-side-brand .mark{background:var(--content-strong);border-radius:var(--radius-sm);color:var(--surface);display:grid;font-family:var(--font-display);font-size:13px;font-weight:600;height:28px;place-items:center;width:28px}.admin-side-brand .name{font-family:var(--font-display);font-size:14px;font-weight:600}.admin-side .nav-section-label{padding-left:var(--space-2)}.admin-main{padding:var(--space-6) var(--space-8)}.admin-topbar{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.admin-topbar .input-group{flex:1;max-width:320px}.admin-stat-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.stat-label{color:var(--content-muted);font-size:12px;font-weight:500}.stat-value{color:var(--content-strong);font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.015em;margin-top:6px}.stat-delta{color:var(--success);font-size:12px;font-weight:500;margin-top:4px}.stat-delta.down{color:var(--danger)}.phone-frame{background:var(--content-strong);border-radius:44px;box-shadow:var(--shadow-xl);margin:0 auto;padding:12px;position:relative;width:390px}.phone-screen{background:var(--surface-page);border-radius:34px;display:flex;flex-direction:column;height:780px;overflow:hidden;position:relative}.phone-notch{background:var(--content-strong);border-radius:999px;height:30px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:110px;z-index:10}.phone-status{align-items:center;color:var(--content-strong);display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:16px 24px 8px}.phone-content{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.phone-tab-bar{background:var(--surface);border-top:1px solid var(--border);display:flex;gap:var(--space-2);padding:10px var(--space-4) 28px}.phone-tab{align-items:center;color:var(--content-subtle);display:flex;flex:1;flex-direction:column;font-size:11px;font-weight:500;gap:4px;padding:6px 0}.phone-tab.active{color:var(--brand)}.phone-tab svg{height:22px;width:22px}.phone-header{padding:var(--space-2) 0 var(--space-5)}.phone-greeting{color:var(--content-muted);font-size:13px}.phone-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em;margin-top:2px}.phone-progress-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.pbar{background:var(--surface-sunken);height:6px;margin:var(--space-3) 0 var(--space-2);overflow:hidden}.pbar,.pbar-fill{border-radius:999px}.pbar-fill{background:var(--brand);height:100%;transition:width var(--duration-slow) var(--ease-emphasized)}.doc-item{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-4);transition:background var(--duration-fast) var(--ease-standard)}.doc-item .icon,.doc-item:hover{background:var(--surface-sunken)}.doc-item .icon{border-radius:var(--radius-sm);color:var(--content-muted);display:grid;flex-shrink:0;height:36px;place-items:center;width:36px}.doc-item .icon.done{background:var(--success-soft);color:var(--success-content)}.doc-item .icon.changes{background:var(--warning-soft);color:var(--warning-content)}.doc-item .meta{flex:1;min-width:0}.doc-item .ttl{color:var(--content-strong);font-size:14px;font-weight:500}.doc-item .sub{color:var(--content-muted);font-size:12px;margin-top:2px}.doc-item .chev{color:var(--content-subtle);flex-shrink:0}.code-block{background:var(--neutral-900);border-radius:var(--radius-md);color:var(--neutral-100);font-family:var(--font-mono);font-size:13px;line-height:1.6;overflow-x:auto;padding:var(--space-5);white-space:pre}.do-dont{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.do,.dont{border-radius:var(--radius-md);padding:var(--space-4)}.do{background:var(--success-soft);border:1px solid var(--success-border)}.dont{background:var(--danger-soft);border:1px solid var(--danger-border)}.do .head,.dont .head{font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.do .head{color:var(--success-content)}.dont .head{color:var(--danger-content)}.do pre,.dont pre{color:var(--content-strong);font-family:var(--font-mono);font-size:12px;line-height:1.6;margin:0;white-space:pre-wrap}.preview-bar{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5)}.preview-bar .label{color:var(--content-muted);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.preview-bar .name{font-family:var(--font-display);font-size:15px;font-weight:600}.client-frame-wrap{background:var(--neutral-100);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;justify-content:center;padding:var(--space-8) 0}.sitemap-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}@media(max-width:1100px){.sitemap-grid{grid-template-columns:1fr}}.sitemap-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.sitemap-tree{gap:var(--space-5)}.sitemap-tree,.sm-section{display:flex;flex-direction:column}.sm-section{gap:var(--space-2)}.sm-section-title{border-bottom:1px dashed var(--border);color:var(--content-subtle);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:4px;padding-bottom:4px;text-transform:uppercase}.sm-node{border-bottom:1px solid var(--border);padding:10px 0}.sm-node:last-child{border-bottom:none}.sm-node-head{align-items:center;display:flex;gap:var(--space-3)}.sm-marker{background:var(--neutral-300);border-radius:999px;flex-shrink:0;height:8px;width:8px}.sm-marker.sm-success{background:var(--success)}.sm-marker.sm-danger{background:var(--danger)}.sm-marker.sm-brand{background:var(--brand);box-shadow:0 0 0 3px var(--brand-100)}.sm-marker.sm-info{background:var(--info)}.sm-node-meta{flex:1;min-width:0}.sm-path{color:var(--content-strong);font-family:var(--font-mono);font-size:13px;font-weight:500}.sm-path.strike{color:var(--content-subtle);text-decoration:line-through;text-decoration-color:var(--danger);text-decoration-thickness:1.5px}.sm-label{color:var(--content-muted);font-size:12px;margin-top:2px}.sm-note{background:var(--brand-50);border:1px solid var(--brand-200);border-radius:var(--radius-pill);color:var(--brand);font-size:11px;font-weight:500;padding:3px 8px;white-space:nowrap}.sm-children{border-left:1px dashed var(--border);display:flex;flex-direction:column;gap:0;margin-left:20px;margin-top:8px;padding-left:var(--space-4)}.sm-children .sm-node{border-bottom:none;padding:6px 0}.sm-children .sm-path{font-size:12px}.rationale-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.page-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.page-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.page-row:last-child{border-bottom:none}.page-row:hover{background:var(--surface-sunken)}.page-num{color:var(--content-subtle);font-size:12px;min-width:28px}.page-meta{flex:1;min-width:0}.page-priority{flex-shrink:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}