/* Live adoption adapter. Values come from ui-system/tokens.css; no gallery styles. */
.wf-system{--bg:var(--wf-canvas);--paper:var(--wf-surface);--text:var(--wf-text);--muted:var(--wf-muted);--purple:var(--wf-primary);--soft:var(--wf-selected);--line:var(--wf-divider);--green:var(--wf-success);font-size:var(--wf-type-body);line-height:1.6;color:var(--wf-text)}
.wf-system button:disabled{cursor:default}
.wf-system button:not(.month-date){min-width:48px;min-height:48px}
.wf-system summary{min-height:48px;padding:12px 0;font-size:var(--wf-type-button)}
.wf-system .pinned-notice button{min-height:48px;display:inline-flex;align-items:center;gap:8px;font-size:var(--wf-type-button)}
.wf-system button,.wf-system a,.wf-system summary{touch-action:manipulation}
.wf-system svg.i,.wf-system svg.wf-icon{width:24px;height:24px;stroke-width:1.8;flex-shrink:0}
.wf-system h2{font-size:var(--wf-type-title);line-height:1.4;letter-spacing:-.025em;overflow-wrap:anywhere}
.wf-system h3{font-size:var(--wf-type-section);line-height:1.45;overflow-wrap:anywhere}
.wf-system .small,.wf-system .hint{font-size:var(--wf-type-caption)}
.wf-system :is(.muted,.device-info,.topbar .date,.profile-box p,.person-line small,.search-result small,.schedule-kind,.schedule-card small,.month-weekdays span,.chat-history-status,.stats-category p,.stats-donut small){color:var(--wf-muted)}
.wf-system :is(.btn,.text-link,.filters button,.family-shortcuts button,.feature-grid button,.notice-toolbar button,.dialog-actions button,.message-tools button,.calendar-controls button,.calendar-heading button,.stats-navigation button){min-height:48px;border-radius:var(--wf-radius-control);font-size:var(--wf-type-button);line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal}
.wf-system .btn{padding:12px 16px;font-weight:600}
.wf-system .btn.secondary{color:var(--wf-selected-text);background:var(--wf-surface);border:1px solid var(--wf-control-border)}
.wf-system .btn.danger{color:var(--wf-error);background:var(--wf-surface);border:1px solid var(--wf-error)}
.wf-system .text-link{padding:8px;color:var(--wf-selected-text)}
.wf-system :is(.filters,.family-shortcuts,.dialog-actions,.internet-controls,.stats-controls){display:flex;gap:8px;flex-wrap:wrap}
.wf-system :is(.filters button,.family-shortcuts button,.notice-toolbar button,.dialog-actions button:not(.btn)){padding:10px 14px;border:1px solid var(--wf-control-border);background:var(--wf-surface)}
.wf-system :is(.filters button.active,.family-shortcuts [aria-pressed=true],.calendar-person[aria-pressed=true]){background:var(--wf-selected);color:var(--wf-selected-text);border-color:var(--wf-selected-text)}
.wf-system input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=hidden]),.wf-system textarea,.wf-system select{font-size:var(--wf-type-body);line-height:1.5;border:1px solid var(--wf-control-border);border-radius:var(--wf-radius-control);padding:12px;min-height:48px;max-width:100%;min-width:0;color:var(--wf-text);background:var(--wf-surface)}
.wf-system :is(input[type=checkbox],input[type=radio]){width:18px;height:18px;min-height:0;padding:0;margin:0;flex:0 0 18px;accent-color:var(--wf-primary);box-shadow:none}
.wf-system input[type=file]{width:100%;padding:12px;min-height:48px;font-size:var(--wf-type-label)}
.wf-system input[type=range]{padding:0;box-shadow:none}
.wf-system ::placeholder{color:var(--wf-muted);opacity:1}
.wf-system :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--wf-primary);outline-offset:3px}
.wf-system .field{display:block;margin:16px 0;font-size:var(--wf-type-label);font-weight:600}
.wf-system .field :is(input,select,textarea){display:block;margin-top:6px;font-weight:400}
.wf-system .wf-choice{min-height:48px;padding:10px 12px;gap:8px;border-radius:12px;cursor:pointer}
.wf-system .wf-switch{width:100%;min-height:48px;padding:8px 0;gap:12px;justify-content:space-between;margin:12px 0;font-size:var(--wf-type-button);color:var(--wf-text)}
.wf-system .wf-switch input{position:absolute;width:48px;height:48px;right:0;top:0;opacity:0;flex:none}
.wf-system .wf-switch>span:first-child{min-width:0;padding-right:8px}
.wf-system .wf-switch__track{flex:0 0 44px}
.wf-system [hidden]{display:none!important}
.wf-system :is(.panel,.aside-card,.note-card,.profile-box .inner,.month-board,.week-agenda){border:1px solid var(--wf-divider);border-radius:var(--wf-radius-card);background:var(--wf-surface)}
.wf-system :is(.aside-card,.note-card){padding:16px}
.wf-system :is(.note-card,.aside-card,.device,.request-card){overflow-wrap:anywhere;min-width:0}
.wf-system .section-head{gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.wf-system .section-head>div{flex:1;min-width:180px}
.wf-system .section-head p,.wf-system .dialog-desc{color:var(--wf-muted);font-size:var(--wf-type-label);margin-top:6px}
.wf-system .note-body,.wf-system .note-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}
.wf-system .note-card :is(small,.note-meta){color:var(--wf-muted);font-size:var(--wf-type-caption)}
.wf-system .note-card .dialog-actions{margin-top:12px}
.wf-system .note-card h3>svg{width:20px;height:20px;vertical-align:middle;margin-right:6px;color:var(--wf-selected-text)}
.wf-system #dialog{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--wf-divider);border-radius:var(--wf-radius-dialog);background:var(--wf-surface);color:var(--wf-text);overflow:auto;overscroll-behavior:contain}
.wf-system #dialog::backdrop{background:#27243566;backdrop-filter:blur(3px)}
.wf-system .dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;position:sticky;top:-24px;z-index:2;background:var(--wf-surface);padding-top:12px;padding-bottom:12px}
.wf-system .dialog-head h2{flex:1;min-width:0}
.wf-system .dialog-head button{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;color:var(--wf-muted);border-radius:12px}
.wf-system #dialog .dialog-actions{margin-top:16px;gap:8px}
.wf-system .form-error{color:var(--wf-error);padding:12px;border-left:3px solid var(--wf-error);background:var(--wf-canvas);border-radius:8px;white-space:pre-wrap}
.wf-system .feature-menu>summary{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 14px;border:1px solid var(--wf-control-border);border-radius:12px;font-size:var(--wf-type-button);font-weight:600;color:var(--wf-selected-text)}
.wf-system .feature-grid{top:56px;width:min(360px,calc(100vw - 48px));padding:12px;gap:8px;border:1px solid var(--wf-control-border);border-radius:16px}
.wf-system .feature-grid button{text-align:left;justify-content:flex-start;padding:12px;font-size:var(--wf-type-label);background:var(--wf-canvas)}
.wf-system .nav button{min-height:64px;color:var(--wf-muted);font-size:var(--wf-type-button);gap:12px;line-height:1.4;padding:12px 16px;border-radius:16px}
.wf-system .nav button.active{background:var(--wf-selected);color:var(--wf-selected-text)}
.wf-system .challenge-pending{opacity:.7!important}
.wf-system .challenge-pending small{display:block;font-size:var(--wf-type-pending);line-height:1.3;white-space:normal}
.wf-system .character-profile img{object-fit:contain;object-position:center;border:0}
.wf-system .hero{min-height:160px;padding:24px;margin-bottom:24px}
.wf-system .hero h1{font-size:clamp(1.4rem,3vw,1.95rem)}
.wf-system .hero p{color:var(--wf-muted);font-size:var(--wf-type-label)}
.wf-system .chat-top{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:16px;align-items:center}
.wf-system .chat-top>strong{display:inline-flex;align-items:center;gap:8px}
.wf-system .chat-top>.muted{margin-left:0;font-size:var(--wf-type-caption)}
.wf-system .chat-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:4px}
.wf-system .chat-actions:not(:has(.chat-notification)){grid-template-columns:repeat(2,minmax(0,1fr))}
.wf-system .chat-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:56px;padding:8px 4px;line-height:1.3;font-size:var(--wf-type-caption);white-space:nowrap;border-radius:12px;background:var(--wf-canvas)}
.wf-system .chat-actions button svg{width:20px;height:20px;flex-shrink:0}
.wf-system .chat-notification[aria-pressed=true]{color:var(--wf-selected-text);background:var(--wf-selected)}
.wf-system .chat-top>[data-feature=latest-chat]{width:100%}
.wf-system .internet-tools{margin-top:20px}
.wf-system .internet-tools>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;cursor:pointer}
.wf-system .internet-tools>summary::after{content:'＋';margin-left:auto;font-size:1.2em}
.wf-system .internet-tools[open]>summary::after{content:'−'}
.wf-system .internet-tools-content{padding-top:16px;display:flex;flex-direction:column;gap:16px}
.wf-system .internet-tools .internet-tabs{margin:0;gap:8px}
.wf-system .internet-tools .internet-tabs button{font-size:var(--wf-type-label);padding:10px 8px}
.wf-system .internet-secondary-actions{display:flex;flex-wrap:wrap;gap:8px}
.wf-system .internet-controls{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}
.wf-system .internet-controls>label{display:block;flex:1;min-width:0;font-size:var(--wf-type-label)}
.wf-system .internet-controls select{display:block;margin-top:6px}
.wf-system .internet-controls>[data-action=internet-refresh]{width:48px;min-width:48px;padding:12px}
.wf-system .internet-controls>[data-action=internet-refresh] svg{width:20px;height:20px}
.wf-system .internet-time-bulk{margin:0}
.wf-system .internet-policy{border-top:1px solid var(--wf-divider);padding-top:8px}
.wf-system .internet-policy p{font-size:var(--wf-type-label);margin:8px 0}
.wf-system #internet-budgets .aside-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0}
.wf-system #internet-budgets .budget-default{order:5;min-height:48px;font-size:var(--wf-type-caption);text-align:center;justify-content:center}
.wf-system #internet-budgets [data-action=bonus-time]{margin-top:8px;justify-content:center}
.wf-system #internet-budgets p{font-size:var(--wf-type-label)}
.wf-system .composer{padding:12px 16px;border-top:1px solid var(--wf-divider)}
.wf-system .composer #message-form{display:grid;grid-template-columns:48px 48px minmax(0,1fr) 48px;gap:8px;align-items:center}
.wf-system #message-input{grid-column:1/-1;grid-row:1;min-height:calc(3em + 24px);width:100%;font-size:var(--wf-type-body);line-height:1.5;padding:12px;resize:none}
.wf-system #message-input::placeholder{font-size:var(--wf-type-label);color:var(--wf-muted);letter-spacing:0}
.wf-system .composer #message-form>button{grid-row:2;min-width:48px;width:48px;min-height:48px;padding:10px}
.wf-system .composer .send{grid-column:4}
.wf-system .composer .hint{color:var(--wf-muted);margin-top:8px;text-align:right}
.wf-system .sticker-draft,.wf-system .reply-draft,.wf-system .attachment-draft{padding:12px;gap:12px;border-radius:12px;background:var(--wf-selected);overflow-wrap:anywhere}
.wf-system :is(.sticker-draft,.reply-draft,.attachment-draft)>button{min-width:48px;min-height:48px;width:auto;height:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}
.wf-system .message-meta,.wf-system .date-separator{font-size:var(--wf-type-caption);color:var(--wf-muted)}
.wf-system .bubble{font-size:var(--wf-type-body);line-height:1.65}
.wf-system .message.self .bubble:not(.sticker-bubble){background:var(--wf-primary);color:var(--wf-on-primary)}
.wf-system .message-tools{gap:4px;flex-wrap:wrap}
.wf-system .message-tools button{min-width:48px;padding:8px;font-size:var(--wf-type-caption)}
.wf-system .ui-empty-art{width:80px;height:80px;display:block;margin:0 auto 12px}
.wf-system .empty{color:var(--wf-muted);padding:24px 16px;font-size:var(--wf-type-body)}
.wf-system .calendar-controls{gap:8px;flex-wrap:wrap}
.wf-system .calendar-person{min-width:56px;min-height:64px;padding:6px;border-radius:12px;border:1px solid var(--wf-control-border)}
.wf-system .calendar-person[aria-pressed=false]{opacity:1;background:var(--wf-surface);color:var(--wf-muted)}
.wf-system .all-family-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px}
.wf-system .all-family-icon svg{width:30px;height:30px}
.wf-system .calendar-person small{font-size:var(--wf-type-caption)}
.wf-system .calendar-heading{font-size:var(--wf-type-title);gap:8px}
.wf-system .agenda-day h3 span{font-size:var(--wf-type-caption);white-space:nowrap;font-variant-numeric:tabular-nums}
.wf-system .schedule-members{padding:0;margin:16px 0}
.wf-system .schedule-members>button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--wf-control-border);border-radius:12px;padding:10px 12px;min-height:48px;font-size:var(--wf-type-button);margin-bottom:12px}
.wf-system .schedule-members>button[aria-pressed=true]{color:var(--wf-selected-text);background:var(--wf-selected);border-color:var(--wf-selected-text)}
.wf-system :is(.schedule-member-check,.schedule-weekdays label):has(input:checked){background:var(--wf-selected);border-color:var(--wf-selected-text)}
.wf-system .schedule-member-check{background:var(--wf-surface);border:1px solid var(--wf-control-border);min-width:64px}
.wf-system .schedule-time-row{gap:12px;flex-wrap:wrap}
.wf-system .schedule-time-row>.field{flex:1 1 140px}
.wf-system .schedule-card{padding:12px;gap:10px;min-height:64px;border-radius:12px}
.wf-system .schedule-card .schedule-copy strong{font-size:var(--wf-type-body)}
.wf-system .schedule-card .schedule-copy small{font-size:var(--wf-type-caption)}
.wf-system .schedule-card time{font-size:var(--wf-type-label);flex:0 0 48px}
.wf-system .schedule-card.family-event{background:var(--wf-selected);border-left:4px solid var(--wf-selected-text)}
.wf-system .family-combined-badge{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--wf-selected-text)}
.wf-system .family-combined-badge svg{width:30px;height:30px}
.wf-system .family-combined-badge img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:var(--wf-surface)}
.wf-system .family-event .schedule-participants{flex:0 0 64px;max-width:64px}
.wf-system .family-combined-badge small{font-size:var(--wf-type-pending);white-space:nowrap;color:var(--wf-selected-text)}
.wf-system .schedule-dots .dot-family{width:8px;height:8px;background:conic-gradient(var(--wf-family-dad) 0 25%,var(--wf-family-mom) 25% 50%,var(--wf-family-woni) 50% 75%,var(--wf-family-chuni) 75% 100%)}
.wf-system .dot-dad{background:var(--wf-family-dad)}.wf-system .dot-mom{background:var(--wf-family-mom)}.wf-system .dot-woni{background:var(--wf-family-woni)}.wf-system .dot-chuni{background:var(--wf-family-chuni)}
.wf-system .month-dates .month-date{min-height:48px;font-size:var(--wf-type-label)}
.wf-system .device{gap:12px;flex-wrap:wrap;padding:16px 0}
.wf-system .device>div{flex:1;min-width:160px}
.wf-system .device .btn{margin-left:auto}
.wf-system .device-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wf-system .device-info{font-size:var(--wf-type-caption)}
.wf-system .pill{font-size:var(--wf-type-caption);line-height:1.5;padding:3px 8px}
.wf-system .toast{font-size:var(--wf-type-body);width:max-content;max-width:calc(100vw - 32px);white-space:pre-wrap;overflow-wrap:anywhere;bottom:calc(96px + env(safe-area-inset-bottom))}
.wf-system .attachment-name,.wf-system .attachment-card small{font-size:var(--wf-type-label);color:var(--wf-text)}
.wf-system .attachment-draft img{object-fit:contain}
.wf-system .browser-address{display:flex;gap:8px;min-width:0}
.wf-system .browser-address input{flex:1;width:0}
.wf-system .browser-address .btn{flex-shrink:0}
.wf-system .composer{scroll-margin-bottom:calc(var(--wf-live-nav-height,96px) + 16px)}
.wf-system .auth-card,.wf-system .login-card{border-radius:24px;max-width:calc(100vw - 24px)}
@media(max-width:900px){
 .wf-system .main{padding:16px 16px calc(var(--wf-live-nav-height,96px) + 24px + env(safe-area-inset-bottom));margin-left:0;width:100%}
 .wf-system .nav{padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:4px;background:var(--wf-surface);border-top:1px solid var(--wf-divider)}
 .wf-system .nav button{min-width:0;min-height:64px;padding:8px 4px;gap:4px;font-size:var(--wf-type-caption);flex:1}
 .wf-system .nav svg.i{width:24px;height:24px}
 .wf-system .nav button>span{white-space:normal}
 .wf-system .nav button{align-items:center;justify-content:center;text-align:center}
 .wf-system .nav .challenge-pending>span{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}
 .wf-system .nav .count{position:absolute;top:3px;right:10px;min-width:16px}
 .wf-system .topbar{gap:8px;flex-wrap:wrap;margin-bottom:16px}
 .wf-system .hero{padding:20px;min-height:128px}
 .wf-system[data-ui-view=chat] .hero{display:none}
 .wf-system .hero-art{width:110px;transform:scale(.7);transform-origin:right center}
 .wf-system .section-head>div{min-width:0}
 .wf-system .section-head .btn{flex-shrink:0}
 .wf-system #dialog{padding:20px;max-height:calc(100dvh - 24px)}
 .wf-system .dialog-head{top:-20px}
 .wf-system .feature-grid{position:absolute;max-height:65dvh;overflow:auto}
 .wf-system .chat-scroll{height:clamp(260px,45dvh,480px)}
 .wf-system .message-content{max-width:calc(100% - 48px);min-width:0}
 .wf-system .message{gap:8px}
 .wf-system .message .bubble{max-width:100%}
 .wf-system .agenda-day{grid-template-columns:3rem minmax(0,1fr);gap:8px}
 .wf-system .schedule-card{flex-wrap:wrap}
 .wf-system .schedule-card .schedule-copy{flex:1 1 80px}
 .wf-system .schedule-participants{max-width:72px}
}
@media(max-width:360px){.wf-system .hero-art{display:none}.wf-system .main{padding-left:12px;padding-right:12px}.wf-system .composer{padding:12px}.wf-system .chat-top>span{width:100%}.wf-system .status-chip{font-size:var(--wf-type-caption)}}
/* A mobile conversation is a bounded workspace, not a long page beneath fixed tabs. */
@media(max-width:900px){
 .wf-system .sidebar{height:auto;min-height:0;padding:0;border-top:0}
 .wf-system .nav{flex-shrink:0}
 .wf-system[data-ui-view=chat]{overflow:hidden}
 .wf-system[data-ui-view=chat] .main{height:var(--wf-viewport-height,100dvh);min-height:0;padding:8px 8px calc(var(--wf-live-nav-height,96px) + 8px);display:flex;flex-direction:column;overflow:hidden}
 .wf-system[data-ui-view=chat] .main>:is(.topbar,.bottom-note,.demo-bar){display:none}
 .wf-system[data-ui-view=chat] #content{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}
 .wf-system[data-ui-view=chat] #content>:is(.section-head,.pinned-notice){display:none}
 .wf-system[data-ui-view=chat] .feature-menu{position:relative;z-index:5;margin:0;flex-shrink:0}
 .wf-system[data-ui-view=chat] .feature-menu>summary{width:48px;height:48px;min-height:48px;padding:12px;border:0;background:transparent;justify-content:center}
 .wf-system[data-ui-view=chat] .feature-menu>summary span{display:none}
 .wf-system[data-ui-view=chat] .feature-grid{right:0;left:auto;top:100%;width:min(320px,calc(100vw - 32px));max-height:calc(var(--wf-viewport-height,100dvh) - 80px)}
 .wf-system[data-ui-view=chat] .workspace{display:flex;flex:1;min-height:0;min-width:0;margin:0}
 .wf-system[data-ui-view=chat] .workspace>aside{display:none}
 .wf-system[data-ui-view=chat] .workspace>.panel{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}
 .wf-system[data-ui-view=chat] .chat-top{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;align-items:center;flex-shrink:0}
 .wf-system[data-ui-view=chat] .chat-top>strong{flex:1;white-space:nowrap;font-size:var(--wf-type-label)}
 .wf-system[data-ui-view=chat] .chat-top>strong svg,.wf-system[data-ui-view=chat] .chat-top>.muted{display:none}
 .wf-system[data-ui-view=chat] .chat-actions{display:flex;width:auto;gap:0;margin:0;align-items:center;flex-wrap:nowrap}
 .wf-system[data-ui-view=chat] .chat-actions button{width:48px;min-width:48px;min-height:48px;height:48px;padding:12px}
 .wf-system[data-ui-view=chat] .chat-actions button>span{display:none}
 .wf-system[data-ui-view=chat] .chat-actions button:not(.chat-notification[aria-pressed=true]){background:transparent}
 .wf-system[data-ui-view=chat] .chat-scroll{height:auto;flex:1;min-height:0;padding:8px 12px;overflow-y:auto;overflow-anchor:none}
 .wf-system[data-ui-view=chat] .chat-new{position:absolute;z-index:2;bottom:calc(var(--chat-composer-height,160px) + 8px);left:50%;transform:translateX(-50%);margin:0;max-width:calc(100% - 24px);white-space:nowrap}
 .wf-system[data-ui-view=chat] .message{margin-bottom:8px}
 .wf-system[data-ui-view=chat] .message-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:4px}
 .wf-system[data-ui-view=chat] .message-meta{grid-column:1;grid-row:1;min-width:0;margin:0;flex-wrap:wrap}
 .wf-system[data-ui-view=chat] .message-tools{grid-column:2;grid-row:1;margin:0;gap:0;max-width:144px}
 .wf-system[data-ui-view=chat] .message-stack{grid-column:1/-1;grid-row:2;min-width:0}
 .wf-system[data-ui-view=chat] .date-separator{margin:8px 0}
 .wf-system[data-ui-view=chat] .composer{flex-shrink:0;max-height:55%;overflow-y:auto;padding:8px}
 .wf-system[data-ui-view=chat] .composer #message-form{gap:4px}
 .wf-system[data-ui-view=chat] #message-input{min-height:calc(3em + 12px);padding:6px 8px}
 .wf-system[data-ui-view=chat] .composer .hint{display:none}
}
@media(prefers-reduced-motion:reduce){.wf-system *{scroll-behavior:auto;transition:none}}

/* Shared contextual navigation: same header flow, one home for settings. */
.wf-system .feature-menu{position:relative;margin:0}
.wf-system .chat-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.wf-system .chat-top>strong{flex:1}
.wf-system .chat-actions{display:flex;align-items:center;gap:4px;width:auto;margin:0}
.wf-system .chat-actions button,.wf-system .chat-actions .feature-menu>summary{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:12px;gap:0;border:0;background:transparent;margin:0;border-radius:12px}
.wf-system .chat-actions button>span,.wf-system .chat-actions .feature-menu>summary>span{display:none}
.wf-system .chat-actions .feature-menu>summary svg{width:20px;height:20px}
.wf-system .chat-actions .feature-grid{left:auto;right:0;top:calc(100% + 8px);width:min(280px,calc(100vw - 48px));z-index:8;display:grid;grid-template-columns:1fr}
.wf-system .chat-actions .feature-grid button{width:100%;height:auto;min-height:48px;justify-content:flex-start;gap:8px;padding:12px;text-align:left}
.wf-system .chat-actions .feature-grid button>span{display:inline}
.wf-system .family-home-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.wf-system :is(.family-home-links,.settings-group) button{display:flex;align-items:center;gap:12px;min-height:48px;width:100%;padding:12px 16px;border:1px solid var(--wf-control-border);border-radius:12px;text-align:left;font-size:var(--wf-type-button);background:var(--wf-surface)}
.wf-system .family-home-links button{min-height:64px;color:var(--wf-selected-text)}
.wf-system :is(.family-access,.family-settings){margin:16px 0;background:var(--wf-surface);border:1px solid var(--wf-control-border);border-radius:16px;padding:16px}
.wf-system :is(.family-access,.family-settings)>summary{min-height:48px;display:flex;align-items:center;gap:8px;font-size:var(--wf-type-label);font-weight:600;cursor:pointer}
.wf-system :is(.family-access,.family-settings)>summary::before{content:'›';font-size:24px;transition:transform .15s}
.wf-system :is(.family-access,.family-settings)[open]>summary::before{transform:rotate(90deg)}
.wf-system .family-access-content{padding-top:12px}
.wf-system .settings-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.wf-system .settings-group h3{grid-column:1/-1;margin:0 0 4px;font-size:var(--wf-type-label)}
.wf-system .section-route{margin-bottom:12px}
.wf-system .calendar-popup>.section-head h2{display:none}
.wf-system .calendar-popup>.section-head{justify-content:flex-end}
@media(max-width:900px){.wf-system .chat-top>.muted{display:none}.wf-system .chat-top{gap:4px}.wf-system .settings-group{grid-template-columns:1fr}.wf-system .family-home-links{gap:8px}.wf-system .internet-controls{align-items:end}.wf-system .chat-actions .feature-grid{max-height:65dvh;overflow:auto}}

.wf-system .internet-controls>label{flex:1 1 160px;min-width:120px}
.wf-system .hero{display:none}

.wf-system .section-head>.btn{max-width:100%;min-width:0;overflow-wrap:anywhere}