:root{--bg: #F6F8FA;--surface: #FDFDFD;--surface-raised: #FDFDFD;--border: #E2E0DD;--border-subtle: #ECEAE7;--text-primary: #1C1814;--text-secondary: #5E5650;--text-muted: #9C958D;--accent: #171717;--accent-hover: #2E2E2E;--accent-fg: #FFFFFF;--accent-tint: #EFEEED;--danger: #C0392B;--danger-hover: #A93226;--danger-tint: #FECDCA;--warning: #F59E0B;--warning-fg: #92600A;--warning-bg: #FFFBEB;--warning-border: #FCD34D;--saved: #E0455C;--on-media: #FFFFFF;--artwork-bg: #F8FCFF;--tag-clay-bg: #EBE0D2;--tag-clay-fg: #7A5533;--tag-commercial-bg: #DCE8E4;--tag-commercial-fg: #2A6057;--tag-studio-bg: #E3DDE9;--tag-studio-fg: #58387A;--tag-cone-bg: #E9E6D8;--tag-cone-fg: #5A5220;--tag-firing-bg: var(--border-subtle);--tag-firing-fg: var(--text-secondary);--sidebar-w: 216px;--radius-xs: 2px;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-dialog: 20px;--radius-pill: 999px;--radius-button: var(--radius-md);--text-2xs: .625rem;--text-xs: .6875rem;--text-sm: .75rem;--text-md: .8125rem;--text-base: .875rem;--text-lg: .9375rem;--text-xl: 1rem;--text-2xl: 1.125rem;--text-3xl: 1.25rem;--text-4xl: 1.5rem;--text-5xl: 1.75rem;--z-nav: 100;--z-tabbar: 200;--z-modal: 200;--z-popover: 1000;--z-sheet: 3000;--z-install: 3500;--z-confirm: 3800;--z-toast: 4000;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-popover: 0 4px 20px rgba(0,0,0,.12);--shadow-sheet: 0 -4px 24px rgba(0,0,0,.12);--shadow-on-media: 0 0 3px rgba(0,0,0,.35);--duration-fast: .12s;--duration: .2s;--duration-slow: .4s;--ease-out: cubic-bezier(.2, .8, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;touch-action:manipulation}button{cursor:pointer}input,select,textarea{font-family:inherit}html.modal-open,html.modal-open body{overflow:hidden;overscroll-behavior:none}.sidenav{width:var(--sidebar-w);flex-shrink:0;position:fixed;top:0;left:0;height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:var(--z-nav);overflow:hidden}.sidenav-logo{font-family:"Averia Serif Libre",Georgia,serif;font-style:italic;font-size:var(--text-4xl);font-weight:400;letter-spacing:-.02em;color:var(--text-primary);text-decoration:none;padding:24px 20px 16px;flex-shrink:0;display:block;line-height:1}.sidenav-logo em{color:var(--accent);font-style:normal}.sidenav-logo-mark{display:none}.sidenav-nav{display:flex;flex-direction:column;gap:6px;padding:0 10px;flex-shrink:0}.sidenav-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:var(--text-base);font-weight:500;text-align:left;cursor:pointer;transition:background .12s,color .12s}.sidenav-item svg{flex-shrink:0;opacity:.7}.sidenav-item:hover{background:var(--border-subtle);color:var(--text-primary)}.sidenav-item.active{background:var(--accent-tint);color:var(--accent)}.sidenav-item.active svg{opacity:1}.sidenav-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sidenav-divider{height:1px;background:var(--border);margin:6px 2px}.sidenav-bottom{flex-shrink:0;margin-top:auto;padding:10px}.sidenav-profile{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);cursor:pointer;transition:background .12s}.sidenav-profile:hover{background:var(--border-subtle)}.sidenav-profile.active{background:var(--accent-tint)}.sidenav-profile.active .sidenav-profile-name{color:var(--accent)}.sidenav-profile-info{flex:1;min-width:0}.sidenav-profile-more{width:28px;height:28px;flex-shrink:0;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.sidenav-profile-more:hover,.sidenav-profile-more.open{background:var(--border);color:var(--text-primary)}.sidenav-bottom{position:relative}.card-menu.sidenav-profile-menu{top:auto;bottom:calc(100% - 4px);left:10px;right:10px;min-width:0}.card-menu.sidenav-profile-menu.open{animation-name:menu-in-up}.sidenav-profile-more:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sidenav-profile-name{font-size:var(--text-base);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidenav-profile-studio{font-size:var(--text-xs);color:var(--text-muted)}.nav-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;flex-shrink:0;-webkit-user-select:none;user-select:none}.nav-avatar-guest{background:var(--border);color:var(--text-muted)}.sidenav-signin-btn{width:100%;border:none;background:none;font-family:inherit;text-align:left;cursor:pointer}.app-layout{display:flex;min-height:100vh;min-height:100dvh}.sb-filter{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.sb-filter:hover{background:var(--border-subtle)}.sb-filter input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.sb-filter-swatch{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg);background-size:cover;background-position:center;flex-shrink:0}.sb-filter-label{font-size:var(--text-lg);color:var(--text-secondary);flex:1}.sb-filter-count{font-size:var(--text-md);color:var(--text-muted);font-variant-numeric:tabular-nums}.filter-section-title{font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;color:var(--text-muted);padding:8px 8px 4px}.filter-section-title:first-child{padding-top:4px}.main{flex:1;min-width:0;padding:24px;margin-left:var(--sidebar-w)}.page-header{display:flex;align-items:center;gap:0;margin-bottom:24px}.page-header-select{max-width:280px;margin-left:auto}.page-title{font-family:"Averia Serif Libre",Georgia,serif;font-size:var(--text-5xl);font-weight:600;color:var(--text-primary);line-height:1}.main-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:nowrap}.main-search{flex:0 1 260px;max-width:260px;margin-left:auto;position:relative}.main-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex}.main-search input{width:100%;height:40px;padding:0 14px 0 38px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-dialog);color:var(--text-primary);font-size:var(--text-base);outline:none;transition:border-color .15s,box-shadow .15s}.main-search input::placeholder{color:var(--text-muted);font-size:var(--text-md)}.main-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.main-search-filter{display:none}.drawer-quick-filters{display:none;padding:20px 2px 16px;border-bottom:1px solid var(--border);margin-bottom:4px}.drawer-quick-filters-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:12px}.drawer-quick-filters-list{display:flex;flex-wrap:wrap;gap:8px}.filter-pills-row{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;padding-top:6px}.filters-btn{position:relative;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-button);font-family:inherit;font-size:var(--text-md);font-weight:500;color:var(--text-primary);white-space:nowrap;cursor:pointer;transition:border-color .15s;flex-shrink:0}.filters-btn:hover{border-color:var(--text-muted)}.filters-count-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-lg);background:var(--text-primary);color:var(--surface);font-size:var(--text-2xs);font-weight:600;display:flex;align-items:center;justify-content:center}.filter-pills-divider{width:1px;height:24px;background:var(--border);flex-shrink:0}.filter-pills-scroll{position:relative;flex:1 1 auto;min-width:0}.filter-pills-scroll:before,.filter-pills-scroll:after{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:1;opacity:0;transition:opacity .15s ease}.filter-pills-scroll:before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.filter-pills-scroll:after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.filter-pills-scroll.has-fade-left:before{opacity:1}.filter-pills-scroll.has-fade-right:after{opacity:1}.filter-pills-list{display:flex;align-items:center;gap:8px;overflow-x:auto;width:100%;scrollbar-width:none;-ms-overflow-style:none}.filter-pills-list::-webkit-scrollbar{display:none}.filter-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:var(--text-md);font-weight:500;white-space:nowrap;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.filter-pill:hover{border-color:var(--text-muted)}.filter-pill.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface)}.filter-pill.value-pill{padding-right:8px;background:var(--accent-tint);border-color:var(--accent);color:var(--accent);cursor:default}.filter-pill-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:50%;background:none;color:inherit;font-size:var(--text-sm);cursor:pointer;transition:background .12s}.filter-pill-remove:hover{background:#00000014}.filter-pill-clear-all{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 4px;border:none;background:none;color:var(--text-muted);font-family:inherit;font-size:var(--text-md);font-weight:500;white-space:nowrap;cursor:pointer;flex-shrink:0}.filter-pill-clear-all:hover{color:var(--text-primary)}.modal.filter-drawer{max-width:320px;height:80vh;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.filter-drawer-body{flex:1;overflow-y:auto;padding:0 20px}.filter-drawer-footer{padding:12px 20px;border-top:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-apply-btn{height:40px;padding:0 20px;font-size:var(--text-base);white-space:nowrap}.accordion-item{border-bottom:1px solid var(--border-subtle)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:none;padding:14px 2px;font-family:inherit;font-size:var(--text-xl);font-weight:600;color:var(--text-primary);cursor:pointer}.accordion-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.accordion-header.open .accordion-chevron{transform:rotate(180deg)}.accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.accordion-body.open{grid-template-rows:1fr}.accordion-body-inner{overflow:hidden}.accordion-body-inner>div{padding-bottom:12px}.filter-clear-btn{background:none;border:none;font-family:inherit;font-size:var(--text-md);font-weight:500;color:var(--accent);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);transition:color .12s,background .12s}.filter-clear-btn:hover{color:var(--accent);background:var(--accent-tint)}.layout-toggle{display:flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px;flex-shrink:0}.layout-btn{width:30px;height:30px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.layout-btn:hover{color:var(--text-primary);background:var(--border-subtle)}.layout-btn.active{background:var(--accent-tint);color:var(--accent)}.entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:12px}#entryGrid{margin-top:14px}.masonry-grid{display:flex;align-items:flex-start;gap:12px}.masonry-col{display:flex;flex-direction:column;gap:12px;flex:1 1 0;min-width:0}.masonry-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.masonry-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.masonry-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.masonry-item .save-btn{position:absolute;top:7px;right:7px;opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .15s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.masonry-item:hover .save-btn,.masonry-item .save-btn.saved,.masonry-item .save-btn:focus-visible{opacity:1;transform:translateY(0)}.masonry-item .save-btn svg path{stroke:var(--on-media)}.masonry-item .save-btn:hover{background:#00000059}.save-btn{width:36px;height:36px;border-radius:50%;border:none;background:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.save-btn svg path{fill:none;stroke:currentColor;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round;transition:fill .15s,stroke .15s}.save-btn.saved svg path{fill:var(--on-media);stroke:var(--on-media);stroke-width:1.7}.save-btn.save-pop svg{animation:save-pop .35s var(--ease-out)}@keyframes save-pop{40%{transform:scale(1.3)}}.save-btn:active svg path{fill:var(--saved);stroke:var(--on-media);stroke-width:1.7}@media (hover: hover){.save-btn:hover svg path{fill:var(--saved);stroke:var(--on-media);stroke-width:1.7}}.masonry-img.img-in{animation:img-in var(--duration) ease}@keyframes img-in{0%{opacity:0}}.masonry-img{display:block;width:100%;height:auto;object-fit:cover}.entry-card{background:transparent;border:none;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .2s;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.entry-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.entry-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-thumb-wrap{position:relative;overflow:hidden}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;display:flex;flex-direction:column;justify-content:flex-end;padding:16px 16px 20px;opacity:0;transition:opacity .2s ease;z-index:1;pointer-events:none;will-change:opacity}.card-overlay:before{content:"";position:absolute;top:25%;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.65) 45%,rgba(255,255,255,.88) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-mask:linear-gradient(to bottom,transparent 0%,black 45%);mask:linear-gradient(to bottom,transparent 0%,black 45%);z-index:-1;transform:translateZ(0)}.entry-card:hover .card-overlay,.masonry-item:hover .card-overlay{opacity:1}.card-overlay-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.3}.card-overlay-layers{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.card-overlay-clay{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px}.card-thumb{width:100%;aspect-ratio:1 / 1;display:block;background:var(--border-subtle)}.card-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#00000061;border:none;color:var(--on-media);font-size:var(--text-2xl);line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;z-index:2}.card-nav-btn.prev{left:7px}.card-nav-btn.next{right:7px}.entry-card:hover .card-nav-btn,.masonry-item:hover .card-nav-btn{opacity:1}.card-nav-btn:hover{background:#0009}.card-photo-dots{position:absolute;bottom:7px;left:50%;transform:translate(-50%);display:flex;gap:4px;opacity:0;transition:opacity .15s;z-index:3}.entry-card:hover .card-photo-dots,.masonry-item:hover .card-photo-dots{opacity:1}.card-photo-dot{width:5px;height:5px;border-radius:50%;background:#00000040;transition:background .15s}.card-photo-dot.active{background:#000000b3}.card-menu-btn{position:absolute;top:9px;right:9px;width:30px;height:30px;border-radius:50%;background:#00000061;border:none;color:var(--on-media);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;z-index:2}.entry-card:hover .card-menu-btn{opacity:1}.card-menu-btn:hover{background:#0000008c}.card-menu{display:none;position:absolute;top:44px;right:9px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-popover);z-index:10;min-width:130px;padding:4px 0}.card-menu.open{display:block;animation:menu-in var(--duration-fast) var(--ease-out)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes menu-in-up{0%{opacity:0;transform:translateY(4px)}}.card-menu-item{display:flex;align-items:center;gap:10px;white-space:nowrap;width:100%;text-align:left;padding:8px 14px;background:none;border:none;font-size:var(--text-base);color:var(--text-primary);cursor:pointer;transition:background .1s}.card-menu-item:hover{background:var(--border-subtle)}.card-menu-item .menu-item-icon{flex:none;color:var(--text-secondary)}.card-menu-item.danger .menu-item-icon{color:inherit}.card-menu-item.danger{color:var(--danger)}.card-body{display:none}.card-title{font-family:"Averia Serif Libre",Georgia,serif;font-size:var(--text-xl);font-weight:600;color:var(--text-primary);line-height:1.3;text-wrap:balance;margin-bottom:8px}.card-layers{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.layer-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;line-height:1.4;white-space:nowrap}.layer-pill.commercial{background:var(--tag-commercial-bg);color:var(--tag-commercial-fg)}.layer-pill.studio{background:var(--tag-studio-bg);color:var(--tag-studio-fg)}.glaze-color-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle;flex-shrink:0;border:1px solid rgba(0,0,0,.08)}.card-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;line-height:1.5;white-space:nowrap}.tag.clay{background:var(--tag-clay-bg);color:var(--tag-clay-fg)}.tag.cone{background:var(--tag-cone-bg);color:var(--tag-cone-fg)}.tag.firing{background:var(--tag-firing-bg);color:var(--tag-firing-fg)}.card-spacer{flex:1}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--border-subtle) 25%,var(--border) 37%,var(--border-subtle) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.user-profile-avatar.skeleton{background:linear-gradient(90deg,var(--border-subtle) 25%,var(--border) 37%,var(--border-subtle) 63%);background-size:400% 100%;border-radius:50%}.skeleton-card{cursor:default}.skeleton-card:hover{box-shadow:var(--shadow-sm);transform:none}.skeleton-thumb{width:100%;aspect-ratio:1 / 1;border-radius:0}.skeleton-line{height:8px}.skeleton-pill{height:20px;border-radius:var(--radius-xl);margin-bottom:12px}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid var(--border-subtle)}.card-user{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-muted)}.mini-avatar{width:19px;height:19px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xs);font-weight:600;flex-shrink:0}.card-studio{font-size:var(--text-xs);color:var(--text-muted)}.private-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;background:var(--tag-cone-bg);color:var(--tag-cone-fg);border-radius:var(--radius);font-size:var(--text-2xs);font-weight:600;letter-spacing:.02em}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:55vh;padding:48px 20px}.empty-state h3{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:4px}.empty-state p{font-size:var(--text-base);color:var(--text-muted)}.empty-state-reset-btn{display:inline-flex;align-items:center;gap:6px;margin-top:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000075;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:48px;opacity:0;pointer-events:none;transition:opacity .18s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface-raised);border-radius:var(--radius-dialog);width:100%;max-width:780px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);transform:translateY(10px) scale(.99);transition:transform .18s}.modal-overlay.open .modal{transform:translateY(0) scale(1)}.modal:focus{outline:none}.modal::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-xs)}#addOverlay{top:0;left:var(--sidebar-w);right:0;bottom:0;padding:0;align-items:stretch;justify-content:stretch;background:var(--bg)}.add-wizard-modal{overflow:hidden;display:flex;flex-direction:column;width:100%;height:100%;max-width:none;max-height:none;border-radius:0;box-shadow:none;background:var(--bg)}.add-wizard-modal>.modal-header{position:static;background:none;border-bottom:none;flex-direction:column;align-items:flex-start;gap:4px;width:100%;max-width:1080px;margin:0 auto}.add-wizard-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.add-wizard-body{flex:1;overflow-y:auto;width:100%;max-width:1080px;margin:0 auto;padding:16px 24px 8px}.add-wizard-modal .modal-footer{flex-shrink:0}.add-wizard-footer-buttons{display:flex;justify-content:flex-end;gap:8px;width:100%;max-width:1080px;margin:0 auto}#addBackBtn,#addCancelBtn{margin-right:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface-raised);z-index:1}.modal-title{font-family:"Averia Serif Libre",Georgia,serif;font-size:var(--text-2xl);font-weight:600}.modal-close{width:28px;height:28px;border-radius:50%;border:none;background:var(--bg);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);transition:background .12s}.modal-close:hover{background:var(--border);color:var(--text-primary)}.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 768px){.modal-close{position:relative;width:32px;height:32px}.modal-close:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}}.add-items-list{display:flex;flex-direction:column;gap:12px}.add-item-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.add-item-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-subtle)}.add-item-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.add-item-remove{background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);font-family:inherit;cursor:pointer;padding:2px 8px;border-radius:var(--radius-sm);transition:color .12s,background .12s}.add-item-remove:hover{color:var(--danger);background:var(--danger-tint)}.add-item-dropzone{margin:14px;border:2px dashed var(--border);border-radius:var(--radius);padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.add-item-dropzone:hover,.add-item-dropzone.drag-over{border-color:var(--accent);background:var(--accent-tint)}.add-item-dropzone-icon{color:var(--text-muted);opacity:.55}.add-item-dropzone-text{font-size:var(--text-base);font-weight:500;color:var(--text-secondary)}.add-item-dropzone-sub{font-size:var(--text-sm);color:var(--text-muted)}.add-item-photos{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;align-items:flex-start}.add-item-photo-thumb{position:relative;width:80px;height:80px;border-radius:var(--radius);overflow:hidden;flex-shrink:0;cursor:grab;transition:opacity .15s,outline-color .1s;outline:2px solid transparent;outline-offset:2px}.add-item-photo-thumb.dragging{opacity:.4}.add-warning-icon{flex-shrink:0;color:var(--warning-fg)}.auth-tagline-left{text-align:left}.add-item-photo-thumb.is-pending,.edit-photo-thumb.is-pending{cursor:default}.edit-photo-thumb.skeleton{background:linear-gradient(90deg,var(--border-subtle) 25%,var(--border) 37%,var(--border-subtle) 63%);background-size:400% 100%}.add-item-photo-thumb.drag-target{outline-color:var(--accent)}.add-item-photo-thumb{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.add-item-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;pointer-events:none}.add-item-photo-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#00000080;color:#fff;border:none;font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s}.add-item-photo-thumb:hover .add-item-photo-remove{opacity:1}.add-item-photo-remove:hover{background:color-mix(in srgb,var(--danger) 85%,transparent)}.add-item-add-photo{width:80px;height:80px;border:2px dashed var(--border);border-radius:var(--radius);background:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:inherit;font-size:var(--text-sm);cursor:pointer;flex-shrink:0;transition:border-color .14s,color .14s}.add-item-add-photo:hover,.add-item-add-photo.drag-over{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.add-another-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:4px;padding:12px;border:2px dashed var(--border);border-radius:var(--radius-button);background:none;color:var(--text-muted);font-family:inherit;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:border-color .14s,color .14s,background .14s}.add-another-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.add-groups-list{display:flex;flex-direction:column;gap:14px;padding:0 0 4px}.add-group-card{display:flex;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.add-group-photo{width:50%;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg);padding:16px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.add-group-photo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@media (min-width: 769px){.add-group-photo img{max-height:520px}}@media (max-width: 768px){.add-group-photo{aspect-ratio:4 / 3}.add-group-photo img{max-height:calc((100vw - 34px)*.75 - 32px)}}.icon-arrow{display:inline-block;vertical-align:-.25em}.name-narrow{display:none}.add-group-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0000006b;color:var(--on-media);border:none;width:24px;height:24px;border-radius:50%;font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:background .12s}.add-group-carousel-btn:hover{background:#000000a6}.add-group-carousel-btn.prev{left:4px}.add-group-carousel-btn.next{right:4px}.add-group-photo-thumbs{position:absolute;left:0;right:0;bottom:0;display:flex;gap:8px;padding:10px;background:linear-gradient(to top,rgba(255,255,255,.9),transparent);overflow-x:auto;z-index:4}.add-group-photo-thumb{flex-shrink:0;width:60px;height:60px;padding:0;border:2px solid transparent;border-radius:var(--radius);overflow:hidden;background:none;cursor:pointer;opacity:.65;transition:opacity .12s,border-color .12s}.add-group-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.add-group-photo-thumb:hover{opacity:.9}.add-group-photo-thumb.active{opacity:1;border-color:var(--accent)}.add-group-form{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.aw-entry-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:2px}.aw-copy-above-btn{border:none;background:none;padding:4px 0;font-family:inherit;font-size:var(--text-sm);font-weight:600;color:var(--accent);cursor:pointer}.aw-copy-above-btn:hover{text-decoration:underline}.add-group-form .add-layer-btn{margin-top:4px}.add-group-form .toggle-row{padding-top:4px}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.field-input,.field-select,.field-textarea{padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-base);outline:none;width:100%;transition:border-color .14s}.field-input,.field-select{height:48px}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--accent)}.field-input::placeholder,.field-textarea::placeholder{color:var(--text-muted)}input[type=date].field-input{min-width:0;max-width:100%}@supports (-webkit-touch-callout: none){input[type=date].field-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;line-height:normal;text-align:left}input[type=date].field-input::-webkit-date-and-time-value{text-align:left;margin:0}input[type=date].field-input::-webkit-datetime-edit{padding:0}}input[type=date].field-input::-webkit-calendar-picker-indicator{margin-left:auto;opacity:.4;cursor:pointer}input[type=date].field-input::-webkit-calendar-picker-indicator:hover{opacity:.7}.field-static{display:flex;align-items:center;min-height:48px;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-base)}.field-static-note{margin-left:auto;padding-left:8px;color:var(--text-muted);font-weight:400;white-space:nowrap}.studio-cone-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px}@media (max-width: 768px){.studio-cone-row{grid-template-columns:minmax(0,1fr);gap:inherit}}.studio-cone-row .field-static{min-width:0;overflow:hidden;white-space:nowrap}.field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239B948C' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}.field-textarea{resize:vertical;min-height:80px;line-height:1.5}.field-label-optional{font-weight:400;opacity:.7}.clay-field-row{display:flex;gap:6px;align-items:center}.notes-highlight-wrap{position:relative}.notes-highlight-wrap .field-textarea{min-height:84px}@media (max-width: 768px){.notes-highlight-wrap .field-textarea{min-height:140px}}.notes-highlight-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;resize:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;pointer-events:none;background:transparent;border-color:transparent}.notes-textarea-transparent{position:relative;background:transparent;color:transparent;caret-color:var(--text-primary)}.notes-textarea-transparent::placeholder{color:var(--text-muted);opacity:1}.notes-mention-inline{color:var(--tag-cone-fg)}.swatch-select{position:relative;width:100%}.swatch-select-trigger{display:flex;align-items:center;gap:8px;width:100%;height:48px;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:Inter,sans-serif;font-size:var(--text-base);text-align:left;cursor:pointer;transition:border-color .14s}.swatch-select-trigger:hover,.swatch-select.open .swatch-select-trigger{border-color:var(--accent)}.swatch-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch-select-sublabel{color:var(--text-muted);font-weight:400;white-space:nowrap;flex-shrink:0}.swatch-select-option.selected .swatch-select-sublabel{color:inherit;opacity:.7}.swatch-select-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .14s}.swatch-select.open .swatch-select-chevron{transform:rotate(180deg)}.swatch-select .swatch-select-value-input{flex:1;min-width:0;width:100%;padding:0;margin:0;border:none;outline:none;background:none;box-shadow:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:inherit;font-family:inherit;font-size:inherit;cursor:text}.swatch-select-value-input::placeholder{color:var(--text-muted)}.swatch-select-dot{width:12px;height:12px;flex-shrink:0;border-radius:50%;border:1px solid var(--border);background:transparent}.swatch-select-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-popover);z-index:var(--z-popover);padding:4px}.swatch-select-menu.open{display:block}.swatch-select-option{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--text-primary);cursor:pointer}.swatch-select-option:hover{background:var(--border-subtle)}.swatch-select-option.selected{background:var(--accent-tint);color:var(--accent)}.swatch-select-heading{padding:8px 8px 4px;margin-top:4px;border-top:1px solid var(--border);font-size:var(--text-2xs);font-weight:600;letter-spacing:.02em;color:var(--text-muted);pointer-events:none}.swatch-select-heading:first-child{margin-top:0;padding-top:4px;border-top:none}.swatch-select-empty{padding:10px 8px;font-size:var(--text-md);color:var(--text-muted);text-align:center}.swatch-sheet{display:none}html.swatch-sheet-open,html.swatch-sheet-open body{overflow:hidden;overscroll-behavior:none}@media (max-width: 768px){.swatch-sheet.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet)}.swatch-sheet-backdrop{position:absolute;top:-100vh;right:0;bottom:-100vh;left:0;background:#00000052;touch-action:none;animation:swatchSheetFade .4s ease;transition:opacity .4s ease}.swatch-sheet.closing .swatch-sheet-backdrop{opacity:0;pointer-events:none}@keyframes swatchSheetFade{0%{opacity:0}to{opacity:1}}.swatch-sheet-panel{position:absolute;left:0;right:0;bottom:0;height:62%;display:flex;flex-direction:column;background:var(--surface-raised);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;box-shadow:var(--shadow-sheet);padding-bottom:env(safe-area-inset-bottom,0px);transition:transform .42s cubic-bezier(.2,.8,.2,1),height .42s cubic-bezier(.2,.8,.2,1)}.swatch-sheet.full .swatch-sheet-panel{height:90%}.swatch-sheet-panel:after{content:"";position:absolute;left:0;right:0;top:100%;height:100vh;background:var(--surface-raised);pointer-events:none}.swatch-sheet:not(:has(#swatchSheetSearch)) .swatch-sheet-panel{height:auto;max-height:62%}.swatch-sheet-grip{flex:none;padding:8px 0 4px;touch-action:none}.swatch-sheet-handle{width:36px;height:4px;border-radius:var(--radius-xs);background:var(--border);margin:0 auto}.swatch-sheet-header{flex:none;padding:4px 16px 12px;border-bottom:1px solid var(--border)}.swatch-sheet-titlerow{display:flex;align-items:center;gap:12px;min-height:32px}.swatch-sheet-title{flex:1;min-width:0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.swatch-sheet-search{display:flex;align-items:center;gap:8px;height:44px;margin-top:8px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-muted)}.swatch-sheet-search input{flex:1;min-width:0;border:none;outline:none;background:none;font-size:16px;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none}.swatch-sheet-search input::-webkit-search-cancel-button{-webkit-appearance:none}.swatch-sheet-cancel{flex:none;background:none;border:none;padding:4px 0;font-size:var(--text-xl);color:var(--text-primary);cursor:pointer}.swatch-sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 8px 16px}.swatch-sheet .swatch-select-menu{position:static;display:block;max-height:none;overflow:visible;border:none;box-shadow:none;background:none;padding:0}.swatch-sheet .swatch-select-option{min-height:48px;padding:10px 8px;font-size:var(--text-xl);gap:12px}.swatch-sheet .swatch-select-option .swatch-select-dot{width:22px;height:22px}.swatch-sheet .swatch-select-heading{font-size:var(--text-md);padding:14px 8px 6px}.swatch-sheet .swatch-select-heading:first-child{padding-top:8px}.swatch-sheet .swatch-select-empty{font-size:var(--text-xl);padding:24px 8px}}html.pwa .swatch-sheet-panel{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.mention-popup{display:none;position:fixed;max-height:200px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-popover);z-index:var(--z-popover);padding:4px}.mention-popup.open{display:block}.mention-option{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--text-primary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-option:hover,.mention-option.active{background:var(--border-subtle)}.mention-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;border:1px solid var(--border);background:transparent}.mention-heading{padding:8px 8px 4px;margin-top:4px;border-top:1px solid var(--border);font-size:var(--text-2xs);font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.mention-heading:first-child{margin-top:0;padding-top:4px;border-top:none}.mention-empty{padding:10px 8px;font-size:var(--text-md);color:var(--text-muted);text-align:center}.mention-popup.mention-bar{left:0;right:0;top:auto;width:auto;max-height:none;display:none;gap:8px;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:8px 12px;border:none;border-top:1px solid var(--border);border-radius:0;background:var(--surface-raised);box-shadow:var(--shadow-sheet);z-index:var(--z-sheet)}.mention-popup.mention-bar::-webkit-scrollbar{display:none}.mention-popup.mention-bar.docked{position:absolute;bottom:100%}.mention-popup.mention-bar.open{display:flex}.mention-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font:inherit;font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;cursor:pointer}.mention-chip .mention-dot{width:14px;height:14px}.mention-bar-divider{flex:none;width:1px;height:24px;background:var(--border)}.mention-popup.mention-bar .mention-empty{padding:8px 4px;font-size:var(--text-base)}.mention-suggestion-row{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-top:4px;border:1px dashed var(--border);border-radius:var(--radius-sm);font-size:var(--text-md)}.mention-suggestion-name{color:var(--text-primary)}.mention-suggestion-hint{color:var(--text-muted);font-size:var(--text-xs);margin-right:auto}.mention-suggestion-add{border:none;background:none;color:var(--accent);font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm)}.mention-suggestion-add:hover{background:var(--accent-tint)}.mention-suggestion-dismiss{width:20px;height:20px;flex-shrink:0;border:none;background:none;color:var(--text-muted);border-radius:50%;cursor:pointer}.mention-suggestion-dismiss:hover{background:var(--border-subtle);color:var(--text-primary)}@media (max-width: 768px){.mention-suggestion-hint{display:none}.mention-suggestion-name{flex:1;min-width:0}.mention-suggestion-add{flex-shrink:0;white-space:nowrap}}.notes-glaze-mention{color:var(--tag-cone-fg);cursor:default}.notes-glaze-mention:not(.no-image){text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--tag-cone-fg);text-underline-offset:2px}.layer-row-form .swatch-select{flex:1;min-width:0}.layer-row-form .swatch-select-trigger{height:32px;padding:0 8px;font-size:var(--text-sm);gap:6px}.layer-row-form .swatch-select-dot{width:10px;height:10px}.swatch-select.swatch-select-type{flex:.6;min-width:0}.layer-row-form{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:0 8px;height:48px}.layer-row-form+.layer-row-form{margin-top:6px}.layer-drag-handle{display:flex;align-items:center;gap:4px;flex-shrink:0;align-self:stretch;padding:0 4px 0 2px;margin-left:-4px;color:var(--text-muted);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.layer-grip{opacity:.55}.layer-drag-handle:hover .layer-grip{opacity:1}.layer-row-form.layer-dragging{position:relative;z-index:2;background:var(--surface-raised);box-shadow:var(--shadow-popover);cursor:grabbing}.layer-row-form.layer-dragging .layer-drag-handle{cursor:grabbing}.layer-row-form:only-child .layer-grip{display:none}.layer-row-form:only-child .layer-drag-handle{cursor:default}.layer-num-badge{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);flex-shrink:0;min-width:14px;text-align:center}.layer-row-form input{flex:1;min-width:0;padding:4px 8px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-md);outline:none}.layer-row-form input:focus{border-color:var(--accent)}.layer-row-form input::placeholder{color:var(--text-muted)}.layer-row-form select{height:32px;padding:0 22px 0 6px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%239B948C' stroke-width='1.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;flex-shrink:0;cursor:pointer}.layer-coats-input{width:48px;height:30px;padding:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-md);font-family:inherit;text-align:center;outline:none;flex-shrink:0;-moz-appearance:textfield}.layer-row-form .layer-coats-input{flex:0 0 48px}.layer-coats-input::-webkit-inner-spin-button,.layer-coats-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.layer-coats-input:focus{border-color:var(--accent)}.layer-remove-btn{width:22px;height:22px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-md);transition:background .1s,color .1s}.layer-remove-btn:hover:not(:disabled){background:var(--danger-tint);color:var(--danger)}.layer-remove-btn:disabled{opacity:.3;cursor:default}.add-layer-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:8px 14px;border:1px dashed var(--border);border-radius:var(--radius-button);background:none;color:var(--text-muted);font-family:Inter,sans-serif;font-size:var(--text-md);cursor:pointer;transition:border-color .15s,color .15s}.add-layer-btn:hover{border-color:var(--accent);color:var(--accent)}.add-warning-banner{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--warning-bg);border-top:1px solid var(--warning-border);flex-shrink:0;font-size:var(--text-md);color:var(--warning-fg);line-height:1.45}.add-group-card.incomplete{border-color:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 18%,transparent)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.toggle-label{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:1px}.toggle-sublabel{font-size:var(--text-xs);color:var(--text-muted)}.toggle{width:38px;height:21px;border-radius:var(--radius-lg);background:var(--border);position:relative;border:none;transition:background .15s;flex-shrink:0}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .15s;box-shadow:var(--shadow-on-media)}.toggle.on:after{transform:translate(17px)}.modal-footer{padding:14px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:var(--surface-raised)}.btn{padding:8px 16px;border-radius:var(--radius-button);border:none;font-family:Inter,sans-serif;font-size:var(--text-base);font-weight:500;transition:background .14s}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--border-subtle)}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-hover)}.btn-sm{padding:4px 12px;font-size:var(--text-sm);white-space:nowrap}.edit-modal{max-width:560px;width:100%;display:flex;flex-direction:column;max-height:calc(100vh - 96px)}.edit-modal-body{flex:1;overflow-y:auto;min-height:0}.edit-modal-scroll{padding:20px 24px 8px;display:flex;flex-direction:column;gap:16px}.edit-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;border-radius:var(--radius);outline:2px dashed transparent;outline-offset:4px;transition:outline-color .15s,background .15s}.edit-photos-grid.drag-over{outline-color:var(--accent);background:var(--accent-tint)}.edit-photo-thumb{position:relative;aspect-ratio:1/1;border-radius:var(--radius);overflow:hidden;background:var(--border-subtle);cursor:grab;transition:opacity .15s,outline-color .1s;outline:2px solid transparent;outline-offset:2px}.edit-photo-thumb.dragging{opacity:.4}.edit-photo-thumb.drag-target{outline-color:var(--accent)}.edit-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.edit-photo-del{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:#00000080;color:var(--on-media);border:none;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s}.edit-photo-thumb:hover .edit-photo-del{opacity:1}.edit-photo-add{aspect-ratio:1/1;border:1.5px dashed var(--border);border-radius:var(--radius);background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:border-color .15s,color .15s}.edit-photo-add:hover{border-color:var(--accent);color:var(--accent)}.entry-detail-page{position:relative;margin:-24px;min-height:100vh;display:flex;align-items:flex-start;background:var(--bg)}.entry-detail-close{position:absolute;top:18px;right:18px;width:34px;height:34px;font-size:18px;border-radius:50%;border:none;background:var(--surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);z-index:5;transition:background .12s,color .12s}.icon-x{display:inline-block;vertical-align:-.125em;flex-shrink:0}.entry-detail-close:hover{background:var(--border-subtle);color:var(--text-primary)}.entry-detail-photo-col{position:sticky;top:0;height:100vh;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--bg);overflow:hidden;padding:16px}.entry-detail-photo-col .carousel-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .18s ease}.detail-photo-img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.entry-detail-info-col{width:380px;flex-shrink:0;align-self:stretch;min-height:100vh;padding:16px;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--surface-raised);transition:opacity .18s ease}.detail-fade{opacity:0}.detail-mobile-summary,.detail-sheet-backdrop{display:none}.entry-detail-rail{position:sticky;top:0;height:100vh;width:88px;flex-shrink:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 10px;display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--border);background:var(--surface);scrollbar-width:none;-ms-overflow-style:none}.entry-detail-rail::-webkit-scrollbar{display:none}.rail-thumb{aspect-ratio:1/1;border-radius:var(--radius);overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0;background:var(--border-subtle);transition:border-color .15s,opacity .15s,transform .15s ease}.rail-thumb:hover{opacity:.85}.rail-thumb.active{border-color:var(--accent);transform:scale(1.08)}.rail-thumb canvas{width:100%;height:100%;object-fit:cover;display:block}.detail-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.detail-title-row.no-byline{margin-bottom:24px}.detail-title{font-family:"Averia Serif Libre",Georgia,serif;font-size:var(--text-4xl);font-weight:600;line-height:1.25;text-wrap:balance;flex:1}.detail-title-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.detail-byline{font-size:var(--text-md);color:var(--text-muted);margin-bottom:24px}.detail-byline-instagram{display:inline-flex;align-items:center;gap:4px;margin-left:10px;vertical-align:text-bottom;color:var(--text-muted);text-decoration:none}.detail-byline-instagram svg{display:block}.detail-byline-instagram:hover{color:var(--accent);text-decoration:underline}.detail-byline-name,.table-user-link{border:none;background:none;padding:0;font:inherit;color:var(--accent);text-align:inherit;cursor:pointer}.detail-byline-name:hover{text-decoration:underline}.profile-back-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:none;color:var(--accent);font-size:var(--text-base);cursor:pointer;padding:4px 0;margin-bottom:16px}.profile-back-btn:hover{text-decoration:underline}.my-profile-header{flex:1;min-width:0;padding-bottom:0}.my-materials-page .myspace-page-inner{max-width:none;margin:0;padding:0 0 48px;gap:20px}.my-materials-page .myspace-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px 6px}.my-materials-page .myspace-card tbody tr:last-child{border-bottom:none}#mySpacePage .myspace-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px 6px}#mySpacePage .myspace-card .myspace-row:last-child{border-bottom:none}@media (max-width: 768px){#mySpacePage .myspace-card{padding:16px 16px 4px}}#myspaceClayTable th:last-child,#myspaceClayTable td:last-child,#myspaceGlazeTable th:last-child,#myspaceGlazeTable td:last-child{width:44px;text-align:right}.my-materials-page .myspace-section-title-row{border-bottom:none;margin-bottom:0}.myspace-page-inner>.profile-back-btn{align-self:flex-start;margin-bottom:-32px}.myspace-page-inner>.myspace-page-title{margin-bottom:-16px}body.view-gallery .page-header,body.view-saved .page-header,body.view-journal .page-header{display:none}body.view-gallery #explorePillNav,body.view-saved #savedTabs,body.view-journal .dash-tabs{margin-top:0}.material-tabs.saved-tabs{margin-top:8px;margin-bottom:6px;padding-bottom:12px;border-bottom:none}.material-tabs.saved-tabs{position:sticky;top:0;z-index:60;background:var(--bg);transition:transform .25s ease;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.material-tabs.saved-tabs.nav-hidden{transform:translateY(calc(-100% - 24px))}body.detail-open .material-tabs.saved-tabs,body.profile-open .material-tabs.saved-tabs{display:none!important}.saved-artists{display:flex;flex-direction:column;gap:16px}.saved-artist-card{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);min-width:0}.saved-artist-header,.saved-artist-project{border:none;background:none;padding:0;font-family:inherit;text-align:left;cursor:pointer;min-width:0}.saved-artist-header{display:flex;align-items:center;gap:10px;align-self:flex-start}.saved-artist-header:hover .saved-artist-name{text-decoration:underline}.saved-artist-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:600;flex-shrink:0;-webkit-user-select:none;user-select:none}.saved-artist-identity{display:flex;flex-direction:column;gap:2px;min-width:0}.saved-artist-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.saved-artist-instagram{font-size:var(--text-md);color:var(--text-muted)}.saved-artist-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-template-rows:auto;grid-auto-rows:0;column-gap:12px;row-gap:0;overflow:hidden}.saved-artist-project{display:block}.saved-artist-photo{display:block;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;background:var(--border-subtle)}.saved-artist-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.saved-artist-project:hover img{transform:scale(1.03)}.saved-artist-no-work{padding:24px 0;text-align:center;font-size:var(--text-md);color:var(--text-muted);background:var(--border-subtle);border-radius:var(--radius-md)}.user-profile-header{display:flex;align-items:flex-start;gap:20px;padding-bottom:20px}.user-profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:600;flex-shrink:0;-webkit-user-select:none;user-select:none}.user-profile-identity{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding-top:4px}.user-profile-name{font-family:"Averia Serif Libre",Georgia,serif;font-size:var(--text-4xl);font-weight:600}.user-profile-instagram{font-size:var(--text-base);color:var(--text-muted);text-decoration:none}.user-profile-instagram:hover{text-decoration:underline}.table-name-link{color:inherit;text-decoration:none}.table-name-link:hover{color:var(--accent);text-decoration:underline}.user-profile-subtitle{font-size:var(--text-base);color:var(--text-muted)}.user-profile-bio{margin:10px 0 0;max-width:56ch;font-size:var(--text-base);line-height:1.5;color:var(--text-primary);white-space:pre-line;overflow-wrap:anywhere}.user-profile-stats{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:2px;margin-top:10px;font-size:var(--text-md);color:var(--text-muted)}.user-profile-stat strong{font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.user-profile-header{gap:14px}.user-profile-avatar{width:64px;height:64px}.user-profile-identity{padding-top:0}}.user-profile-actions{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:8px}.user-profile-follow-btn{background:none;border:1px solid transparent;color:var(--text-secondary)}.user-profile-follow-btn:hover{background:var(--border-subtle);border-color:var(--border)}.profile-share-btn{width:34px;height:34px;border-radius:50%;border:1px solid transparent;background:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .14s,border-color .14s}.profile-share-btn:hover{background:var(--border-subtle);border-color:var(--border);color:var(--text-primary)}.profile-settings-btn{width:40px;height:40px}.profile-empty,.profile-error{text-align:center;color:var(--text-muted);padding:24px}.table-instagram-link{color:var(--text-muted);text-decoration:none}.table-instagram-link:hover,.table-user-link:hover{color:var(--accent);text-decoration:underline}.detail-save-btn{position:static;opacity:1;transform:none;color:var(--text-muted)}.detail-save-btn:hover{color:var(--text-primary);background:var(--border-subtle)}.detail-save-btn.saved{color:var(--saved)}.detail-save-btn.saved svg path{fill:var(--saved);stroke:var(--saved)}@media (hover: hover){.detail-save-btn:hover svg path{stroke:var(--saved)}}.detail-save-btn:active svg path{stroke:var(--saved)}.detail-summary-actions{display:flex;align-items:flex-start;flex-shrink:0}.detail-menu-wrap{position:relative;flex-shrink:0}.detail-menu-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.detail-menu-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.detail-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:130px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-popover);z-index:10;padding:4px 0}.detail-menu.open{display:block;animation:menu-in var(--duration-fast) var(--ease-out)}.detail-menu-item{display:flex;align-items:center;gap:10px;white-space:nowrap;width:100%;text-align:left;padding:8px 14px;background:none;border:none;font-size:var(--text-base);color:var(--text-primary);cursor:pointer;transition:background .1s}.detail-menu-item:hover{background:var(--border-subtle)}.detail-menu-item.danger{color:var(--danger)}.detail-menu-item .menu-item-icon{flex:none;color:var(--text-secondary)}.detail-menu-item.danger .menu-item-icon{color:inherit}.detail-section{margin-bottom:24px}.detail-section-label{font-size:var(--text-sm);font-weight:600;letter-spacing:.03em;color:var(--text-muted);margin-bottom:8px}.detail-layers{display:flex;flex-direction:column;position:relative}.detail-layers.has-connector:before{content:"";position:absolute;left:12.25px;top:20px;bottom:20px;width:1.5px;background:var(--border-subtle)}.detail-layer{display:flex;align-items:center;gap:12px;padding:8px 2px}.detail-layer-rail{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.detail-layer-num{position:relative;z-index:1;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:var(--text-secondary);flex-shrink:0;background:var(--surface-raised)}.detail-layer-swatch{width:34px;height:34px;border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background:var(--bg);background-size:cover;background-position:center;flex-shrink:0}.detail-layer-swatch-zoomable{cursor:zoom-in}.glaze-image-zoom{display:none;position:fixed;z-index:var(--z-popover);pointer-events:none;filter:drop-shadow(0 8px 20px rgba(0,0,0,.18))}.glaze-image-zoom.open{display:block}.glaze-image-zoom-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px}.glaze-image-zoom-img{width:200px;height:200px;background-size:cover;background-position:center;border-radius:var(--radius-sm)}.glaze-image-zoom-arrow{position:absolute;z-index:-1;width:18px;height:18px;background:var(--surface);border:1px solid var(--border);transform:rotate(45deg);top:var(--arrow-top, 50%);margin-top:-8px}.glaze-image-zoom.point-left .glaze-image-zoom-arrow{left:0;margin-left:-8px}.glaze-image-zoom.point-right .glaze-image-zoom-arrow{right:0;margin-right:-8px}.detail-layer-info{flex:1}.detail-layer-type{font-size:var(--text-sm);font-weight:400;letter-spacing:.02em;color:var(--text-muted);margin-bottom:2px}.detail-layer-name{font-size:var(--text-lg);font-weight:400;color:var(--text-primary)}.detail-layer-link{color:inherit;text-decoration:none}.detail-layer-link:hover{color:var(--accent);text-decoration:underline}.glaze-page-swatch{border-radius:var(--radius-lg);background:var(--border-subtle);overflow:hidden}.glaze-page-swatch img{width:100%;height:100%;object-fit:cover;display:block}h1.user-profile-name{margin:0}.glaze-related-title{margin:32px 0 12px;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.glaze-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;padding-bottom:32px}.glaze-card{display:flex;flex-direction:column;gap:2px;padding:8px 8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);color:inherit;text-decoration:none;min-width:0;transition:border-color .14s,box-shadow .14s}.glaze-card:hover{border-color:var(--border);box-shadow:0 2px 8px #0000000f}.glaze-card-swatch{aspect-ratio:1;border-radius:var(--radius-md);background:var(--border-subtle);overflow:hidden;margin-bottom:6px}.glaze-card-swatch img{width:100%;height:100%;object-fit:cover;display:block}.glaze-card-name{font-size:var(--text-md);font-weight:500;color:var(--text-primary);line-height:1.3;overflow-wrap:anywhere}.glaze-card-source{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.glaze-card-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}.detail-layer-coats{font-size:var(--text-md);font-weight:400;color:var(--text-muted)}.detail-clay-name{font-size:var(--text-lg);font-weight:400;color:var(--text-primary)}.detail-notes{font-size:var(--text-lg);font-weight:400;color:var(--text-primary);line-height:1.65;white-space:pre-wrap}.detail-attribution{padding-top:14px;margin-top:auto;border-top:1px solid var(--border-subtle);font-size:var(--text-md);color:var(--text-muted);line-height:1.5}.detail-dot{color:var(--border);margin:0 6px}.detail-attribution-date{white-space:nowrap}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffb3;color:var(--text-secondary);border:none;width:34px;height:34px;border-radius:50%;font-size:var(--text-3xl);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:10;box-shadow:var(--shadow-sm);transition:background .12s,color .12s}.carousel-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.carousel-btn.prev{left:18px}.carousel-btn.next{right:18px}.carousel-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:4px}.carousel-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;box-shadow:var(--shadow-on-media);border:none;padding:0;cursor:pointer;transition:background .12s}.carousel-dot.active{background:#fff}.carousel-dot:focus-visible{outline:2px solid white;outline-offset:2px}.entry-table-wrap{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px 8px;overflow-x:auto}.entry-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.entry-table thead th{text-align:left;padding:8px 12px;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.entry-row{cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background .12s}.entry-row:hover{background:var(--bg)}.entry-table tbody .entry-row:last-child{border-bottom:none}.entry-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.entry-row td{padding:10px 12px;vertical-align:middle}.col-thumb{width:64px;padding-right:4px!important}.col-title{min-width:160px}.col-clay{width:120px}.col-date{width:100px;white-space:nowrap}td.col-date{color:var(--text-muted);font-size:var(--text-md)}.col-status{width:96px}.col-actions{width:76px}.col-user{width:150px}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-lg);font-size:var(--text-2xs);font-weight:600;letter-spacing:.02em;white-space:nowrap}.status-badge.published{background:var(--accent-tint);color:var(--accent)}.status-badge.private{background:var(--tag-cone-bg);color:var(--tag-cone-fg)}.status-badge.active{background:var(--accent-tint);color:var(--accent)}.status-badge.inactive{background:var(--tag-cone-bg);color:var(--tag-cone-fg)}.status-badge.archived{background:var(--border-subtle);color:var(--text-muted)}.table-thumb{width:44px;height:44px;border-radius:var(--radius-sm);display:block}.table-title{font-family:"Averia Serif Libre",Georgia,serif;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.table-glazes{display:flex;flex-wrap:wrap;gap:4px}.mobile-clay-tag{display:none}.table-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s}.entry-row:hover .table-actions{opacity:1}.table-action-btn{width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s,color .1s}.table-action-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.table-action-btn.danger:hover{background:var(--danger-tint);color:var(--danger)}.table-more-wrap{display:none}.table-more-btn.card-menu-btn{position:static;opacity:1;border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.table-more-btn.card-menu-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.table-more-menu.card-menu{top:calc(100% + 6px);right:0}.table-user{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-muted)}@media (min-width: 769px) and (max-width: 1280px){:root{--sidebar-w: 60px}.sidenav{overflow:visible}.sidenav-logo{text-align:center;padding:24px 0 16px}.sidenav-logo-full{display:none}.sidenav-logo-mark{display:block}.sidenav-nav{align-items:center;width:fit-content;margin:0 12px;padding:0}.sidenav-item{justify-content:center;gap:0;width:auto;padding:8px}.sidenav-item-label{display:none}.sidenav-divider{align-self:stretch}.sidenav-bottom{display:flex;flex-direction:column;align-items:center}.sidenav-profile,.sidenav-signin-btn{justify-content:center;gap:0;width:fit-content;padding:8px}.sidenav-profile-info,.sidenav-profile-more,.sidenav-profile-menu{display:none!important}.sidenav-item,.sidenav-profile,.sidenav-signin-btn{position:relative}.sidenav-item:after,.sidenav-profile:after,.sidenav-signin-btn:after{content:attr(aria-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--accent);color:var(--accent-fg);font-size:var(--text-md);font-weight:500;line-height:1.4;padding:4px 10px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease;z-index:1}.sidenav-item:hover:after,.sidenav-item:focus-visible:after,.sidenav-profile:hover:after,.sidenav-profile:focus-visible:after,.sidenav-signin-btn:hover:after,.sidenav-signin-btn:focus-visible:after{opacity:1;visibility:visible}}#studioAdminNavBtn{display:none}@media (max-width: 768px){.main{margin-left:0;padding:16px 16px calc(var(--tabbar-h, 70px) + 40px + 16px)}.card-overlay,.card-nav-btn,.card-photo-dots{display:none}.masonry-item .save-btn,.entry-card .save-btn{opacity:1;transform:none}.entry-card .card-menu-btn{opacity:1}.filter-pills-row{display:none}.main-search{flex:1 1 auto;max-width:none;margin-left:0}.main-search input::placeholder{font-size:var(--text-base)}.main-search input{padding-right:48px}.main-search-filter{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer}.main-search-filter:active{background:var(--border-subtle)}.main-search-filter .filters-count-badge{top:0;right:0}#filterDrawerOverlay{padding:0;align-items:stretch;justify-content:flex-end;-webkit-backdrop-filter:none;backdrop-filter:none;transition:opacity .25s}#filterDrawerOverlay .modal.filter-drawer{max-width:none;width:100%;height:100%;max-height:none;border-radius:0;box-shadow:none;transform:translate(100%);transition:transform .25s ease}#filterDrawerOverlay.open .modal.filter-drawer{transform:translate(0)}#filterDrawerOverlay .filter-drawer-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));gap:8px}#filterDrawerOverlay .filter-drawer-footer .filter-clear-btn,#filterDrawerOverlay .filter-drawer-footer .filter-apply-btn{flex:1;height:44px;padding:0 12px;font-size:var(--text-lg);border-radius:var(--radius-button)}#filterDrawerOverlay .filter-drawer-footer .filter-clear-btn{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border);font-weight:500}.drawer-quick-filters:not(:empty){display:block}.main-search input,.field-input,.field-select,.field-textarea,.layer-row-form input,.layer-row-form select,.layer-coats-input,.swatch-select input{font-size:16px!important}#superAdminNavBtn,#memberListNavBtn,#materialListNavBtn,#studioAdminNavBtn,#sidenavAdminDivider{display:none}.sidenav{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid var(--border);padding:6px 2px calc(6px + env(safe-area-inset-bottom,0px));overflow-x:auto;z-index:var(--z-tabbar);transition:transform .25s ease}.sidenav-logo{display:none}.sidenav-nav,.sidenav-bottom{display:contents}.sidenav-item{flex:1 0 56px;width:auto;flex-direction:column;justify-content:center;gap:4px;padding:4px 2px;font-size:var(--text-sm);text-align:center;white-space:nowrap}.sidenav-item svg{width:20px;height:20px}.sidenav-profile,.sidenav-signin-btn{flex:1 0 56px;min-width:0;flex-direction:column;justify-content:center;gap:4px;padding:4px 2px;width:auto}.sidenav-profile-info{flex:none;max-width:100%;text-align:center}.sidenav-profile-more,.sidenav-profile-menu{display:none!important}.sidenav-profile-studio{display:none}.sidenav-profile-name{font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-avatar{width:24px;height:24px;font-size:var(--text-2xs);margin:0 auto}body.detail-open .main{padding-bottom:0}body.detail-open .sidenav{display:none}.entry-detail-photo-col .carousel-btn{display:none!important}body.detail-open .app-layout{min-height:0}html:has(body.detail-open),body.detail-open{overflow:hidden}.entry-detail-page{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;margin:0;height:auto;min-height:0;flex-direction:column;align-items:stretch}.entry-detail-page.detail-entering{animation:detailPageIn .32s cubic-bezier(.2,.8,.2,1)}.entry-detail-page.detail-leaving{animation:detailPageOut .24s ease forwards;pointer-events:none;z-index:70}@keyframes detailPageIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}@keyframes detailPageOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(40px) scale(.98)}}.entry-detail-close{top:calc(14px + env(safe-area-inset-top,0px));z-index:30;touch-action:manipulation}.entry-detail-close:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%}.entry-detail-photo-col{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.entry-detail-photo-col{position:relative;height:auto;flex:1;min-height:0;padding:12px}.entry-detail-rail{display:none}.detail-mobile-summary{display:block;flex:none;padding:8px 16px calc(14px + env(safe-area-inset-bottom,0px));background:var(--surface-raised);border-top:1px solid var(--border);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;cursor:pointer}.detail-sheet-handle{width:36px;height:4px;border-radius:var(--radius-xs);background:var(--border);margin:0 auto 10px}.detail-summary-top{display:flex;align-items:flex-start;gap:10px}.detail-summary-text{flex:1;min-width:0}.detail-summary-title{font-family:"Averia Serif Libre",Georgia,serif;font-size:var(--text-2xl);font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-summary-byline{font-size:var(--text-md);color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-mobile-summary .detail-save-btn{margin:-6px -8px 0 0}.detail-chips{display:flex;gap:6px;margin:10px -16px 0;padding:0 16px;overflow-x:auto;scrollbar-width:none}.detail-chips::-webkit-scrollbar{display:none}.detail-chip{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:30px;padding:0 12px 0 4px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--text-md);color:var(--text-secondary);white-space:nowrap}.detail-chip-plain{padding-left:12px}.detail-chip-swatch{width:22px;height:22px;border-radius:50%;background:var(--border-subtle);background-size:cover;background-position:center;border:1px solid var(--border-subtle);flex-shrink:0}.entry-detail-info-col{position:fixed;left:0;right:0;bottom:0;z-index:260;width:100%;height:62svh;min-height:0;align-self:auto;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:none;border-left:none;border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;box-shadow:var(--shadow-sheet);transform:translateY(105%);transition:transform .28s ease,height .28s ease}.entry-detail-info-col:before{content:"";position:absolute;top:9px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:var(--radius-xs);background:var(--border)}body.detail-sheet-open .entry-detail-info-col{transform:translateY(0)}.entry-detail-info-col .detail-title-row{align-items:flex-start;margin-bottom:2px}.entry-detail-info-col .detail-title{font-size:var(--text-2xl);line-height:1.25}.entry-detail-info-col .detail-save-btn{margin:-6px -8px 0 0}.entry-detail-info-col .detail-title-actions{height:22px;align-items:flex-start}.entry-detail-info-col .detail-byline{margin-top:0}@keyframes detailSheetIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}body.detail-sheet-open .entry-detail-info-col>.detail-section,body.detail-sheet-open .entry-detail-info-col>.detail-attribution{animation:detailSheetIn .3s ease .08s both}body.detail-sheet-full .entry-detail-info-col{height:92svh}.detail-sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#00000059;opacity:0;pointer-events:none;transition:opacity .25s ease}body.detail-sheet-open .detail-sheet-backdrop{opacity:1;pointer-events:auto}body.detail-sheet-closing .detail-sheet-backdrop{opacity:0;pointer-events:none}.detail-photo-ghost{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.detail-swipe-hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);padding:8px 14px;border-radius:var(--radius-pill);background:#0009;color:var(--on-media);font-size:var(--text-md);font-weight:500;white-space:nowrap;pointer-events:none;z-index:6;transition:opacity .4s ease}.detail-swipe-hint.fade-out{opacity:0}.entry-detail-photo-col{touch-action:pan-x}#profileOverlay{padding:0;align-items:stretch;justify-content:stretch}#profileOverlay .modal{max-width:none;width:100%;height:100%;max-height:100%;border-radius:0}#profileOverlay .modal-header{padding-top:calc(18px + env(safe-area-inset-top,0px))}#profileOverlay .modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}#editOverlay{padding:0;align-items:stretch;justify-content:stretch;background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}body:has(#editOverlay.open) #appLayout{visibility:hidden}#editOverlay.open:after{content:"";position:absolute;left:0;right:0;top:100%;height:100vh;background:var(--bg);pointer-events:none}#editOverlay .edit-modal{max-width:none;width:100%;height:100%;max-height:none;border-radius:0;box-shadow:none;transform:none;background:var(--bg);overflow-y:auto;-webkit-overflow-scrolling:touch}#editOverlay .modal-header{position:static;flex-shrink:0;background:none;border-bottom:none;padding:calc(18px + env(safe-area-inset-top,0px)) 16px 4px}#editOverlay .edit-modal-body{flex:1 0 auto;overflow:visible}#editOverlay .edit-modal-scroll{padding:12px 16px 16px}#editOverlay .modal-footer{margin-top:auto;z-index:20;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px))}#editOverlay .modal-footer .btn{flex:1;height:44px;font-size:var(--text-lg)}#addOverlay{left:0}body:has(#addOverlay.open) #appLayout{visibility:hidden}#addOverlay.open:after{content:"";position:absolute;left:0;right:0;top:100%;height:100vh;background:inherit;pointer-events:none}#addOverlay .modal-header{padding-top:calc(18px + env(safe-area-inset-top,0px))}#addOverlay .modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.add-wizard-modal{overflow-y:auto;-webkit-overflow-scrolling:touch}.add-wizard-modal>.modal-header{flex-shrink:0}.add-wizard-body{flex:1 0 auto;overflow:visible}.add-wizard-modal .modal-footer{margin-top:auto;z-index:20}#addOverlay .modal-header,#addOverlay .add-wizard-body,#addOverlay .modal-footer{padding-left:16px;padding-right:16px}#addOverlay .add-wizard-footer-buttons .btn{flex:1;height:44px;font-size:var(--text-lg);display:inline-flex;align-items:center;justify-content:center;gap:4px}#addBackBtn,#addCancelBtn{margin-right:0}.add-group-card{flex-direction:column}.add-group-photo{width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.add-item-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.add-item-photo-thumb,.add-item-add-photo{width:auto;height:auto;aspect-ratio:1}.entry-grid{grid-template-columns:repeat(2,1fr);gap:8px}.masonry-grid,.masonry-col{gap:8px}#entryGrid,#profileWorksGrid{margin-left:-8px;margin-right:-8px}.material-tabs.saved-tabs{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.page-header{flex-wrap:wrap;gap:10px 12px}.page-header-select{max-width:none;width:100%;margin-left:0}.admin-card{padding:16px}.my-materials-page .myspace-card{padding:16px 16px 4px}#myspaceClayTable,#myspaceGlazeTable{overflow-x:auto}#myspaceClayTable th:nth-child(1),#myspaceClayTable td:nth-child(1),#myspaceClayTable th:nth-child(3),#myspaceClayTable td:nth-child(3),#myspaceClayTable th:nth-child(4),#myspaceClayTable td:nth-child(4),#myspaceClayTable th:nth-child(6),#myspaceClayTable td:nth-child(6),#myspaceGlazeTable th:nth-child(1),#myspaceGlazeTable td:nth-child(1),#myspaceGlazeTable th:nth-child(3),#myspaceGlazeTable td:nth-child(3),#myspaceGlazeTable th:nth-child(6),#myspaceGlazeTable td:nth-child(6){display:none}#myspaceClayTable td,#myspaceGlazeTable td{white-space:normal}#myspaceClayTable .name-wide{display:none}#myspaceClayTable .name-narrow{display:inline}#myspaceClayTable th:nth-child(7),#myspaceClayTable td:nth-child(7){width:48px}#myspaceClayTable th:nth-child(8),#myspaceClayTable td:nth-child(8){width:60px}#saStudiosList,#saUsersList,#saGlazeList,#saClayList,#saFeedbackList,#memberListDetail,#materialTabGlaze,#materialTabClay{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:auto;min-width:100%}.admin-table th,.admin-table td{white-space:nowrap}.admin-table td.sa-feedback-message{white-space:pre-wrap;min-width:220px}.entry-table-wrap{overflow-x:visible;background:none;border:none;border-radius:0;padding:0}.entry-table{width:100%;border-spacing:0 8px}.entry-table thead{display:none}.entry-table,.entry-table tbody{display:block}.entry-row{position:relative;display:grid;grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:start;column-gap:10px;row-gap:0;padding:0 36px 0 0;margin-bottom:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised)}.entry-row td{display:block;padding:0}.col-thumb{grid-column:1;grid-row:1 / span 3;align-self:stretch;width:100%;padding-right:0!important}.col-thumb .table-thumb{border-radius:var(--radius-lg) 0 0 var(--radius-lg);width:100%!important;height:100%!important;min-height:160px;display:block;object-fit:cover}.entry-row td.col-title{padding:10px 0 4px 10px}.entry-row td.col-user{padding-top:10px}.entry-row td.col-clay{padding:0 0 0 10px}.entry-row td.col-glazes{padding:0 0 10px 10px}.col-title{grid-column:2;grid-row:1;min-width:0;width:auto}.col-user{grid-column:2;grid-row:1;justify-self:end}.entry-row td.col-actions{display:contents}.col-clay{grid-column:2;grid-row:2;min-width:0;width:auto}.entry-row td.col-date,.entry-row td.col-status{display:none}.col-glazes{grid-column:2;grid-row:3;min-width:0}.col-clay .tag,.table-glazes{color:var(--text-secondary);font-size:var(--text-md);line-height:1.6}.col-clay .tag{display:inline}.table-glazes{display:block;white-space:normal;overflow-wrap:anywhere}.col-clay .tag,.table-glazes .tag,.table-glazes .layer-pill{display:inline;background:none;padding:0;border-radius:0;color:inherit;font-size:inherit;font-weight:400;white-space:normal}.table-glazes .tag:not(:last-child):after,.table-glazes .layer-pill:not(:last-child):after{content:", "}.table-glazes .tag.mobile-clay-tag{display:none}.table-glazes{overflow-wrap:normal}.table-glazes .layer-pill{display:inline-block;max-width:100%;margin-right:.3em}.table-actions{display:none}.table-more-wrap{display:block;position:absolute;top:6px;right:6px}.table-more-btn.card-menu-btn{background:none;border:none}.table-more-btn.card-menu-btn:hover{background:var(--border-subtle)}.entry-table-wrap{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:8px 4px}.entry-table{border-spacing:0}.entry-row{grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:start;column-gap:12px;padding:8px 40px 8px 8px;margin:0;border:none;border-radius:var(--radius-lg);background:none}.entry-row:hover{background:var(--bg)}.col-thumb{grid-row:1 / span 3;align-self:start}.col-thumb .table-thumb{width:104px!important;height:104px!important;min-height:0;border-radius:var(--radius-md)}.entry-row td.col-title{padding:0 0 2px}.entry-row td.col-clay,.entry-row td.col-glazes{padding:0}.entry-row .table-title{font-family:inherit;font-size:var(--text-base);font-weight:600}.col-clay .tag,.table-glazes{font-size:var(--text-md);line-height:1.5}.table-glazes{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:2px}.table-glazes .tag:not(:last-child):after,.table-glazes .layer-pill:not(:last-child):after{content:none}.table-glazes .layer-pill{margin-right:0}.col-clay .tag,.table-glazes .layer-pill{display:inline-flex;align-items:center}.entry-row .glaze-color-dot{width:12px;height:12px;margin-right:6px;border:1px solid var(--border);flex:none}.table-more-wrap{top:8px;right:4px}}#authOverlay{padding:64px}.modal.auth-modal{display:flex;width:100%;max-width:1080px;height:calc(100vh - 128px);height:calc(100dvh - 128px);max-height:740px;overflow:hidden}.auth-visual{position:relative;flex:1 1 auto;min-width:0;container-type:size;background:var(--artwork-bg) url(/marketing/sign-in-bg.webp) center / cover no-repeat}.auth-slides{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.auth-slides::-webkit-scrollbar{display:none}.auth-slide{position:relative;flex:0 0 100%;container-type:size;scroll-snap-align:start}.auth-slide-dots{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:4px}.auth-slide-dot{width:6px;height:6px;padding:0;border:none;border-radius:50%;background:#ffffff80;box-shadow:var(--shadow-on-media);cursor:pointer;transition:background .12s}.auth-slide-dot.active{background:#fff}.auth-visual-recipe{position:absolute;left:0;top:50%;transform:translateY(-50%);width:min(100cqw,100cqh);aspect-ratio:1 / 1}.auth-visual-recipe img{display:block;width:100%;height:100%}.modal.auth-modal{position:relative}.auth-panel .modal-header{position:absolute;top:0;right:0;z-index:2;padding:16px;border-bottom:none;background:none}.auth-heading{align-self:stretch;display:flex;flex-direction:column;gap:6px;text-align:left;margin-bottom:4px}.auth-heading .auth-tagline{text-align:left;font-size:var(--text-xl);line-height:1.5}#authModalTitle{font-size:var(--text-5xl);line-height:1.2}@media (max-width: 768px){#authModalTitle{font-size:var(--text-4xl)}.auth-heading,.auth-heading .auth-tagline{text-align:center}.auth-heading .auth-tagline{font-size:var(--text-lg)}}.auth-panel{flex:0 0 clamp(360px,40%,420px);min-width:0;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.auth-panel .auth-modal-body{flex:1;justify-content:center;width:100%;max-width:400px;margin:0 auto}@media (max-width: 768px){#authOverlay{padding:32px;z-index:calc(var(--z-tabbar) + 1)}.modal.auth-modal{flex-direction:column;height:auto;max-height:min(740px,calc(100vh - 64px));max-height:min(740px,calc(100dvh - 64px))}.auth-visual{flex:0 1 auto;aspect-ratio:4 / 3;min-height:0}.auth-visual-recipe{top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:none;aspect-ratio:auto}.auth-visual-recipe img{object-fit:cover;object-position:center}.auth-panel{display:contents}.auth-panel .auth-modal-body{flex:none}}.auth-modal-body{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 24px 32px;text-align:center}.auth-tagline{font-size:var(--text-base);color:var(--text-secondary);margin:0}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-button);background:var(--surface);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background .12s,border-color .12s}.auth-google-btn:hover{background:var(--border-subtle);border-color:var(--text-muted)}.auth-divider{display:flex;align-items:center;gap:10px;width:100%;font-size:var(--text-sm);color:var(--text-muted)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-email-form{display:flex;flex-direction:column;gap:10px;width:100%}.auth-error{font-size:var(--text-sm);color:var(--danger);text-align:left}.auth-email-submit{width:100%}.auth-signup-link{border:none;background:none;color:var(--accent);font-size:var(--text-sm);cursor:pointer;padding:2px}.auth-signup-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-signup-link:disabled{color:var(--text-muted);cursor:default;text-decoration:none}.auth-modal-body:not(.check-email)>.auth-check-email,.auth-modal-body.check-email>:not(.auth-check-email){display:none}.auth-check-email{align-self:stretch;display:flex;flex-direction:column;gap:12px}.auth-check-email-hint{margin:0;font-size:var(--text-sm);color:var(--text-secondary);text-align:left}.auth-check-email-hint .auth-signup-link{padding:0;font-size:inherit}.auth-check-email-status{margin:0;font-size:var(--text-sm);color:var(--text-muted);text-align:left}.auth-check-email-status:empty{display:none}.sidenav-profile[onclick]{cursor:pointer}.profile-modal{max-width:420px}.btn-danger{background:var(--danger);color:var(--accent-fg)}.btn-danger:hover{background:var(--danger-hover)}.profile-modal-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px}.profile-photo-field{display:flex;align-items:center;gap:16px}.profile-photo-preview{width:64px;height:64px;font-size:var(--text-xl)}.profile-photo-actions{display:flex;flex-wrap:wrap;gap:8px}.avatar-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.ns-config-section{display:flex;flex-direction:column;gap:16px}.ns-config-section .toggle-row{padding:0}.ns-admin-row{display:flex;align-items:center;gap:8px;padding:6px 0}.ns-admin-row+.ns-admin-row{border-top:1px solid var(--border-subtle)}.ns-admin-name{font-size:var(--text-md);color:var(--text-primary)}.ns-admin-email{font-size:var(--text-xs);color:var(--text-muted)}.profile-avatar-display{width:48px;height:48px;flex-shrink:0;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:var(--text-md);font-weight:600;-webkit-user-select:none;user-select:none}.profile-readonly-value{padding:8px 10px;color:var(--text-muted);font-size:var(--text-base)}.profile-instagram-link{color:var(--accent);text-decoration:none}.profile-instagram-link:hover{color:var(--accent-hover);text-decoration:underline}.profile-studio-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.profile-studio-chip{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;background:var(--tag-studio-bg);color:var(--tag-studio-fg);border-radius:var(--radius-pill);font-size:var(--text-sm)}.profile-studio-chip button{border:none;background:none;color:inherit;opacity:.7;cursor:pointer;font-size:var(--text-sm);line-height:1;padding:2px}.profile-studio-chip button:hover{opacity:1}.profile-studio-add-row{display:flex;gap:8px}.profile-studio-add-row .field-input{flex:1}.profile-signout-btn{border:none;background:none;color:var(--accent);font-family:inherit;font-size:var(--text-md);cursor:pointer;padding:6px 4px}.profile-signout-btn:hover{text-decoration:underline}.admin-page{margin-top:14px}.sa-feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;min-width:240px}.sa-feedback-email{font-size:var(--text-sm);color:var(--text-muted)}.sa-feedback-handled td{color:var(--text-muted)}.sa-feedback-handled .sa-feedback-message{text-decoration:line-through}.admin-table .col-check{width:56px;text-align:center}.admin-table .col-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.sa-feedback-toggle{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-md);color:var(--text-secondary);cursor:pointer}.sa-feedback-toggle input{accent-color:var(--accent)}.sa-tab-count:not(:empty){margin-left:4px;padding:1px 7px;border-radius:var(--radius-pill);background:var(--accent);color:var(--surface);font-size:var(--text-xs);font-weight:600;vertical-align:2px}.admin-wrap{display:flex;flex-direction:column;gap:16px}.admin-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px}.admin-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-card-header h3{font-size:var(--text-lg);font-weight:600}.admin-card-header select{max-width:260px}.admin-card-header-actions{display:flex;align-items:center;gap:8px}.material-tabs,.studio-admin-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:14px}.material-tab,.studio-admin-tab{border:none;background:none;font-family:inherit;font-size:var(--text-xl);font-weight:500;color:var(--text-secondary);padding:6px 0 8px;margin-bottom:-1px;cursor:pointer;border-bottom:2px solid transparent;position:relative;transition:color .12s}.material-tab:after,.studio-admin-tab:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}.material-tab.active:after,.studio-admin-tab.active:after{transform:none}.material-tab:hover,.studio-admin-tab:hover{color:var(--text-primary)}.material-tab:focus:not(:focus-visible),.studio-admin-tab:focus:not(:focus-visible){outline:none}.material-tab.active,.studio-admin-tab.active{color:var(--accent);font-weight:600}.admin-list{display:flex;flex-direction:column;gap:6px}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.admin-table thead th{text-align:left;padding:6px 10px;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.admin-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .12s}.admin-table tbody tr:hover{background:var(--surface)}.admin-table td{padding:8px 10px;vertical-align:middle}.admin-table .col-name{width:200px;min-width:140px}.admin-table td.col-name{white-space:normal;word-break:break-word}.admin-table .col-code{width:100px}.admin-table td.col-code{color:var(--text-muted)}.admin-table .col-date{width:96px;white-space:nowrap}.admin-table td.col-date{color:var(--text-muted);font-size:var(--text-md)}.admin-table .col-count{width:76px}.admin-table td.col-count{text-align:center;color:var(--text-secondary)}.admin-table .col-role{width:90px}.admin-table td.col-role{color:var(--text-secondary)}.admin-table .col-type{width:140px}.admin-table td.col-type{color:var(--text-secondary)}.admin-table .col-swatch{width:40px}.admin-table .col-image{width:48px;text-align:center}.admin-table th.col-actions{width:110px}.admin-table td.col-actions{width:110px;display:flex;align-items:center;justify-content:flex-end;gap:4px}.admin-remove-btn{width:24px;height:24px;flex-shrink:0;border:none;background:none;color:var(--text-muted);border-radius:50%;cursor:pointer;transition:background .12s,color .12s}.admin-remove-btn:hover{background:var(--border-subtle);color:var(--danger)}.glaze-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:50%;background:none;cursor:pointer}.glaze-swatch::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}.glaze-swatch::-webkit-color-swatch{border:none;border-radius:50%}.glaze-swatch::-moz-color-swatch{border:none;border-radius:50%}.catalog-swatch{display:inline-block;width:22px;height:22px;border:1px solid var(--border);border-radius:50%}.catalog-thumb-zoomable{cursor:zoom-in}.catalog-thumb{display:inline-block;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius);object-fit:cover}.cell-empty{color:var(--text-muted);opacity:.6}.cell-muted{color:var(--text-muted)}.col-center{text-align:center}.catalog-thumb-empty{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;color:var(--text-muted)}.material-image-upload{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.field .material-image-upload{justify-content:flex-start}.material-image-file-input{display:none}.material-image-upload-btn{height:28px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-button);background:none;color:var(--text-secondary);font-size:var(--text-md);cursor:pointer;transition:background .12s,color .12s}.material-image-upload-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.material-image-thumb-btn{padding:0;border:none;background:none;cursor:pointer;line-height:0}.material-image-upload.has-image .catalog-thumb{transition:opacity .12s}.material-image-thumb-btn:hover .catalog-thumb{opacity:.8}.material-image-remove{width:22px;height:22px;flex-shrink:0;border:none;background:none;color:var(--text-muted);border-radius:50%;cursor:pointer;transition:background .12s,color .12s}.material-image-remove:hover{background:var(--border-subtle);color:var(--danger)}.admin-row-menu-wrap{position:relative;flex-shrink:0}.admin-row-menu-btn{width:24px;height:24px;border:none;background:none;color:var(--text-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.admin-row-menu-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.admin-row-menu{display:none;position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-popover);z-index:10;padding:4px 0}.admin-row-menu.open{display:block}.admin-row-menu-item{display:block;width:100%;text-align:left;padding:8px 14px;background:none;border:none;font-family:inherit;font-size:var(--text-md);color:var(--text-primary);cursor:pointer;transition:background .1s}.admin-row-menu-item:hover{background:var(--border-subtle)}.admin-row-menu-item.danger{color:var(--danger)}.admin-add-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.admin-add-row .field-input,.admin-add-row .field-select,.admin-add-row .swatch-select{flex:1;min-width:120px;max-width:140px}.admin-add-row .swatch-select-wide{flex:3;max-width:none}.admin-empty{font-size:var(--text-md);color:var(--text-muted);padding:6px 0}.admin-search{max-width:280px}.admin-table-foot{margin-top:8px;font-size:var(--text-sm);color:var(--text-muted)}.studio-settings-field{margin-bottom:14px}.studio-settings-select{max-width:200px}.studio-settings-note{margin-top:4px}.studio-invite-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.studio-invite-label{margin-bottom:8px}.studio-invite-help{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 10px}#studioInviteMsg{margin-top:6px}.admin-loading{font-size:var(--text-md);color:var(--text-muted);padding:12px 0}.scroll-top-btn{position:fixed;bottom:28px;right:24px;z-index:90;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:background .15s,color .15s,opacity .2s}.scroll-top-btn:hover{background:var(--border-subtle);color:var(--text-primary)}@media (max-width: 768px){.scroll-top-btn{bottom:calc(var(--tabbar-h, 76px) + 12px);right:16px}}.myspace-page-inner{max-width:880px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:40px}.myspace-page-footer{padding-top:4px;display:flex;justify-content:flex-start}@media (max-width: 768px){#mySpacePage{margin-top:0}.myspace-page-inner{padding:0 0 24px;gap:32px}.myspace-page-inner>.profile-back-btn{margin-bottom:-16px}.myspace-page-footer .profile-signout-btn{padding-left:0;padding-right:0}}.myspace-section-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--border)}.myspace-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--border)}.myspace-section-title-row .myspace-section-title{border-bottom:none;padding-bottom:0;margin-bottom:0}.myspace-identity-header{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.myspace-identity-name{flex:1;min-width:0}.myspace-name-display{padding:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.myspace-edit-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;border:none;background:none;color:var(--accent);font-family:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:4px 8px;border-radius:var(--radius-button);transition:background .15s,color .15s}.myspace-edit-btn .menu-item-icon{width:14px;height:14px;color:inherit}.myspace-edit-btn:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-hover)}.myspace-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.myspace-card>.myspace-row:last-child{border-bottom:none}.myspace-row-wrap{align-items:flex-start}.myspace-feedback-text{font-size:var(--text-md);color:var(--text-secondary)}.myspace-row-label{flex-shrink:0;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--text-muted);padding-top:2px}.myspace-row-value{display:flex;align-items:center;gap:8px;min-width:0;justify-content:flex-end;text-align:right}.myspace-row-value .profile-readonly-value{padding:0}.profile-bio-value{white-space:pre-line;overflow-wrap:anywhere}.myspace-row-wrap .myspace-row-value-wrap{flex:1;flex-direction:column;align-items:stretch;gap:6px}.myspace-row-wrap .profile-studio-list{justify-content:flex-end;margin-bottom:0}.myspace-row-wrap #profileStudioAddTrigger{text-align:right}.myspace-table{width:100%;border-collapse:collapse;font-size:var(--text-md)}.myspace-table th{text-align:left;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);padding:4px 6px;border-bottom:1px solid var(--border)}.myspace-table td{padding:6px;border-bottom:1px solid var(--border-subtle, var(--border));vertical-align:middle}.myspace-table tr:last-child td{border-bottom:none}.myspace-table .default-radio{cursor:pointer;accent-color:var(--accent)}.myspace-table .del-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-base);padding:2px 4px;border-radius:var(--radius-sm);opacity:.6}.myspace-table .del-btn:hover{color:var(--danger);opacity:1}.myspace-table .glaze-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid var(--border);margin-right:4px;vertical-align:middle;flex-shrink:0}.myspace-empty{font-size:var(--text-sm);color:var(--text-muted);padding:8px 0}.studio-settings-body{padding:8px 0 4px;display:flex;flex-direction:column;gap:2px}.studio-invite-link-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio-invite-input{flex:1;min-width:200px;font-family:monospace;font-size:var(--text-sm)!important;color:var(--text-muted);background:var(--surface);cursor:text;-webkit-user-select:all;user-select:all}@media (max-width: 768px){html.pwa .sidenav{padding-bottom:max(24px,calc(6px + env(safe-area-inset-bottom,0px)))}html.pwa .detail-mobile-summary{padding-bottom:calc(14px + max(24px,env(safe-area-inset-bottom,0px)))}html.pwa .entry-detail-info-col{padding-bottom:calc(24px + max(24px,env(safe-area-inset-bottom,0px)))}html.pwa #addOverlay .modal-footer,html.pwa #editOverlay .modal-footer{padding-bottom:calc(14px + max(24px,env(safe-area-inset-bottom,0px)))}}@media (hover: none){.masonry-item:hover,.entry-card:hover{transform:none}}.install-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-install);pointer-events:none}.install-sheet.open{pointer-events:auto}.install-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000052;opacity:0;transition:opacity .35s ease}.install-sheet.open .install-backdrop{opacity:1}.install-panel{position:absolute;left:0;right:0;bottom:0;background:var(--surface-raised);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;box-shadow:var(--shadow-sheet);padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.install-sheet.open .install-panel{transform:none}.install-head{display:flex;align-items:center;gap:12px}.install-icon{width:52px;height:52px;border-radius:var(--radius-xl);flex:none;box-shadow:var(--shadow-md)}.install-title{font-family:"Averia Serif Libre",Georgia,serif;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.install-sub{font-size:var(--text-base);color:var(--text-secondary);margin-top:2px}.install-text{margin:16px 0 0;font-size:var(--text-base);color:var(--text-secondary)}.install-steps{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.install-steps li{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--text-lg);line-height:1.5;color:var(--text-primary)}.install-step-num{flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--surface-raised);font-size:var(--text-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center;margin-right:4px}.install-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);font-size:var(--text-base);font-weight:500;white-space:nowrap}.install-step-body{display:flex;flex-direction:column;gap:4px;min-width:0}.install-step-line{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.install-step-hint{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.install-steps li:has(.install-step-body){align-items:flex-start}.install-steps li:has(.install-step-body) .install-step-num{margin-top:1px}.install-actions{display:flex;gap:8px;margin-top:20px}.install-actions .btn{flex:1;height:44px;font-size:var(--text-lg);white-space:nowrap}@media (prefers-reduced-motion: reduce){.install-panel,.install-backdrop{transition:none}}@media (max-width: 768px){html,body{overscroll-behavior-y:none}}.toast{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:50%;z-index:var(--z-toast);display:flex;align-items:center;gap:12px;width:max-content;max-width:min(440px,calc(100vw - 32px));padding:10px 12px 10px 16px;border-radius:var(--radius-lg);background:var(--accent);color:var(--accent-fg);font-size:var(--text-base);line-height:1.4;box-shadow:var(--shadow-lg);opacity:0;transform:translate(-50%,-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translate(-50%);pointer-events:auto}.toast-error{background:var(--danger)}.toast-text{flex:1}.toast-action{flex:none;padding:6px 10px;border:none;border-radius:var(--radius);background:#ffffff24;color:inherit;font:inherit;font-weight:600;cursor:pointer}.toast-action:hover{background:#ffffff3d}@media (prefers-reduced-motion: reduce){.toast{transition:none}}.confirm-overlay{z-index:var(--z-confirm);padding:16px}.modal.confirm-modal{width:min(400px,calc(100vw - 32px));max-width:none;height:auto;max-height:none;padding:20px;border-radius:var(--radius-dialog)}.confirm-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.confirm-message{display:flex;flex-direction:column;gap:12px;margin-top:8px;font-size:var(--text-base);line-height:1.5;color:var(--text-secondary)}.confirm-message ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.confirm-message .confirm-note{color:var(--text-muted)}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.confirm-actions .btn{min-width:88px;height:40px}.load-more-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0 32px;font-size:var(--text-md);color:var(--text-muted)}.load-more-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--text-secondary);border-radius:50%;animation:load-more-spin .8s linear infinite}@keyframes load-more-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.load-more-spinner{animation-duration:2.4s}}.dash{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:12px;align-items:start}body.detail-open #myDashboardPage{display:none!important}.dash-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px}.cal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.cal-month{font-family:"Averia Serif Libre",Georgia,serif;font-size:var(--text-4xl);font-weight:600;line-height:1.1}.cal-nav{display:flex;align-items:center;gap:0}.cal-nav-label{padding:4px 10px;border-radius:var(--radius-pill);background:var(--bg);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.cal-nav-btn{width:32px;height:32px;border:none;border-radius:50%;background:none;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:16px;cursor:pointer}.cal-nav-btn:hover:not(:disabled){background:var(--border-subtle);color:var(--text-primary)}.cal-nav-btn:disabled{opacity:.35;cursor:default}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cal-weekday{text-align:center;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);padding-bottom:4px}.cal-cell{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--text-muted);overflow:hidden}.cal-empty{background:var(--bg)}.cal-add{border:none;padding:0;font-family:inherit;cursor:pointer;transition:background var(--duration-fast)}.cal-add:hover{background:var(--border-subtle)}@media (hover: hover){.cal-add:hover span{font-size:0}.cal-add:hover span:before{content:"+";font-size:var(--text-xl);color:var(--text-secondary)}}.cal-add:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cal-has{padding:0;border:none;background:var(--border-subtle);cursor:pointer;outline-offset:2px}.cal-has img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .15s}.cal-has:hover img{transform:scale(1.05)}.cal-has.selected{outline:2px solid var(--accent)}.cal-today>span{position:relative;font-weight:700;color:var(--text-primary)}.cal-today>span:after,.cal-has.cal-today:after{content:"";position:absolute;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}.cal-today>span:after{top:100%;margin-top:2px}.cal-has.cal-today:after{bottom:4px;background:var(--on-media);box-shadow:var(--shadow-on-media)}.cal-more{position:absolute;right:3px;bottom:3px;padding:1px 6px;border-radius:var(--radius-pill);background:#0009;color:var(--on-media);font-size:var(--text-2xs);font-weight:600;line-height:1.5}.dash-day-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dash-day-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.dash-day-list{display:flex;flex-direction:column;gap:8px;margin:0 -8px}.dash-piece{display:flex;align-items:flex-start;gap:12px;width:100%;padding:8px;border:none;border-radius:var(--radius-lg);background:none;text-align:left;font:inherit;cursor:pointer}.dash-piece:hover{background:var(--bg)}.dash-piece-row{position:relative}.dash-piece-row .dash-piece{padding-right:44px}.dash-piece-more{position:absolute;top:8px;right:4px}.dash-more-btn.card-menu-btn{position:static;background:none;border:none;color:var(--text-secondary);opacity:1}.dash-more-btn.card-menu-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.dash-piece-menu.card-menu{top:calc(100% + 6px);right:0;z-index:20}.dash-piece img,.dash-piece-nophoto{flex:none;width:104px;height:104px;border-radius:var(--radius-md);object-fit:cover;background:var(--border-subtle)}.dash-piece-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dash-piece-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.dash-piece-meta{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:2px;font-size:var(--text-md);color:var(--text-secondary)}.dash-material{display:inline-flex;align-items:center;gap:6px;min-width:0}.dash-swatch{flex:none;width:12px;height:12px;border-radius:50%;border:1px solid var(--border);background:var(--border-subtle)}.dash-empty{font-size:var(--text-base);color:var(--text-muted)}.dash-first{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.dash-tabs{align-items:center}.cal-month-count{margin-left:10px;font-family:Inter,system-ui,sans-serif;font-size:var(--text-md);font-weight:400;color:var(--text-muted);white-space:nowrap}.dash.dash-week-mode{grid-template-columns:minmax(0,1fr);gap:12px}.week-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px}.week-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.week-card-title{font-family:"Averia Serif Libre",Georgia,serif;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.week-card-count{font-size:var(--text-md);color:var(--text-muted);white-space:nowrap}.week-pieces{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:6px;margin:-6px}.week-pieces::-webkit-scrollbar{display:none}.week-piece{flex:none;width:120px;padding:0;border:none;background:none;text-align:left;font:inherit;cursor:pointer}.week-piece img,.week-piece-nophoto{display:block;width:120px;height:120px;border-radius:var(--radius-md);object-fit:cover;background:var(--border-subtle);transition:transform .15s}.week-piece:hover img{transform:scale(1.03)}.week-piece-title{display:block;margin-top:6px;font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.week-piece,.week-piece img,.week-piece-nophoto{width:88px}.week-piece img,.week-piece-nophoto{height:88px}.dash{grid-template-columns:minmax(0,1fr);gap:12px}.dash-card,.week-card{padding:12px}.cal-grid{gap:4px}}@media (max-width: 768px){.card-menu.open,.detail-menu.open{display:none!important}}.menu-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet)}.menu-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000052;opacity:0;transition:opacity .2s ease}.menu-sheet-panel{position:absolute;left:0;right:0;bottom:0;background:var(--surface-raised);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;box-shadow:var(--shadow-sheet);padding:8px 8px calc(12px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.menu-sheet.show .menu-sheet-backdrop{opacity:1}.menu-sheet.show .menu-sheet-panel{transform:none}.menu-sheet-handle{width:36px;height:4px;margin:0 auto 8px;border-radius:var(--radius-xs);background:var(--border)}.menu-sheet-items{display:flex;flex-direction:column}.menu-sheet-items button{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 16px;border:none;border-radius:var(--radius-lg);background:none;font:inherit;font-size:var(--text-xl);color:var(--text-primary);text-align:left;white-space:nowrap;cursor:pointer}.menu-sheet-items button:active{background:var(--border-subtle)}.menu-sheet-items button.danger{color:var(--danger)}.menu-sheet-items .menu-item-icon{width:20px;height:20px;flex:none;color:var(--text-secondary)}.menu-sheet-items button.danger .menu-item-icon{color:inherit}@media (prefers-reduced-motion: reduce){.menu-sheet-backdrop,.menu-sheet-panel{transition:none}}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}@media (max-width: 768px){.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay){align-items:flex-end;padding:0}.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay) .modal{width:100%;max-width:none;height:auto;max-height:calc(100dvh - 48px);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay).open .modal{transform:none}.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay) .modal:before{content:"";display:block;width:36px;height:4px;margin:8px auto 0;border-radius:var(--radius-xs);background:var(--border)}.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay).confirm-overlay .modal.confirm-modal:before{margin:-12px auto 14px}.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay) .modal-footer .btn,.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay) .dialog-actions .btn,.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay) .confirm-actions .btn{flex:1;min-height:44px}}@media (max-width: 768px) and (prefers-reduced-motion: reduce){.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay) .modal{transition:none}}.filter-pill-remove,.layer-remove-btn,.add-item-remove,.carousel-dot,.auth-slide-dot,.detail-byline-name,.detail-byline-instagram,.profile-instagram-link,.user-profile-instagram,.myspace-edit-btn,.auth-signup-link{position:relative}.add-item-photo-remove:after,.filter-pill-remove:after,.layer-remove-btn:after,.add-item-remove:after,.carousel-dot:after,.auth-slide-dot:after,.detail-byline-name:after,.detail-byline-instagram:after,.profile-instagram-link:after,.user-profile-instagram:after,.myspace-edit-btn:after,.auth-signup-link:after,.toggle:before{content:"";position:absolute}.add-item-photo-remove:after{top:-6px;right:-6px;bottom:-6px;left:-6px}.filter-pill-remove:after{top:-8px;right:-8px;bottom:-8px;left:-8px}.layer-remove-btn:after{top:-5px;right:-5px;bottom:-5px;left:-5px}.add-item-remove:after{top:-7px;right:-4px;bottom:-7px;left:-4px}.carousel-dot:after,.auth-slide-dot:after{top:-9px;right:-2px;bottom:-9px;left:-2px}.detail-byline-name:after,.detail-byline-instagram:after,.profile-instagram-link:after,.user-profile-instagram:after,.auth-signup-link:after{top:-6px;right:-2px;bottom:-6px;left:-2px}.myspace-edit-btn:after{top:-3px;right:0;bottom:-3px;left:0}.toggle:before{top:-6px;right:-3px;bottom:-6px;left:-3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.load-more-spinner{animation-duration:2.4s!important;animation-iteration-count:infinite!important}}#filterDrawerOverlay:not(.open) [style*=background-image]{background-image:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}