:where(.shop-page,.shop-dialog) button{background:0 0;border:0}:where(.shop-page,.shop-dialog) :is(h2,h3,h4,p){margin:0}.shop-page{--shop-lilac:#f4eff8;--shop-border:#e8dff0;--shop-softink:#725887;--shop-green:#edf3e9;--shop-green-ink:#638152;--shop-coral:#b76851;--shop-input:#fffefd;--grocery-fill:#ebe3f2;--grocery-detail:#faf7fc;max-width:1450px;margin:auto}.shop-header{justify-content:space-between;align-items:center;gap:24px;margin:8px 0 23px;display:flex}.shop-kicker{letter-spacing:1.6px;color:var(--purple);text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:650}.shop-header h1{letter-spacing:-.95px;font-size:31px;font-weight:660;line-height:1.25}.shop-header p{color:var(--muted);margin-top:7px;font-size:12px}.shop-people{align-items:center;gap:11px;padding:8px 0;display:flex}.shop-people .avatar{border:2px solid var(--bg);width:30px;height:30px}.shop-people-copy{text-align:left;font-size:11px;font-weight:600}.shop-people-copy small{color:var(--muted);align-items:center;gap:4px;margin-top:3px;font-size:10px;font-weight:400;display:flex}.shop-people-copy .icon{color:var(--green)}.shop-listbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:17px;display:flex}.shop-list-tab{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--muted);border-radius:11px;align-items:center;gap:9px;padding:10px 14px;font-size:12px;transition:background .16s,border-color .16s;display:inline-flex}.shop-list-tab.active{background:var(--purple-bg);color:var(--purple-deep);border-color:#dcd0e6;font-weight:650}.shop-list-tab .icon{width:17px;height:17px}.shop-list-count{background:var(--surface-3);border-radius:5px;min-width:19px;padding:1px 6px;font-size:10px}.shop-list-tab.active .shop-list-count{color:var(--purple-deep);background:#e8dcef}.shop-list-new{color:var(--muted);align-items:center;gap:5px;min-height:42px;padding:10px 8px;font-size:11px;display:flex}.shop-list-extra{gap:7px;margin-left:auto;display:flex}.shop-list-extra .btn{min-height:39px;font-size:11px}.shop-mode-button{background:var(--purple)!important;color:#fff!important;border-color:var(--purple)!important}.shop-mode-button:hover{filter:brightness(.95)}.shop-addbar{z-index:12;margin:0 0 21px;position:relative}.shop-add-form{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;align-items:center;gap:12px;min-height:57px;padding:8px 8px 8px 17px;display:flex}.shop-add-form:focus-within{border-color:#c9b3dc;box-shadow:0 0 0 3px #b28fc414}.shop-add-form>.icon{color:var(--purple)}.shop-add-form input{background:0 0;border:0;flex:1;width:100%;min-width:0;height:38px;padding:0;font-size:12px;outline:none!important}.shop-add-form .btn{white-space:nowrap;border-radius:9px;height:38px;min-height:38px;font-size:11px}.shop-enter{color:var(--muted);border:1px solid var(--line);border-radius:5px;margin-right:2px;padding:2px 5px;font-size:10px;line-height:1.4}.shop-autocomplete{border:1px solid var(--line);box-shadow:var(--shadow-pop);background:var(--surface);border-radius:14px;max-height:370px;padding:8px;position:absolute;top:64px;left:0;right:0;overflow:auto}.shop-suggestion{text-align:left;border-radius:10px;align-items:center;gap:13px;width:100%;min-height:57px;padding:8px 11px;display:flex}.shop-suggestion:hover,.shop-suggestion.selected{background:var(--purple-bg)}.shop-suggestion .grocery-art{width:37px;height:37px;color:var(--purple);--grocery-fill:var(--purple-bg);flex:none}.shop-suggestion strong{font-size:12px;font-weight:600}.shop-suggestion small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.shop-suggestion .shop-on-list{color:var(--green);margin-left:auto;font-size:10px}.shop-suggestion>.icon{color:var(--purple);margin-left:auto}.shop-search-caption{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px;padding:6px 10px;font-size:10px}.shop-search-caption strong{color:var(--purple);font-weight:550}.shop-layout{grid-template-columns:minmax(0,1fr) 284px;align-items:start;gap:19px;display:grid}.shop-board{min-width:0;padding:22px 23px 18px;overflow:visible}.shop-board-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.shop-board-head h3{letter-spacing:-.35px;font-size:17px;font-weight:660}.shop-board-name{align-items:center;gap:9px;display:flex}.shop-board-name>.icon{color:var(--purple);width:19px;height:19px}.shop-view-toggle{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:3px;padding:3px;display:flex}.shop-view-toggle button{min-width:29px;height:28px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;display:flex}.shop-view-toggle button.active{background:var(--surface);color:var(--purple);box-shadow:0 1px 5px #24132e09}.shop-view-toggle .icon{width:15px;height:15px}.shop-board-tools{align-items:center;gap:8px;display:flex}.shop-sort{color:var(--muted);align-items:center;gap:5px;min-height:35px;padding:4px;font-size:10px;display:flex}.shop-board-status{border-bottom:1px solid var(--line);align-items:center;gap:13px;margin-bottom:21px;padding-bottom:16px;display:flex}.shop-open-count{color:var(--text);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.shop-open-dot{background:var(--purple);border-radius:50%;width:6px;height:6px}.shop-board-progress{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.shop-progress-track{background:var(--surface-3);border-radius:3px;width:70px;height:4px;overflow:hidden}.shop-progress-track span{background:#96ae82;border-radius:3px;height:100%;transition:width .2s;display:block}.shop-priority-filter{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:4px 7px;font-size:10px}.shop-priority-filter.active{background:var(--coral-bg);color:var(--shop-coral);border-color:#e5c3b7}.shop-section{margin-bottom:22px}.shop-category-title{letter-spacing:.3px;color:var(--muted);align-items:center;gap:7px;margin-bottom:10px;font-size:10px;font-weight:500;display:flex}.shop-category-title .icon{width:14px;height:14px}.shop-category-title .grocery-art{--grocery-fill:var(--green-bg);width:19px;height:19px;color:var(--green)}.shop-category-title .category-count{background:var(--surface-3);letter-spacing:0;border-radius:4px;padding:1px 5px;font-size:9px}.shop-category-title:after{content:"";background:var(--line);flex:1;height:1px;margin-left:3px}.shop-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.shop-tile{border:1px solid var(--shop-border);background:var(--shop-lilac);border-radius:12px;min-width:0;transition:background .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.shop-tile:hover{border-color:#c7b2d7;box-shadow:0 3px 12px #6c48750c}.shop-tile-main{text-align:center;width:100%;min-height:127px;color:var(--text);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:13px 8px 11px;display:flex;position:relative}.shop-tile-main:focus-visible{outline-offset:-4px}.grocery-art{stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:53px;height:53px;color:var(--shop-softink);pointer-events:none;flex:none;display:block}.shop-product-name{color:var(--ink);overflow-wrap:anywhere;max-width:100%;margin-top:2px;font-size:12px;font-weight:600;line-height:1.3}.shop-product-qty{color:var(--shop-softink);min-height:14px;font-size:10px;line-height:1.35}.shop-product-note{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:11px;font-size:9px;line-height:1.2;overflow:hidden}.shop-tile-menu{color:#9a86a9;z-index:2;border-radius:7px;justify-content:center;align-items:center;width:30px;height:32px;display:flex;position:absolute;top:2px;right:2px}.shop-tile-menu:hover{color:var(--purple-deep);background:#e9deef}.shop-tile-menu .icon{width:16px;height:16px}.shop-tile-check{color:#fff;opacity:.55;border:1px solid #d6c6e0;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:flex;position:absolute;top:9px;left:9px}.shop-tile-main:hover .shop-tile-check{opacity:1;background:#d8c7e4;border-color:#baa1cf}.shop-tile .shop-urgent{letter-spacing:.1px;color:#ad654e;z-index:1;pointer-events:none;background:#f7e7e0;border-radius:5px;padding:2px 5px;font-size:8px;font-weight:650;position:absolute;top:6px;left:7px}.shop-tile.urgent .shop-tile-check{display:none}.shop-tile.done{background:var(--shop-green);border-color:#e0e9d9}.shop-tile.done .grocery-art{--grocery-fill:#e1ebd8;--grocery-detail:#f4f7ef;color:#759167}.shop-tile.done .shop-product-qty{color:var(--shop-green-ink)}.shop-tile.done .shop-tile-check{opacity:1;background:#86a771;border-color:#86a771}.shop-tile.done .shop-tile-check .icon{stroke-width:2.5px;width:11px;height:11px}.shop-tile.done .shop-tile-menu{color:#8e9f85}.shop-tile.done .shop-tile-main:hover .shop-tile-check{background:#74945f}.shop-tile.done .shop-product-name{color:#586b4f}.shop-product-photo{object-fit:cover;border-radius:12px;width:48px;height:48px;margin:3px 0}.shop-done{border-top:1px solid var(--line);margin-top:2px;padding-top:16px}.shop-done>summary{cursor:pointer;color:var(--green);align-items:center;gap:8px;min-height:32px;font-size:11px;list-style:none;display:flex}.shop-done>summary::-webkit-details-marker{display:none}.shop-done>summary>.icon:last-child{margin-left:auto;transition:transform .15s}.shop-done[open]>summary>.icon:last-child{transform:rotate(180deg)}.shop-done .shop-tile-grid{margin-top:12px}.shop-done .shop-tile-main{min-height:106px}.shop-done .grocery-art{width:39px;height:39px}.shop-done-info{color:var(--muted);justify-content:space-between;align-items:center;margin:9px 0 0;font-size:10px;display:flex}.shop-done-info button{color:var(--muted);text-underline-offset:3px;font-size:10px;text-decoration:underline}.shop-board-hint{color:var(--muted);justify-content:center;gap:6px;margin-top:16px;font-size:9px;display:flex}.shop-board-hint .icon{width:12px;height:12px}.shop-line-list{flex-direction:column;gap:6px;display:flex}.shop-line-list .shop-tile-main{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;min-height:69px;padding:8px 45px 8px 37px}.shop-line-list .shop-tile-main .grocery-art{width:43px;height:43px}.shop-line-list .shop-product-copy{flex:1}.shop-line-list .shop-product-name{margin:0;font-size:12px}.shop-line-list .shop-product-qty{margin-top:3px}.shop-line-list .shop-product-note{margin-top:2px}.shop-line-list .shop-tile-menu{top:17px;right:8px}.shop-line-list .shop-tile-check{top:calc(50% - 8px);left:11px}.shop-line-list .urgent .shop-tile-check{display:none}.shop-line-list .shop-urgent{top:25px;left:auto;right:40px}.shop-line-list .shop-tile{border-radius:9px}.shop-rail{flex-direction:column;gap:15px;min-width:0;display:flex}.shop-catalog-panel{padding:19px 17px 17px}.shop-catalog-heading{align-items:center;gap:8px;display:flex}.shop-catalog-heading .icon{color:var(--purple);width:18px;height:18px}.shop-catalog-heading h3{letter-spacing:-.2px;font-size:15px}.shop-catalog-intro{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.5}.shop-discovery-tabs{border-bottom:1px solid var(--line);gap:3px;margin:15px 0 12px;display:flex}.shop-discovery-tabs button{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;flex:1;padding:7px 7px 9px;font-size:10px}.shop-discovery-tabs button.active{border-color:var(--purple);color:var(--purple-deep);font-weight:600}.shop-catalog-filter{background:var(--surface-2);width:100%;height:32px;margin:0 0 11px;padding:0 9px;font-size:10px}.shop-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.shop-catalog-item{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:87px;padding:9px 5px 8px;transition:background .15s,border-color .15s;display:flex;position:relative}.shop-catalog-item:hover{background:var(--purple-bg);border-color:var(--shop-border)}.shop-catalog-item .grocery-art{--grocery-fill:#efeae5;--grocery-detail:#fffefa;color:#a49a90;width:34px;height:34px}.shop-catalog-item .catalog-name{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:9px;font-weight:550;line-height:1.3}.shop-catalog-item .catalog-mark{color:#b7acbb;font-size:13px;font-weight:400;position:absolute;top:4px;right:5px}.shop-catalog-item.on-list{background:var(--shop-lilac);border-color:var(--shop-border)}.shop-catalog-item.on-list .grocery-art{color:var(--shop-softink);--grocery-fill:#e9dff0}.shop-catalog-item.on-list .catalog-mark{color:var(--purple)}.shop-catalog-item .icon{width:11px;height:11px}.shop-catalog-item small{color:var(--muted);font-size:8px;line-height:1.2}.shop-catalog-empty{text-align:center;color:var(--muted);padding:22px 5px;font-size:11px;line-height:1.65}.shop-catalog-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:4px;margin-top:13px;font-size:9px;display:flex}.shop-catalog-bottom button{color:var(--purple);align-items:center;gap:3px;padding:5px 0;font-size:10px;display:flex}.shop-catalog-more{width:100%;color:var(--purple);border:1px solid var(--line);border-radius:7px;min-height:31px;margin-top:10px;font-size:10px}.shop-recipe-card{background:linear-gradient(135deg,#f1f5eb,var(--surface));padding:18px;position:relative}.shop-recipe-card .eyebrow{color:#7d916c;letter-spacing:1.1px;margin-bottom:10px;font-size:8px}.shop-recipe-content{align-items:center;gap:10px;display:flex}.shop-recipe-content .meal-photo{border:2px solid #fff;border-radius:13px;flex:none;width:58px;height:58px;box-shadow:0 3px 7px #50643d0a}.shop-recipe-content h3{font-size:12px;font-weight:620;line-height:1.45}.shop-recipe-content p{color:var(--muted);margin-top:3px;font-size:9px}.shop-recipe-card .btn{color:#5c794b;background:#ffffff8f;border-color:#d9e2cf;width:100%;min-height:34px;margin-top:14px;font-size:10px}.shop-quiet-note{color:var(--muted);gap:9px;padding:0 7px;font-size:10px;line-height:1.7;display:flex}.shop-quiet-note .icon{color:#a497ad;width:16px;height:16px;margin-top:2px}.shop-local-footnote{color:var(--muted);align-items:center;gap:5px;margin:18px 0 6px;font-size:9px;display:flex}.shop-local-footnote .icon{width:12px;height:12px}.shop-local-footnote button{color:var(--muted);text-underline-offset:2px;margin-left:auto;font-size:9px;text-decoration:underline}.shop-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:40px 18px;display:flex}.shop-empty>.icon{width:31px;height:31px;color:var(--green);margin-bottom:13px}.shop-empty h4{letter-spacing:-.4px;margin-bottom:6px;font-size:18px;font-weight:600}.shop-empty p{max-width:320px;color:var(--muted);font-size:11px;line-height:1.7}.shop-empty .btn{margin-top:16px}.shop-trip-banner{justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px;padding:18px 0;display:flex}.shop-trip-copy{align-items:center;gap:12px;display:flex}.shop-trip-copy strong{color:var(--ink);letter-spacing:-.5px;font-size:20px}.shop-trip-copy small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.shop-trip-copy>.badge-icon{background:var(--purple-bg);width:42px;height:42px}.shopping-trip .sidebar,.shopping-trip #topbar,.shopping-trip .shop-header,.shopping-trip .shop-listbar,.shopping-trip .shop-addbar,.shopping-trip .shop-rail,.shopping-trip .shop-local-footnote{display:none}.shopping-trip .main{max-width:1020px;margin:0 auto;padding-top:3px}.shopping-trip .shop-tile-main{min-height:146px}.shopping-trip .shop-tile .grocery-art{width:63px;height:63px}.shopping-trip .shop-product-name{font-size:15px}.shopping-trip .shop-product-qty{font-size:12px}.shopping-trip .shop-product-note{font-size:10px}.shopping-trip .shop-tile-grid{gap:12px}.shopping-trip .shop-board{padding:25px}.shop-mobile-dock{display:none}.shop-detail-preview{border:1px solid var(--shop-border,#e8dff0);background:var(--purple-bg);--grocery-fill:#e6ddec;--grocery-detail:#f8f4fb;border-radius:12px;align-items:center;gap:15px;margin-bottom:3px;padding:15px;display:flex}.shop-detail-preview .grocery-art{color:var(--purple);width:58px;height:58px}.shop-detail-preview strong{letter-spacing:-.3px;font-size:17px}.shop-detail-preview p{color:var(--muted);margin-top:3px;font-size:11px}.shop-favorite-toggle{width:39px;height:39px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;margin-left:auto;display:flex}.shop-favorite-toggle.active{color:#ad6e84;background:#f8e9ef}.shop-favorite-toggle.active .icon{fill:#efd4e1}.shop-photo-area{border:1px dashed var(--line);border-radius:10px;align-items:center;gap:10px;padding:11px;display:flex}.shop-photo-area input{background:0 0;border:0;width:100%;height:auto;padding:0;font-size:10px}.shop-photo-area img{object-fit:cover;border-radius:8px;width:49px;height:49px}.shop-photo-area p{color:var(--muted);margin-top:4px;font-size:10px}.shop-sort-row{border-bottom:1px solid var(--line);align-items:center;gap:9px;min-height:49px;padding:9px 0;font-size:12px;display:flex}.shop-sort-number{color:var(--muted);min-width:20px;font-size:10px}.shop-sort-row .btn{min-width:31px;min-height:31px;padding:5px}.shop-ingredient-row{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:12px 0;font-size:12px;display:flex}.shop-ingredient-row input{flex:none;width:18px;height:18px}.shop-ingredient-row small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.shop-share-text{font:12px/1.7 var(--font);background:var(--surface-2);min-height:220px}.shop-description{color:var(--muted);margin-bottom:15px;font-size:12px;line-height:1.75}.shop-members-info{gap:9px;margin-bottom:18px;display:flex}.shop-members-info .avatar{width:39px;height:39px}.shop-bottom-sheet .shop-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-bottom-sheet .shop-catalog-item{min-height:103px}.shop-bottom-sheet .shop-catalog-item .grocery-art{width:43px;height:43px}.shop-bottom-sheet .shop-catalog-item .catalog-name{font-size:11px}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-page{--shop-lilac:#362d40;--shop-border:#4d3d59;--shop-softink:#c3abcf;--shop-green:#303a2d;--shop-green-ink:#9ab587;--grocery-fill:#50405a;--grocery-detail:#3e3348;--shop-coral:#dbad96}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-list-tab.active{border-color:#5b446a}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-list-tab.active .shop-list-count{background:#50365f}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-tile:hover{border-color:#846495}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-tile-menu{color:#a893b8}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-tile-menu:hover{background:#503b5f}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-tile .shop-urgent{color:#ebbea9;background:#5a3f39}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-tile.done{border-color:#45513c}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-tile.done .grocery-art{--grocery-fill:#42563b;--grocery-detail:#33432f;color:#a4be91}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-tile.done .shop-product-name{color:#c1d0b6}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-tile-check{border-color:#876b99}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-catalog-item .grocery-art{--grocery-fill:#3d3641;--grocery-detail:#312c35;color:#b4a4b7}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-catalog-item.on-list .grocery-art{--grocery-fill:#52405e;color:#bda6cd}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-recipe-card{background:linear-gradient(135deg,#313a2c,var(--surface))}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-recipe-card .btn{color:#bbd0aa;background:#384231;border-color:#48583e}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-detail-preview{--grocery-fill:#4e3c5d;--grocery-detail:#3b2e48}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-priority-filter.active{background:#4b352c;border-color:#664b3e}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-favorite-toggle.active{color:#e1a6c2;background:#4b2f3e}:is([data-theme=dark],[data-theme=midnight-glass]) .shop-favorite-toggle.active .icon{fill:#694254}@media (min-width:1600px){.shop-layout{grid-template-columns:minmax(0,1fr) 310px;gap:23px}.shop-tile-main{min-height:143px}.shop-tile-grid{gap:11px}.shop-section{margin-bottom:24px}.shop-board{padding:25px 28px}.shop-catalog-panel{padding:22px}.shop-catalog-item{min-height:94px}.shop-product-name{font-size:13px}.shop-product-qty{font-size:11px}.shop-product-note{font-size:10px}.shop-header h1{font-size:33px}}@media (max-width:1240px){.shop-layout{grid-template-columns:minmax(0,1fr) 251px;gap:14px}.shop-board{padding:18px}.shop-tile-main{min-height:122px;padding-top:11px}.shop-tile-grid{gap:7px}.shop-tile .grocery-art{width:46px;height:46px}.shop-product-name{font-size:11px}.shop-product-note{font-size:8px}.shop-catalog-panel{padding:17px 13px}.shop-board-head h3{font-size:16px}.shop-header h1{font-size:29px}.shop-sort span{display:none}.shop-board-progress .shop-progress-track{width:46px}.shop-catalog-item .catalog-name{font-size:8.5px}.shop-catalog-item .grocery-art{width:31px;height:31px}.shop-catalog-grid{gap:6px}.shop-list-tab{padding:9px 11px;font-size:11px}.shop-list-extra .btn{font-size:10px}}@media (max-width:940px){.shop-layout{grid-template-columns:1fr}.shop-rail{display:none}.shop-header{margin-top:4px}.shop-header h1{font-size:27px}.shop-tile-main{min-height:141px}.shop-tile .grocery-art{width:58px;height:58px}.shop-product-name{font-size:13px}.shop-product-qty{font-size:11px}.shop-product-note{font-size:10px}.shop-list-extra .shop-copy-button{display:none}.shop-board{padding:23px}.shop-catalog-mobile{display:inline-flex!important}.shop-board-progress .shop-progress-track{width:70px}.shop-local-footnote{padding-bottom:15px}.shop-add-form .shop-enter{display:none}}@media (min-width:941px){.shop-catalog-mobile{display:none!important}}@media (max-width:680px){.shop-page{padding-bottom:88px}.shop-header{align-items:flex-start;gap:8px;margin:0 0 16px}.shop-header h1{letter-spacing:-.8px;max-width:290px;font-size:26px}.shop-header p{max-width:250px;margin-top:5px;font-size:11px}.shop-kicker{letter-spacing:1.3px;margin-bottom:7px;font-size:8px}.shop-people{gap:0;padding-top:16px}.shop-people .avatar{width:25px;height:25px}.shop-people .avatar-stack .avatar:nth-child(n+3),.shop-people-copy{display:none}.shop-listbar{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin-bottom:14px;padding:2px 1px;overflow-x:auto}.shop-listbar::-webkit-scrollbar{display:none}.shop-list-tab{border-radius:9px;flex-shrink:0;gap:6px;min-height:39px;padding:9px 10px;font-size:10px}.shop-list-tab .icon{width:14px;height:14px}.shop-list-new{flex:none;min-width:34px;padding:9px;font-size:0}.shop-list-new .icon{width:17px;height:17px}.shop-list-count{min-width:16px;padding:1px 4px;font-size:9px}.shop-list-extra{display:none}.shop-addbar{margin-bottom:16px}.shop-add-form{border-radius:11px;gap:9px;min-height:52px;padding:7px 7px 7px 12px}.shop-add-form input{height:35px;font-size:11px}.shop-add-form .btn{min-width:35px;height:35px;min-height:35px;padding:0 9px}.shop-add-form .btn .shop-add-word{display:none}.shop-add-form .btn .icon{width:17px;height:17px}.shop-autocomplete{max-height:290px;top:59px}.shop-board{border-radius:14px;padding:16px 13px 15px}.shop-board-head{gap:7px;margin-bottom:14px}.shop-board-name{gap:7px;min-width:0}.shop-board-name h3{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.shop-board-name>.icon{width:16px;height:16px}.shop-board-tools{gap:5px}.shop-view-toggle button{min-width:28px;height:28px}.shop-sort{display:none}.shop-board-status{flex-wrap:wrap;gap:7px;margin-bottom:17px;padding-bottom:12px}.shop-open-count{font-size:10px}.shop-board-progress{gap:6px;font-size:9px}.shop-board-progress .shop-progress-track{width:33px}.shop-priority-filter{padding:3px 5px;font-size:8px}.shop-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.shop-tile-main{gap:2px;min-height:122px;padding:13px 5px 9px}.shop-tile .grocery-art{width:46px;height:46px}.shop-tile{border-radius:10px}.shop-product-name{font-size:11px}.shop-product-qty{font-size:9px}.shop-product-note{min-height:10px;font-size:8px}.shop-tile-menu{width:29px;height:35px;top:0;right:0}.shop-tile-menu .icon{width:15px;height:15px}.shop-tile-check{width:13px;height:13px;top:8px;left:7px}.shop-tile .shop-urgent{padding:2px 4px;font-size:7px;top:7px;left:5px}.shop-category-title{letter-spacing:.1px;margin-bottom:8px;font-size:9px}.shop-category-title .grocery-art{width:17px;height:17px}.shop-section{margin-bottom:18px}.shop-done-info{gap:6px;font-size:9px;line-height:1.5}.shop-done-info button{white-space:nowrap;font-size:9px}.shop-done .shop-tile-main{min-height:105px}.shop-done .grocery-art{width:38px;height:38px}.shop-mobile-dock{z-index:35;background:var(--surface);border-top:1px solid var(--line);padding:11px 16px calc(11px + env(safe-area-inset-bottom));align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #37244208}.shop-mobile-dock .shop-dock-count{min-width:65px;color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.shop-mobile-dock .shop-dock-count strong{color:var(--ink);font-size:16px;font-weight:650}.shop-mobile-dock .btn{flex:1;justify-content:center;height:41px;min-height:41px;padding:0 12px;font-size:11px}.shop-mobile-dock .btn .icon{width:17px;height:17px}.shop-mobile-dock .shop-dock-more{min-width:29px;height:40px;color:var(--muted);justify-content:center;align-items:center;display:flex}.shop-local-footnote{flex-wrap:wrap;gap:4px;margin-top:13px;font-size:8px;line-height:1.6}.shop-local-footnote button{font-size:8px}.shop-board-hint{gap:4px;font-size:8px}.shop-line-list .shop-tile-main{gap:9px;min-height:68px;padding-left:31px}.shop-line-list .shop-tile .grocery-art{width:39px;height:39px}.shop-line-list .shop-tile .shop-product-name{font-size:12px}.shop-line-list .shop-tile .shop-product-qty{font-size:10px}.shop-line-list .shop-urgent{top:24px;left:auto;right:36px}.shop-line-list .shop-tile-menu{top:16px;right:6px}.shop-bottom-sheet .shop-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-bottom-sheet .shop-catalog-item .catalog-name{font-size:11px}.shop-bottom-sheet .shop-catalog-item{min-height:100px}.shop-bottom-sheet .shop-discovery-tabs button{min-height:42px;font-size:12px}.shop-bottom-sheet .shop-catalog-filter{height:40px;font-size:12px}.shop-sort-row .btn{min-width:38px;min-height:38px}.shopping-trip .main{padding:8px 12px 22px}.shopping-trip .shop-page{padding-bottom:10px}.shopping-trip .shop-mobile-dock{display:none}.shop-trip-banner{align-items:center;gap:8px;padding:10px 0 17px}.shop-trip-copy{gap:8px}.shop-trip-copy>.badge-icon{width:33px;height:33px}.shop-trip-copy strong{font-size:17px}.shop-trip-copy small{font-size:10px}.shop-trip-banner>.btn{min-height:36px;padding:7px 10px;font-size:10px}.shopping-trip .shop-board{padding:16px 12px}.shopping-trip .shop-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shopping-trip .shop-tile-main{min-height:128px}.shopping-trip .shop-tile .grocery-art{width:50px;height:50px}.shopping-trip .shop-product-name{font-size:12px}.shopping-trip .shop-product-qty{font-size:10px}.shopping-trip .shop-product-note{font-size:8px}.shop-addbar:focus-within .shop-mobile-dock{display:none}body:has(.shop-page) .toast-container{bottom:86px}body:has(.shopping-trip) .toast-container{bottom:18px}.shop-share-text{font-size:12px}.shop-detail-preview strong{font-size:16px}}@media (prefers-reduced-motion:reduce){.shop-page *{transition:none!important;animation:none!important}}@media print{.shop-rail,.shop-listbar,.shop-addbar,.shop-board-tools,.shop-mobile-dock,.shop-local-footnote,.shop-tile-menu,.shop-done-info button,.shop-people{display:none!important}.shop-layout{display:block}.shop-tile{break-inside:avoid}.shop-page{padding:0}.shop-board{box-shadow:none;border:0}.shop-header h1{font-size:22px}.shop-tile-main{min-height:100px}.shop-done{display:none}}@media (min-width:941px){.shop-sections{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:11px;display:grid}.shop-sections>.shop-section{grid-column:1/-1}.shop-sections>.shop-section-half{grid-column:auto}.shop-section-half .shop-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-sections .shop-section{margin-bottom:24px}.shopping-trip .shop-sections{column-gap:12px}}.shop-trip-banner{z-index:25;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.shopping-trip .shop-catalog-mobile{display:none!important}@media (max-width:680px){.shopping-trip .shop-board-name h3{font-size:14px}.shop-tile-main{min-height:128px}.shop-product-name{font-size:12px}.shop-product-qty{font-size:10px}.shop-product-note{font-size:9px}.shop-tile-menu{width:33px;height:36px}.shop-discovery-tabs button:focus-visible,.shop-tile-main:focus-visible{outline:2px solid var(--purple);outline-offset:2px}}:is(.shop-page,.shop-dialog){--grocery-fill:#ebe3f2;--grocery-detail:#faf7fc;--shop-softink:#725887;--shop-green:#edf3e9;--shop-green-ink:#638152}:is([data-theme=dark],[data-theme=midnight-glass]){--grocery-fill:#47394f;--grocery-detail:#302936;--shop-softink:#d3bcdf;--shop-green:#303d2b;--shop-green-ink:#abc993}.shop-bottom-sheet{--shop-lilac:var(--purple-bg);--shop-border:var(--line)}.shop-tile-main{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.shop-people .avatar-stack{pointer-events:none}.shop-page,.shop-dialog{--bg:var(--surface-base,#faf8f4);--surface:var(--surface-paper);--surface-2:var(--surface-raised);--surface-3:var(--surface-soft);--ink:#151828;--text:#42414c;--muted:#86828a;--line:#58415016;--purple:#73518d;--purple-deep:var(--dashboard-purple,#4e3577);--purple-bg:#f3edf9;--green:#699659;--green-bg:#eef4e9;--shadow:0 6px 24px #412f1d0a;--shop-lilac:#f4eff8;--shop-border:#e8dff0;--shop-softink:#725887;--shop-green:#edf3e9;--shop-green-ink:#638152;--font:var(--font-ui);font:13px/1.45 var(--font-ui);color:var(--text);min-width:0}.shop-page{width:100%;max-width:none;margin:0;display:block}.shop-page h1{letter-spacing:-.9px;color:var(--ink);margin:0;font-size:30px;font-weight:700;line-height:1.22}:where(.shop-page,.shop-dialog) button{cursor:pointer;color:inherit;font-family:inherit}:where(.shop-page,.shop-dialog) button:disabled{opacity:.45;cursor:not-allowed}:where(.shop-page,.shop-dialog) :is(button,input,select,textarea):focus-visible{outline:2px solid var(--purple);outline-offset:3px}:where(.shop-page,.shop-dialog) .icon{vertical-align:middle;stroke-width:1.65px;flex:none;width:20px;height:20px;display:inline-block}:where(.shop-page,.shop-dialog) .icon.sm{width:15px;height:15px}:where(.shop-page,.shop-dialog) .icon.xs{width:12px;height:12px}:where(.shop-page,.shop-dialog) .btn{border:1px solid var(--line);background:var(--surface);white-space:nowrap;min-height:39px;box-shadow:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 15px;font-size:12px;font-weight:550;line-height:1.45;display:inline-flex}:where(.shop-page,.shop-dialog) .btn.primary{background:var(--purple);color:#fff;border-color:var(--purple)}:where(.shop-page,.shop-dialog) .btn.soft{color:var(--purple-deep);background:var(--purple-bg);border-color:#0000}:where(.shop-page,.shop-dialog) .btn.danger{color:#b74a50;background:#fff1f0;border-color:#f0dad8}:where(.shop-page,.shop-dialog) .btn.small{min-height:30px;padding:4px 11px;font-size:11px}:where(.shop-page,.shop-dialog) .btn:hover:not(:disabled){filter:brightness(.98)}:where(.shop-page,.shop-dialog) .icon-button{border:1px solid var(--line);background:var(--surface);border-radius:11px;flex:none;justify-content:center;align-items:center;width:39px;height:39px;padding:0;display:inline-flex}:where(.shop-page,.shop-dialog) .icon-button.bare{background:0 0;border:0}:where(.shop-page,.shop-dialog) .icon-button.tiny{width:28px;height:28px}:where(.shop-page,.shop-dialog) .grow{flex:1;min-width:0}:where(.shop-page,.shop-dialog) .badge-icon{background:var(--purple-bg);width:41px;height:41px;color:var(--purple-deep);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.shop-page .panel{background:var(--surface);box-shadow:var(--shadow);border:1px solid #654c570b;border-radius:15px}.shop-page :is(.shop-product-name,.shop-product-qty,.shop-product-note){display:block}.shop-page .shop-product-name{overflow-wrap:anywhere}.shop-page .shop-mode-button{background:var(--purple);border-color:var(--purple);color:#fff}.shop-page .shop-add-form input{box-shadow:none;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0}.shop-page .shop-add-form input:focus-visible{outline:none}.shop-page .shop-add-form:focus-within{outline:2px solid var(--purple);outline-offset:2px}.shop-page .shop-add-form button{flex:none}.shop-page .avatar-stack{align-items:center;padding-left:5px;display:flex}.shop-page .avatar-stack>*{border:2px solid var(--bg);margin-left:-5px}.shop-command-header .today-command-header{height:78px;min-height:78px;margin:0}.shop-command-header .tc-topbar-note{display:block}.shop-navigation{display:none}.shop-search-result{text-align:left;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.shop-search-result .grocery-art{width:34px;height:34px}.shop-search-result small{color:var(--muted);font-size:10px;display:block}.shop-search-result:hover,.shop-search-result[aria-selected=true]{background:var(--purple-bg)}.shop-undo{background:var(--purple-bg);border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px;display:flex}.shop-undo button{color:var(--purple-deep);font-weight:600}.shop-error{color:#b74a50;margin:12px 0!important}.shop-recipe-art{background:var(--green-bg);width:58px;height:58px;color:var(--green);border-radius:13px;flex:none;justify-content:center;align-items:center;display:flex}.shop-page .shop-recipe-card>p{color:var(--muted);margin:15px 0;font-size:12px}.shop-dialog{border:1px solid var(--line);background:var(--surface);border-radius:19px;width:min(510px,100vw - 28px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 16px 64px #27193026}.shop-dialog.wide{width:min(780px,100vw - 28px)}.shop-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f17254a}.shop-modal-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:13px;padding:24px 25px 17px;display:flex}.shop-modal-header>div{flex:1;min-width:0}.shop-modal-header h2{letter-spacing:-.45px;color:var(--ink);font-size:21px;font-weight:650;line-height:1.3}.shop-modal-header p{color:var(--muted);margin:4px 0 0;font-size:11px}.shop-modal-header .icon-button{width:26px;height:26px}.shop-modal-body{padding:23px 25px}.shop-modal-body>p{color:var(--muted);margin-bottom:18px;font-size:12px;line-height:1.7}.shop-modal-actions{border-top:1px solid var(--line);background:var(--surface-2);justify-content:flex-end;align-items:center;gap:9px;padding:17px 25px;display:flex}.shop-modal-body .shop-modal-actions{background:0 0;margin-top:15px;padding:15px 0 0}.shop-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 15px;display:grid}.shop-fields .field{flex-direction:column;gap:7px;min-width:0;font-size:11px;font-weight:500;display:flex}.shop-fields .full{grid-column:1/-1}.shop-dialog :is(input:not([type=checkbox]):not([type=file]),select,textarea){border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;height:43px;color:var(--text);font:12px var(--font-ui);border-radius:10px;padding:0 13px}.shop-dialog textarea{resize:vertical;height:220px;padding:12px}.shop-dialog input[type=file]{width:100%;min-width:0;font-size:10px}.shop-dialog .shop-detail-preview .grocery-art{width:56px;height:56px}.shop-dialog .shop-photo-area .grow{min-width:0}.shop-dialog .shop-photo-area p{color:var(--muted);margin-top:5px;font-size:9px}.shop-menu{flex-direction:column;gap:3px;display:flex}.shop-menu>button{text-align:left;border-radius:9px;justify-content:space-between;align-items:center;padding:13px 10px;display:flex}.shop-menu>button:hover{background:var(--purple-bg)}.shop-danger{color:#b74a50!important}.shop-members{gap:14px;margin-top:15px;display:grid}.shop-members>div{align-items:center;gap:12px;display:flex}.shop-help p{margin-bottom:16px;font-size:13px;line-height:1.8}.shop-sort-list{margin-bottom:20px}.shop-sort-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:9px 0;display:flex}.shop-list-icons{gap:10px;display:flex}.shop-ingredients{gap:6px;margin:18px 0;display:grid}.shop-ingredients label{border:1px solid var(--line);border-radius:9px;align-items:center;gap:12px;padding:12px;display:flex}.shop-ingredients small{color:var(--muted);margin-left:auto}:is([data-theme=dark],[data-theme=midnight-glass]) :is(.shop-page,.shop-dialog){--line:#c8afdc1f;--purple-bg:#362d40;--shop-lilac:#362d40;--shop-border:#4d3d59;--shop-softink:#c3abcf;--shop-green:#303a2d;--shop-green-ink:#9ab587;--grocery-fill:#47394f;--grocery-detail:#322a3a}:is(.app-shell:has(.shopping-trip) .sidebar,.app-shell:has(.shopping-trip) .mobile-header,.app-shell:has(.shopping-trip) .bottom-nav){display:none!important}.app-shell:has(.shopping-trip) .main-content{margin-left:0;width:100%;max-width:1200px;margin-inline:auto}.shopping-trip :is(.shop-header,.shop-listbar,.shop-addbar,.shop-rail,.shop-local-footnote,.shop-mobile-dock){display:none!important}.shopping-trip .shop-layout{grid-template-columns:1fr}@media (max-width:1240px){.shop-command-header .tc-topbar-note{display:none}}@media (max-width:768px){:is(.app-shell:has(.shop-page) .mobile-header,.app-shell:has(.shop-page) .bottom-nav){display:none!important}.app-shell:has(.shop-page) .main-content{padding:15px 15px 0}.shop-page .shop-command-header{margin-bottom:16px;position:relative}.shop-page .shop-command-header .today-command-header{flex-wrap:wrap;gap:17px;height:auto;min-height:110px;padding:0;display:flex}.shop-page .today-command-title{letter-spacing:-.7px;font-size:23px;line-height:1.3}.shop-command-header .today-command-header>div:first-child{padding-left:32px}.shop-page .shop-command-header .today-command-family{white-space:normal;margin-top:6px;font-size:10px}.shop-command-header .dashboard-header-actions{justify-content:flex-start;gap:9px;width:100%;display:flex!important}.shop-command-header .dashboard-search-btn{flex:1;min-width:0;max-width:none;height:38px;display:flex!important}.shop-command-header .dashboard-search-placeholder{text-overflow:clip;white-space:nowrap;display:block;overflow:hidden}.shop-command-header .dashboard-icon-action{width:38px;height:38px;display:flex!important}.shop-command-header .dashboard-search-kbd{display:block}.shop-navigation{z-index:1;padding:0;display:flex;position:absolute;top:7px;left:0}.shop-page h1{letter-spacing:-.8px;font-size:26px}.shop-header{align-items:flex-start}.shop-header .shop-people{padding-top:16px}.shop-page .shop-mobile-dock .btn{height:41px;padding:0 12px;font-size:11px}.shop-dialog .shop-modal-header{padding:20px}.shop-modal-header h2{font-size:19px}.shop-modal-body{padding:20px}.shop-modal-actions{padding:15px 20px}.shopping-trip .shop-trip-banner{padding-top:5px}.shop-page .shop-photo-area{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.shop-page *,.shop-dialog *{transition:none!important;animation:none!important}}@media (max-width:680px){.shop-people .avatar-stack>*{width:25px!important;height:25px!important}.shop-people .avatar-stack>:nth-child(n+3){display:none}.shop-page .shop-header{gap:8px}.shop-page .shop-header>div{flex:1;min-width:0}.shop-page .shop-header h1{letter-spacing:-.8px;font-size:26px}.shop-people{flex:none}.shop-command-header .today-command-title{font-weight:400}.shop-people .avatar-stack>:nth-child(n+3){display:none!important}.shop-page .shop-people{gap:0;padding-top:16px}.shop-page .shop-header h1{font-size:26px}.shop-dialog .shop-modal-actions{flex-wrap:wrap}}.shop-layout:not(:has(.shop-rail)){grid-template-columns:1fr}.shop-recipe-content .meal-photo{object-fit:cover;border-radius:13px;flex:none;width:58px;height:58px}.shop-page :is(.shop-board-name h3,.shop-catalog-heading h3){color:var(--ink)}.shop-page .shop-recipe-card{background:linear-gradient(135deg,var(--green-bg),var(--surface))}:is([data-theme=dark],[data-theme=midnight-glass]) :is(.shop-page,.shop-dialog){--ink:var(--text-primary);--text:var(--text-secondary);--muted:var(--text-muted)}@media (max-width:680px){.app-shell:has(.shopping-trip) .main-content{padding:8px 12px 22px}.shopping-trip.shop-page{padding-bottom:10px}}
.mockup-admin-page{width:100%;min-width:0;max-width:none;font:13px/1.5 var(--font-ui);color:var(--text-secondary);--fam-line:var(--dashboard-line,#5841501a);--fam-purple:var(--dashboard-purple,#75518e);--fam-tint:var(--dashboard-purple-bg,#f3edf9);margin:0;display:block}.mockup-admin-page .today-command-header{height:auto;min-height:78px;margin:0}.fam-page{margin:6px 0 20px;container-type:inline-size}.fam-page *,.admin-dialog *{min-width:0}.fam-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.fam-title{align-items:center;gap:16px;display:flex}.fam-title h1{letter-spacing:-.8px;color:var(--text-primary);margin:0;font-size:30px;font-weight:700;line-height:1.2}.fam-title p{color:var(--text-muted);margin:8px 0 0;font-size:12px}.fam-badge{background:var(--fam-tint);width:33px;height:33px;color:var(--fam-purple);border-radius:11px;flex:none;justify-content:center;align-items:center;display:inline-flex}.fam-title .fam-badge{border:1px solid var(--fam-line);border-radius:18px;width:54px;height:54px}.fam-badge.blue{color:#528bd2;background:color-mix(in srgb, #528bd2 10%, var(--surface-paper))}.fam-badge.green{color:var(--success);background:color-mix(in srgb, var(--success) 12%, var(--surface-paper))}.fam-header-actions{align-items:center;gap:10px;display:flex}.fam-button{background:var(--surface-paper);border:1px solid var(--dashboard-line,#5841501a);color:var(--text-secondary);min-height:40px;font:600 12px/1.4 var(--font-ui);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.fam-button.primary{color:#fff;background:#75518e;border-color:#0000}.fam-button.danger{color:var(--danger)}.fam-button:hover{filter:brightness(.98)}.fam-page button:disabled,.admin-dialog button:disabled{opacity:.5;cursor:not-allowed}.fam-tabs{border:1px solid var(--fam-line);background:var(--surface-paper);border-radius:18px;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:7px;display:grid;box-shadow:0 4px 18px #00000002}.fam-tab{min-height:44px;color:var(--text-muted);font:600 12px/1.4 var(--font-ui);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:10px;padding:8px;display:flex}.fam-tab.active{background:var(--fam-tint);border-color:color-mix(in srgb, var(--fam-purple) 12%, transparent);color:var(--fam-purple)}.fam-tab em{border:1px solid var(--fam-line);border-radius:4px;padding:1px 5px;font-size:9px;font-style:normal;font-weight:400}.fam-metrics{border:1px solid var(--fam-line);background:var(--surface-paper);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:20px;display:grid;overflow:hidden}.fam-metric{border:0;border-right:1px solid var(--fam-line);text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;align-items:center;gap:12px;padding:14px 18px;display:flex}.fam-metric:last-child{border-right:0}.fam-metric>span:last-child{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.fam-metric strong{font-size:22px;line-height:1.3}.fam-metric small{color:var(--text-muted);font-size:12px}.fam-metric:hover{background:var(--surface-raised)}.fam-members-layout{gap:18px;display:grid}.fam-panel{border:1px solid var(--fam-line);background:var(--surface-paper);border-radius:18px;overflow:hidden;box-shadow:0 4px 14px #00000002}.fam-panel-head{justify-content:space-between;align-items:center;gap:14px;padding:20px 22px 14px;display:flex}.fam-panel-head h2{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:18px}.fam-panel-head p{color:var(--text-muted);margin:6px 0 0;font-size:11px}.fam-soft-count{border:1px solid var(--fam-line);color:var(--text-muted);background:var(--surface-raised);white-space:nowrap;border-radius:30px;padding:5px 10px;font-size:10px}.fam-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 22px 18px;display:flex}.fam-search{border:1px solid var(--fam-line);height:42px;color:var(--text-muted);background:var(--surface-raised);border-radius:11px;flex:0 420px;align-items:center;gap:10px;padding:0 13px;display:flex}.fam-search input{box-shadow:none;width:100%;color:var(--text-primary);font:13px var(--font-ui);background:0 0;border:0;border-radius:0;outline:0}.fam-search:focus-within{outline:2px solid var(--fam-purple);outline-offset:2px}.fam-segmented{border:1px solid var(--fam-line);background:var(--surface-raised);border-radius:12px;gap:3px;padding:4px;display:flex}.fam-segmented button{min-height:32px;color:var(--text-muted);font:600 12px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:6px 12px}.fam-segmented button.active{background:var(--surface-paper);color:var(--fam-purple);box-shadow:0 1px 4px #00000005}.fam-member-groups{border-top:1px solid var(--fam-line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.fam-member-groups.single{grid-template-columns:1fr}.fam-member-group+.fam-member-group{border-left:1px solid var(--fam-line)}.fam-group-label{color:var(--text-muted);background:var(--surface-raised);letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:8px;margin:0;padding:12px 22px;font-size:11px;font-weight:600;display:flex}.fam-group-label span,.fam-you{border:1px solid var(--fam-line);background:var(--surface-paper);letter-spacing:0;text-transform:none;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:400;line-height:1.3}.fam-member{border-bottom:1px solid var(--fam-line);align-items:center;gap:12px;min-height:88px;padding:18px 22px;display:flex}.fam-member:last-child{border-bottom:0}.fam-member-copy{flex:1}.fam-member-name{color:var(--text-primary);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.fam-member-copy p{color:var(--text-muted);overflow-wrap:anywhere;margin:5px 0 0;font-size:12px;line-height:1.6}.fam-member-actions{align-items:center;gap:8px;display:flex}.fam-member-actions .fam-button{padding:9px 11px}.fam-role{background:var(--fam-tint);color:var(--fam-purple);white-space:nowrap;border-radius:25px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:600;display:inline-flex}.fam-role.member{color:var(--text-muted);background:var(--surface-raised);border:1px solid var(--fam-line)}.fam-member-footer{border-top:1px solid var(--fam-line);background:var(--surface-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 22px;display:flex}.fam-member-footer>span{color:var(--text-muted);align-items:center;gap:7px;font-size:11px;display:flex}.fam-member-footer>span svg,.fam-latest>svg{color:var(--success);flex:none}.fam-link{min-height:32px;font:12px/1.5 var(--font-ui);color:var(--fam-purple,var(--dashboard-purple));cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:inline-flex}.fam-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.fam-support-card{flex-direction:column;padding:19px 22px;display:flex}.fam-support-card h3{color:var(--text-primary);align-items:center;gap:9px;margin:0;font-size:14px;line-height:1.5;display:flex}.fam-support-card h3 svg{color:var(--fam-purple);flex:none}.fam-support-card p,.fam-help{color:var(--text-muted);margin:10px 0 12px;font-size:12px;line-height:1.75}.fam-support-card>.fam-link{align-self:flex-start;min-height:36px;margin-top:auto}.fam-time-example{color:var(--text-primary);margin:12px 0;font-size:26px;line-height:1.3}.fam-time-example small{color:var(--text-muted);font-size:11px}.fam-time-card p{margin-bottom:0;font-size:11px}.fam-access-card{background:linear-gradient(120deg, var(--fam-tint), var(--surface-paper))}.fam-latest{align-items:flex-start;gap:10px;margin:12px 0 24px;display:flex}.fam-latest strong{font-size:12px;line-height:1.6;display:block}.fam-latest small{color:var(--text-muted);margin-top:3px;font-size:11px;display:block}.fam-footnote{color:var(--text-muted);align-items:center;gap:7px;margin-top:16px;font-size:11px;display:flex}.fam-empty{color:var(--text-muted);padding:20px;font-size:12px}.fam-page button:focus-visible,.admin-dialog button:focus-visible{outline:2px solid var(--dashboard-purple);outline-offset:3px}.admin-dialog{--fam-purple:var(--dashboard-purple);font:13px/1.5 var(--font-ui)}.fam-editor fieldset{border:0;margin:0;padding:0}.fam-editor-person{align-items:center;gap:16px;margin-bottom:22px;display:flex}.fam-editor-person strong{color:var(--text-primary);font-size:18px}.fam-editor-person p{color:var(--text-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px}.fam-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.fam-form-grid>label{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:12px;display:flex}.fam-form-grid :is(input,select){border:1px solid var(--dashboard-line,#5841501a);width:100%;min-height:42px;color:var(--text-primary);background:var(--surface-raised);font:13px var(--font-ui);border-radius:10px;padding:10px}.fam-upload{align-items:center;gap:7px;display:flex}.fam-upload input{padding:7px;font-size:10px}.fam-check{align-items:flex-start;gap:10px;font-size:12px;display:flex}.fam-check input{accent-color:var(--dashboard-purple);margin-top:3px}.fam-danger-zone{border-top:1px solid var(--dashboard-line,#5841501a);flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:18px;display:flex}.fam-confirm{background:var(--surface-raised);border-radius:12px;margin-top:15px;padding:15px}.fam-confirm .fam-button{margin-right:8px}.fam-error{color:var(--danger);font-size:13px}.fam-role-guide h3{margin:20px 0 7px;font-size:16px}.fam-role-guide p{color:var(--text-muted);font-size:13px;line-height:1.8}.mockup-admin-page .admin-subpage{width:100%;max-width:none}.mockup-admin-page .admin-subpage-header{margin:0 0 14px}.mockup-admin-page .admin-subpage .view-title{letter-spacing:-.4px;font-size:22px}.mockup-admin-page .settings-section{background:var(--surface-paper);border:1px solid var(--fam-line);border-radius:18px;width:100%;max-width:none;padding:22px;box-shadow:0 4px 14px #00000002}.mockup-admin-page .form-input{border:1px solid var(--fam-line);background:var(--surface-raised);border-radius:10px;min-height:40px}.mockup-admin-page .adm-list-item{border-color:var(--fam-line);gap:15px;padding:18px 0}.mockup-admin-page .adm-list-item-meta{line-height:1.8}.mockup-admin-page .sso-section{padding:24px}.fam-invite-layout{grid-template-columns:minmax(0,1fr) 288px;align-items:start;gap:20px;display:grid}.fam-invite-aside{gap:18px;display:grid}.fam-invite-aside h3{color:var(--text-primary);font-size:16px}.fam-invite-aside p{color:var(--text-muted);font-size:12px;line-height:1.8}.fam-invite-list .fam-panel-head{padding:0 0 18px}.fam-invite-list .fam-filters{padding:0 0 16px}.fam-invite-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.fam-invite-heading h2{color:var(--text-primary);margin:0 0 6px;font-size:22px}.fam-invite-heading p{color:var(--text-muted);margin:0;font-size:12px}.mockup-admin-page .admin-subpage-displays>.settings-section{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;display:grid}.mockup-admin-page .admin-subpage-displays .adm-list-item{border:1px solid var(--fam-line);background:var(--surface-paper);border-radius:18px;flex-direction:column;align-items:stretch;margin:0;padding:22px;display:flex}.mockup-admin-page .admin-subpage-displays .adm-revoke-btn{align-self:flex-start}.mockup-admin-page .display-device-compact-preview{flex-direction:column;align-items:stretch;display:flex}.mockup-admin-page .admin-subpage-backups{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.mockup-admin-page .admin-subpage-backups>.admin-subpage-header,.mockup-admin-page .backup-confidence-panel{grid-column:1/-1}.mockup-admin-page .admin-subpage-backups>.settings-section{margin:0}.fam-audit-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.fam-audit-filters select{flex:0 180px}.mockup-admin-page .audit-entry{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 0;display:flex}.mockup-admin-page .audit-entry .audit-time{order:5;margin-left:auto}.mockup-admin-page .audit-details{overflow-wrap:anywhere}@container (max-width:1000px){.fam-member{gap:10px;padding:16px}.fam-group-label{padding-left:16px;padding-right:16px}.fam-member-actions{flex-direction:column;align-items:flex-end;gap:6px}.fam-member-name{font-size:13px}.fam-member-copy p{font-size:11px}.fam-support-card{padding:17px}.fam-support-card h3{font-size:13px}.fam-metric{gap:8px;padding:12px}.fam-metric>span:last-child{flex-direction:column;gap:3px}.fam-metric small{font-size:11px}.fam-tab{gap:6px;font-size:11px}.fam-tab em{display:none}}@container (max-width:800px){.fam-invite-layout{grid-template-columns:1fr}.fam-invite-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:730px){.fam-member-groups{grid-template-columns:1fr}.fam-member-group+.fam-member-group{border-left:0;border-top:1px solid var(--fam-line)}.fam-member-actions{flex-direction:row;align-items:center}.fam-member{min-height:80px}.fam-support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fam-support-card:last-child{grid-column:1/-1}.mockup-admin-page .admin-subpage-displays>.settings-section,.mockup-admin-page .admin-subpage-backups{grid-template-columns:1fr}}@container (max-width:590px){.fam-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:16px}.fam-title{gap:13px}.fam-title h1{font-size:26px}.fam-title p{font-size:11px}.fam-title .fam-badge{border-radius:15px;width:45px;height:45px}.fam-header-actions{width:100%}.fam-header-actions .fam-button{flex:1;min-height:44px;padding:9px}.fam-tabs{border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:14px;padding:6px}.fam-tab{gap:6px;padding:8px 3px;font-size:11px}.fam-tab svg{width:16px;height:16px}.fam-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.fam-metric:nth-child(2){border-right:0}.fam-metric:nth-child(-n+2){border-bottom:1px solid var(--fam-line)}.fam-panel-head{padding:18px 16px 13px}.fam-panel-head h2{font-size:17px}.fam-filters{padding:0 16px 15px}.fam-filters .fam-search{flex-basis:100%;height:44px}.fam-filters .fam-segmented{width:100%}.fam-filters .fam-segmented button{font-size:11px}.fam-role{padding:4px 7px;font-size:9px}.fam-role svg{display:none}.fam-member-actions .fam-button{min-width:44px;min-height:44px}.fam-member-footer{padding:13px 16px}.fam-member-footer>span{font-size:10px}.fam-invite-aside{grid-template-columns:1fr}.fam-invite-heading{flex-wrap:wrap}.fam-invite-heading .fam-button{min-height:44px}}@container (max-width:500px){.fam-support-grid{grid-template-columns:1fr;gap:12px}.fam-support-card{padding:18px}.fam-support-card h3{font-size:14px}.fam-time-card{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;display:grid}.fam-time-card h3{grid-column:1/-1}.fam-time-card .fam-segmented{grid-row:2;align-self:center;margin-top:16px}.fam-time-card .fam-time-example{text-align:right;grid-area:2/2;margin-bottom:0}.fam-time-example small{margin-top:4px;display:block}.fam-time-card>p{grid-column:1/-1}}@media (max-width:768px){.mockup-admin-page{padding:0 9px}.mockup-admin-page .today-command-header{display:none}.fam-page{margin-top:14px}.fam-page input:not([type=checkbox]),.fam-page select,.admin-dialog input:not([type=checkbox]),.admin-dialog select{font-size:16px}.fam-footnote{align-items:flex-start;line-height:1.7}.fam-footnote svg{flex:none;margin-top:2px}.fam-form-grid :is(input,select),.fam-button{min-height:44px}.admin-dialog .fam-upload input{font-size:12px}.fam-segmented{flex-wrap:wrap}.fam-segmented button{min-height:36px}.mockup-admin-page .adm-banner-row{flex-wrap:wrap}.mockup-admin-page .token-display{overflow-wrap:anywhere}.fam-time-card .fam-segmented{flex-wrap:nowrap}.fam-time-card .fam-segmented button{padding:6px;font-size:11px}}@media (max-width:370px){.fam-form-grid{grid-template-columns:1fr}.fam-title h1{font-size:23px}.fam-tab{gap:4px;font-size:10px}.fam-tab svg{width:14px}.fam-member-actions{flex-direction:column;align-items:flex-end}.fam-soft-count{display:none}.fam-header-actions .fam-button{font-size:11px}}.fam-display-fields{border:0;margin:0;padding:0}.fam-invite-record{flex:1}.fam-base-field{gap:8px;display:grid}.fam-invite-aside{overflow-wrap:anywhere}.admin-dialog{--dashboard-line:var(--glass-border);--dashboard-purple:var(--amethyst)}.fam-filters .fam-segmented button{flex:1 0 auto}.fam-sso-layout{grid-template-columns:minmax(0,1fr) 288px;align-items:start;gap:20px;display:grid}.fam-sso-aside{gap:18px;display:grid}.fam-login-preview{text-align:center;padding:24px}.fam-login-preview h3{color:var(--text-primary);margin:12px 0 5px;font-size:18px}.fam-login-preview p{color:var(--text-muted);font-size:12px}.fam-preview-login{background:var(--fam-tint);color:var(--fam-purple);overflow-wrap:anywhere;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:12px;display:flex}.mockup-admin-page .sso-action-row{border-top:1px solid var(--fam-line);padding-top:18px}@container (max-width:850px){.fam-sso-layout{grid-template-columns:1fr}.fam-sso-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:500px){.fam-sso-aside{grid-template-columns:1fr}.fam-metric .fam-badge{border-radius:8px;width:26px;height:26px}.fam-metric .fam-badge svg{width:17px;height:17px}.fam-metric strong{font-size:20px}.fam-metric small{font-size:10px;line-height:1.4}}.display-device-composer-shell{gap:.85rem;margin-top:1rem;display:grid}.display-config-toggle{color:var(--accent-strong,#6d28d9);background:#7c3aed14;border-radius:999px;justify-self:flex-start;padding-inline:.95rem}.display-create-form-heading{gap:.25rem;margin-bottom:.2rem;display:grid}.display-create-form-heading h2{color:var(--text-primary);margin:0;font-size:1.1rem}.display-create-form-heading p{color:var(--text-muted);margin:0;line-height:1.45}.fam-stage-editor{gap:18px;display:grid}.fam-stage-group{gap:10px;display:grid}.fam-stage-group h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.fam-stage-hint{color:var(--text-muted);margin:-4px 0 0;font-size:12.5px;line-height:1.45}.fam-stage-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.fam-stage-row .form-field,.fam-inline-field{color:var(--text-secondary);gap:5px;font-size:12.5px;display:grid}.fam-stage-schematic{background:var(--surface-raised);border:1px solid var(--fam-line,var(--border-subtle));border-radius:10px;grid-template:"hero a"26px"timeline b"30px"d c"24px/1fr .45fr;gap:4px;max-width:280px;padding:6px;display:grid}.fam-stage-fixed{background:color-mix(in srgb, var(--text-muted) 16%, transparent);border-radius:5px}.fam-stage-fixed--hero{grid-area:hero}.fam-stage-fixed--timeline{grid-area:timeline}.fam-stage-zone{background:var(--fam-tint,#f3edf9);min-width:0;color:var(--fam-purple,#75518e);border-radius:5px;align-items:center;gap:4px;padding:0 5px;font-size:10px;display:flex;overflow:hidden}.fam-stage-zone b{font-size:10px}.fam-stage-zone small{white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.fam-stage-zone--a{grid-area:a}.fam-stage-zone--b{grid-area:b}.fam-stage-zone--c{grid-area:c}.fam-stage-zone--d{grid-area:d}.fam-zone-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.fam-zone{border:1px solid var(--fam-line,var(--border-subtle));background:var(--surface-paper);border-radius:12px;gap:8px;margin:0;padding:10px 12px 12px;display:grid}.fam-zone legend{color:var(--text-primary);align-items:center;gap:8px;padding:0 4px;font-size:13px;font-weight:650;display:flex}.fam-zone-letter{background:var(--fam-purple,#75518e);color:#fff;border-radius:7px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:inline-grid}.fam-zone-cards{gap:5px;margin:0;padding:0;list-style:none;display:grid}.fam-zone-cards li{background:var(--fam-tint,#f3edf9);min-height:36px;color:var(--text-primary);border-radius:9px;align-items:center;gap:4px;padding:2px 4px 2px 10px;font-size:13px;font-weight:600;display:flex}.fam-zone-cards li span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fam-icon-button{width:32px;height:32px;color:var(--fam-purple,#75518e);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.fam-icon-button:hover:not(:disabled){background:color-mix(in srgb, var(--fam-purple,#75518e) 12%, transparent)}.fam-icon-button:disabled{opacity:.3;cursor:default}.fam-zone-actions{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-items:end;gap:8px;display:grid}.fam-toggle-list{gap:6px;display:grid}.fam-toggle{background:var(--surface-raised);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;font-size:13px;display:flex}.fam-toggle input{width:18px;height:18px;accent-color:var(--fam-purple,#75518e);flex:none;margin-top:1px}.fam-toggle small{color:var(--text-muted);font-size:12px;display:block}.fam-weather-panel{border:1px solid var(--fam-line,var(--border-subtle));background:var(--surface-paper);border-radius:14px;gap:10px;margin:14px 0 6px;padding:14px 16px;display:grid}.fam-weather-missing{margin-top:var(--space-md);padding:var(--space-md);border:1px solid color-mix(in srgb, var(--warning) 45%, var(--border-subtle));background:color-mix(in srgb, var(--warning) 9%, var(--surface-paper));gap:var(--space-sm);border-radius:14px;display:grid}.fam-weather-missing>p{margin:0;font-weight:600}.fam-weather-missing-badge{color:color-mix(in srgb, var(--warning) 70%, var(--text-primary));margin:6px 0 0;font-size:.8rem}.fam-weather-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fam-weather-head h3{color:var(--text-primary);margin:0;font-size:14px}.fam-weather-head p{color:var(--text-secondary);align-items:center;gap:4px;margin:2px 0 0;display:flex}.fam-weather-icon{background:var(--fam-tint,#f3edf9);width:38px;height:38px;color:var(--fam-purple,#75518e);border-radius:11px;place-items:center;display:inline-grid}.fam-weather-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.fam-weather-search{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.fam-weather-search .form-field{gap:5px;font-size:12.5px;display:grid}.fam-weather-results{grid-column:1/-1;gap:4px;margin:0;padding:0;list-style:none;display:grid}.fam-weather-results button{border:1px solid var(--fam-line,var(--border-subtle));background:var(--surface-raised);width:100%;min-height:40px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:baseline;gap:8px;padding:8px 10px;display:flex}.fam-weather-results span,.fam-weather-empty{color:var(--text-muted)}.fam-weather-privacy{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.fam-weather-error{color:var(--danger);margin:0}
.display-root--stage{background:#faf8f4;position:fixed;inset:0;overflow:hidden}.stage{--stage-paper:#faf8f4;--stage-surface:#fffefd;--stage-raised:#f5f1ec;--stage-line:#5841501a;--stage-ink:#151828;--stage-text:#42414c;--stage-muted:#756f79;--stage-accent:#73518d;--stage-accent-bg:#f3edf9;--stage-rain:#3f79a8;--stage-rain-bg:#e6f0f9;--stage-warm:#99702a;--stage-warm-bg:#faefd9;--stage-danger:#b94d55;box-sizing:border-box;width:100vw;height:100dvh;font-family:var(--font-ui);color:var(--stage-ink);background:var(--stage-paper);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;cursor:default;grid-template-rows:auto minmax(0,1fr);gap:1.1em;padding:1.6em 1.9em;font-size:clamp(12px,.72vw + .62vh,24px);transition:background .8s,color .8s;display:grid;position:relative}.stage *,.stage :before,.stage :after{box-sizing:border-box}.stage h1,.stage h2,.stage p,.stage ul,.stage ol{margin:0;padding:0}.stage ul,.stage ol{list-style:none}.stage svg{flex:none}.stage--dark{--stage-paper:#17141d;--stage-surface:#211d29;--stage-raised:#2a2533;--stage-line:#e6dcf01a;--stage-ink:#f3eee8;--stage-text:#cdc4d6;--stage-muted:#9a90a6;--stage-accent:#d5b8ea;--stage-accent-bg:#372d44;--stage-rain:#a9cdf0;--stage-rain-bg:#22364a;--stage-warm:#ecc98c;--stage-warm-bg:#3d3222;--stage-danger:#f0a0a8}.stage-night-veil{pointer-events:none;z-index:20;background:#08060c8c;position:fixed;inset:0}.stage-head{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1.8em;display:grid}.stage-clock{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:4.4em;font-weight:680;line-height:.92}.stage-date{color:var(--stage-text);margin-top:.35em;font-size:1.2em;font-weight:550}.stage-greeting{flex-direction:column;align-items:flex-start;gap:.55em;min-width:0;display:flex}.stage-greeting strong{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1.8em;font-weight:720;overflow:hidden}.stage-mode{background:var(--stage-accent-bg);color:var(--stage-accent);border-radius:100px;align-items:center;gap:.45em;padding:.35em .75em;font-size:.85em;font-weight:650;display:inline-flex}.stage-offline{background:var(--stage-warm-bg);color:var(--stage-warm);border-radius:100px;align-items:center;gap:.4em;padding:.4em .8em;font-size:.85em;font-weight:650;display:inline-flex}.stage-weather{background:var(--stage-surface);border:1px solid var(--stage-line);color:var(--stage-warm);border-radius:1.2em;align-items:center;gap:.8em;padding:.75em 1.1em;display:flex}.stage-weather>svg{width:2.6em;height:2.6em}.stage-weather b{letter-spacing:-.03em;color:var(--stage-ink);font-size:2.4em;font-weight:650}.stage-weather span{flex-direction:column;gap:.15em;display:flex}.stage-weather small{color:var(--stage-text);font-size:.9em}.stage-weather .stage-rain,.stage-tip{color:var(--stage-rain);align-items:center;gap:.35em;font-weight:650;display:flex}.stage-grid{grid-template:"hero a"minmax(0,1fr)"timeline b"minmax(0,1.15fr)"d c"minmax(0,.8fr)/minmax(0,1fr) clamp(18em,27vw,26em);gap:1.2em;min-height:0;display:grid}.stage-hero{grid-area:hero}.stage-timeline{grid-area:timeline}.stage-zone--a{grid-area:a}.stage-zone--b{grid-area:b}.stage-zone--c{grid-area:c}.stage-zone--d{grid-area:d}.stage-card{background:var(--stage-surface);border:1px solid var(--stage-line);border-radius:1.35em;min-width:0;min-height:0;padding:1.3em 1.45em;position:relative;overflow:hidden}.stage-label{letter-spacing:.09em;text-transform:uppercase;color:var(--stage-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5em;font-size:.8em;font-weight:750;display:flex;overflow:hidden}.stage-label span{text-overflow:ellipsis;overflow:hidden}.stage-empty{color:var(--stage-muted);margin-top:.9em;font-size:1em}.stage-avatar{color:#fff;object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.stage-avatar--all{background:var(--stage-accent-bg);width:1.9em;height:1.9em;color:var(--stage-accent)}.stage-hero{background:linear-gradient(120deg, var(--stage-surface) 45%, var(--stage-accent-bg));grid-template-columns:minmax(0,1fr) minmax(0,17em);gap:1.6em;display:grid}.stage-hero-main{flex-direction:column;justify-content:center;gap:.65em;min-width:0;display:flex}.stage-hero-when{color:var(--stage-accent)}.stage-hero-title{letter-spacing:-.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:3.4em;font-weight:760;line-height:1.02;display:-webkit-box;overflow:hidden}.stage-hero-title--quiet{color:var(--stage-text);font-size:2.4em}.stage-hero-meta{color:var(--stage-text);align-items:center;gap:.7em;min-width:0;font-size:1.2em;display:flex}.stage-hero-meta>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-hero-people{display:flex}.stage-hero-people .stage-avatar+.stage-avatar{box-shadow:0 0 0 3px var(--stage-surface);margin-left:-.5em}.stage-hero-hint{background:var(--stage-accent-bg);color:var(--stage-accent);border-radius:.85em;align-self:flex-start;align-items:center;gap:.5em;padding:.5em .85em;font-size:1em;font-weight:650;display:inline-flex}.stage-hero-next{border-left:1px solid var(--stage-line);flex-direction:column;justify-content:center;gap:.55em;min-width:0;padding-left:1.4em;display:flex}.stage-next-row{background:var(--stage-surface);border:1px solid var(--stage-line);border-radius:.9em;align-items:center;gap:.7em;min-width:0;padding:.55em .75em;font-size:1.05em;display:flex}.stage-next-row b{font-variant-numeric:tabular-nums;flex:none}.stage-next-row span:last-child{text-overflow:ellipsis;white-space:nowrap;color:var(--stage-text);overflow:hidden}.stage-timeline{flex-direction:column;gap:.6em;display:flex}.stage-allday{flex-wrap:wrap;gap:.4em;display:flex}.stage-allday span{background:var(--stage-accent-bg);color:var(--stage-accent);border-radius:100px;padding:.25em .7em;font-size:.85em;font-weight:650}.stage-tl{flex-direction:column;flex:1;min-height:0;padding-left:3.2em;display:flex;position:relative}.stage-tl-hours{flex:none;height:1.3em;position:relative}.stage-tl-hours span{color:var(--stage-muted);font-size:.8em;font-weight:600;position:absolute;transform:translate(-50%)}.stage-tl-body{flex-direction:column;flex:1;justify-content:space-evenly;gap:.35em;min-height:0;display:flex;position:relative}.stage-tl-grid{background:var(--stage-line);width:1px;position:absolute;top:0;bottom:0}.stage-tl-past{background:color-mix(in srgb, var(--stage-surface) 65%, transparent);z-index:2;position:absolute;top:0;bottom:0;left:0}.stage-tl-now{background:var(--stage-accent);z-index:3;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-.4em;bottom:0}.stage-lane{flex:1;align-items:center;height:2.3em;max-height:2.8em;display:flex;position:relative}.stage-lane-who{display:flex;position:absolute;left:-3.2em}.stage-lane-track{width:100%;height:100%;position:relative}.stage-block{background:var(--block-color);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:.65em;align-items:center;padding:0 .6em;font-size:.88em;font-weight:650;display:flex;position:absolute;top:8%;bottom:8%;overflow:hidden}.stage-zone{touch-action:pan-y;flex-direction:column;padding:0;display:flex}.stage-zone-card{flex-direction:column;flex:1;min-height:0;animation:.6s stage-fade;display:flex}.stage-card-body{flex-direction:column;flex:1;gap:.2em;min-height:0;padding:1.3em 1.45em 1.4em;display:flex}.stage-card-body>*,.stage-hero-main>*,.stage-timeline>.stage-label{flex-shrink:0}.stage-zone--d .stage-zone-card{padding:1.1em 1.2em 1.2em}.stage-dots{z-index:4;gap:.3em;display:flex;position:absolute;top:1.35em;right:1.3em}.stage-dots i{background:color-mix(in srgb, var(--stage-accent) 28%, transparent);border-radius:50%;width:.42em;height:.42em}.stage-dots i.is-on{background:var(--stage-accent);border-radius:.3em;width:1.1em}.stage-zone--media .stage-dots{background:color-mix(in srgb, var(--stage-surface) 85%, transparent);border-radius:100px;padding:.3em .45em;top:.8em;right:.8em}.stage-zone[data-paused] .stage-dots:after{content:"";background:var(--stage-muted);border-radius:1px;width:.42em;height:.42em;margin-left:.2em}.stage-progress{background:color-mix(in srgb, var(--stage-accent) 8%, transparent);z-index:4;height:4px;position:absolute;bottom:0;left:0;right:0}.stage-progress b{transform-origin:0;background:var(--stage-accent);opacity:.5;width:100%;height:100%;animation-name:stage-progress;animation-timing-function:linear;animation-fill-mode:forwards;display:block}@keyframes stage-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes stage-fade{0%{opacity:0}to{opacity:1}}.stage-meal-photo{object-fit:cover;flex:none;width:100%;height:42%;min-height:0}.stage-zone--media .stage-card-body{padding-top:.9em}.stage-meal-name{letter-spacing:-.02em;margin-top:.3em;font-size:1.55em;font-weight:750;line-height:1.15}.stage-meal-others{color:var(--stage-text);flex-direction:column;gap:.15em;margin-top:.3em;font-size:.95em;display:flex}.stage-meal-others span{color:var(--stage-muted);margin-right:.4em}.stage-checklist{grid-template-columns:1fr 1fr;gap:.5em 1em;margin-top:.8em;font-size:1.08em;display:grid}.stage-checklist li{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.55em;min-width:0;display:flex;overflow:hidden}.stage-checklist i{border:2px solid color-mix(in srgb, var(--stage-muted) 60%, transparent);border-radius:.3em;flex:none;width:1em;height:1em}.stage-more{color:var(--stage-muted);font-size:.9em}.stage-hours{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35em;margin-top:.8em;display:grid}.stage-hours div{background:var(--stage-raised);color:var(--stage-warm);border-radius:.85em;flex-direction:column;align-items:center;gap:.35em;padding:.6em 0;font-size:.85em;display:flex}.stage-hours div span{color:var(--stage-text)}.stage-hours div b{color:var(--stage-ink);font-size:1.25em}.stage-hours div.is-rain{background:var(--stage-rain-bg);color:var(--stage-rain)}.stage-tip{margin-top:.7em;font-size:.95em}.stage-rows{flex-direction:column;gap:.65em;margin-top:.8em;display:flex}.stage-rows li{align-items:center;gap:.75em;min-width:0;font-size:1.05em;display:flex}.stage-rows li>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stage-rows small{color:var(--stage-muted);font-size:.82em;display:block}.stage-rows li.is-overdue small{color:var(--stage-danger);font-weight:650}.stage-rows svg{color:var(--stage-accent)}.stage-dot{background:var(--stage-accent);border-radius:50%;flex:none;width:.7em;height:.7em;margin:0 .55em}.stage-school-kids{color:var(--stage-text);align-items:center;gap:.4em;margin-top:.6em;font-size:1em;display:flex}.stage-lessons{flex-direction:column;gap:.15em;margin-top:.5em;font-size:1em;display:flex}.stage-lessons li{border-radius:.6em;align-items:center;gap:.75em;padding:.25em .6em;display:flex}.stage-lessons b{width:3.4em;color:var(--stage-muted);font-variant-numeric:tabular-nums;font-size:.85em}.stage-lessons li.is-now{background:var(--stage-accent-bg);font-weight:700}.stage-lessons li.is-break{color:var(--stage-muted);padding-left:4.9em;font-size:.82em}.stage-countdowns{flex-direction:column;gap:.6em;margin-top:.7em;display:flex}.stage-countdowns li{align-items:center;gap:.85em;min-width:0;display:flex}.stage-countdowns li>span:last-child{min-width:0}.stage-countdowns li>span:last-child b{white-space:nowrap;text-overflow:ellipsis;font-size:1.05em;display:block;overflow:hidden}.stage-countdowns small{color:var(--stage-text);font-size:.85em}.stage-count{background:var(--stage-rain-bg);width:3.4em;height:3.4em;color:var(--stage-rain);border-radius:1em;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.stage-count--birthday{background:color-mix(in srgb, #c26f80 16%, var(--stage-surface));color:#b25d6e}.stage-count b{font-size:1.45em;font-weight:760;line-height:1}.stage-count small{letter-spacing:.06em;text-transform:uppercase;color:inherit;font-size:.6em;font-weight:700}.stage-goals{flex-direction:column;gap:.7em;margin-top:.6em;display:flex}.stage-goals li{align-items:center;gap:.7em;display:flex}.stage-goals div{flex:1;min-width:0}.stage-goals b{font-size:1em}.stage-goals small{color:var(--stage-text);font-size:.82em;display:block}.stage-track{background:var(--stage-raised);border-radius:1em;height:.5em;margin:.25em 0 .15em;display:block;overflow:hidden}.stage-track span{background:#d4a24f;border-radius:1em;height:100%;display:block}.stage-people{grid-template-columns:repeat(auto-fit,minmax(10em,1fr));gap:.8em;height:100%;display:grid}.stage-person{background:var(--stage-raised);border-radius:1.1em;flex-direction:column;gap:.55em;min-width:0;padding:.9em 1em;display:flex;overflow:hidden}.stage-person-top{align-items:center;gap:.6em;min-width:0;display:flex}.stage-person-top b{white-space:nowrap;text-overflow:ellipsis;font-size:1.15em;overflow:hidden}.stage-stars{background:var(--stage-warm-bg);color:var(--stage-warm);border-radius:100px;align-items:center;gap:.25em;margin-left:auto;padding:.2em .55em;font-size:.85em;font-weight:700;display:inline-flex}.stage-person-next{color:var(--stage-text);min-width:0;font-size:.92em;line-height:1.35}.stage-person-next span{display:block}.stage-person-next b{color:var(--stage-ink);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.stage-person-progress{color:var(--stage-accent);align-items:center;gap:.6em;margin-top:auto;display:flex}.stage-person-progress small{color:var(--stage-text);font-size:.85em}.stage-ring{width:2.5em;height:2.5em}.stage-ring circle{fill:none;stroke-width:6px;stroke-linecap:round}.stage-ring-track{stroke:var(--stage-line)}.stage-week{flex-direction:column;height:100%;display:flex}.stage-week-days{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:.55em;min-height:0;margin-top:.6em;display:grid}.stage-week-day{background:var(--stage-raised);border-radius:.9em;flex-direction:column;gap:.3em;min-width:0;padding:.6em .65em;display:flex;overflow:hidden}.stage-week-day.is-today{background:var(--stage-accent-bg);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--stage-accent) 35%, transparent)}.stage-week-day>b{justify-content:space-between;font-size:.95em;display:flex}.stage-week-day>b span{color:var(--stage-muted);font-weight:600}.stage-week-item{color:var(--stage-text);white-space:nowrap;align-items:center;gap:.35em;font-size:.82em;display:flex;overflow:hidden}.stage-week-item i{border-radius:50%;flex:none;width:.5em;height:.5em}.stage-updated{font-size:.75em;font-weight:650;position:absolute;bottom:.55em;right:1.9em}@media (orientation:portrait){.stage{font-size:clamp(12px,1.05vw + .45vh,24px)}.stage-head{grid-template-columns:auto minmax(0,1fr)}.stage-weather{grid-column:1/-1;justify-self:start}.stage-grid{grid-template:"hero hero"minmax(0,.8fr)"timeline timeline"minmax(0,1fr)"a b"minmax(0,.95fr)"c c"minmax(0,.6fr)"d d"minmax(0,.75fr)/minmax(0,1fr) minmax(0,1fr)}.stage-hero{grid-template-columns:1fr}.stage-hero-next{display:none}}.stage--eink{--stage-paper:#fff;--stage-surface:#fff;--stage-raised:#fff;--stage-line:#000;--stage-ink:#000;--stage-text:#000;--stage-muted:#000;--stage-accent:#000;--stage-accent-bg:#fff;--stage-rain:#000;--stage-rain-bg:#fff;--stage-warm:#000;--stage-warm-bg:#fff;--stage-danger:#000;-webkit-font-smoothing:none;transition:none}.stage--eink *,.stage--eink :before,.stage--eink :after{transition:none!important;animation:none!important}.stage--eink .stage-card{border:2px solid #000;border-radius:.7em}.stage--eink .stage-hero{background:#fff}.stage--eink .stage-avatar{color:#fff;filter:grayscale()contrast(1.4);background:#000!important}.stage--eink .stage-block{color:#fff;background:#000}.stage--eink .stage-tl-past{background:repeating-linear-gradient(0deg,#0000 0 2px,#fff 2px 4px)}.stage--eink .stage-tl-grid{background:0 0;border-left:1px dotted #000}.stage--eink .stage-meal-photo,.stage--eink .stage-progress,.stage--eink .stage-night-veil{display:none}.stage--eink .stage-mode,.stage--eink .stage-hero-hint,.stage--eink .stage-allday span,.stage--eink .stage-stars,.stage--eink .stage-count,.stage--eink .stage-hours div,.stage--eink .stage-person,.stage--eink .stage-week-day{border:1.5px solid #000}.stage--eink .stage-week-day.is-today,.stage--eink .stage-lessons li.is-now{color:#fff;box-shadow:none;background:#000}.stage--eink .stage-week-day.is-today span,.stage--eink .stage-lessons li.is-now b{color:#fff}.stage--eink .stage-track{border:1.5px solid #000}.stage--eink .stage-track span{background:#000}.stage--eink .stage-week-item i{background:#000!important}.stage--eink .stage-dots i{background:#fff;border:1.5px solid #000}.stage--eink .stage-dots i.is-on{background:#000}@media (max-width:900px) and (orientation:landscape){.stage--eink{gap:.8em;padding:1.2em 1.5em 1.6em;font-size:11px}.stage--eink .stage-grid{grid-template:"hero a"minmax(0,.8fr)"timeline b"minmax(0,1fr)/minmax(0,1.7fr) minmax(0,1fr);gap:.9em}.stage--eink .stage-zone--c,.stage--eink .stage-zone--d,.stage--eink .stage-hero-next,.stage--eink .stage-greeting .stage-mode{display:none}.stage--eink .stage-hero{grid-template-columns:1fr}.stage--eink .stage-hero-title{font-size:2.5em}.stage--eink .stage-clock{font-size:4em}}@media (prefers-reduced-motion:reduce){.stage,.stage *{transition:none!important;animation-duration:.01ms!important}.stage-progress{display:none}}.display-state{text-align:center;color:#42414c;height:100%;font-family:var(--font-ui);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;font-size:clamp(16px,1.6vw,22px);display:flex}.display-state h1{color:#151828;letter-spacing:-.02em;margin:0;font-size:2em}.display-state p{max-width:36em;margin:0;line-height:1.5}.display-state .display-state-reason{opacity:.75;margin-top:1rem;font-size:.95em}