@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Nunito+Sans:wght@300;400;500;600;700&family=Caveat:wght@400;500;600;700&display=swap";:root{--color-parchment-dark: #B8997A;--color-leather: #523522;--color-cork-deep: #856143;--color-rust: #9A432A;--color-moss: #546B42;--color-ink: #2C1E16;--color-gold-aged: #B28325;--color-paper-crinkle: #D0B496;--bg-color-main: var(--color-parchment-dark);--bg-color-alt: var(--color-leather);--text-main: var(--color-ink);--text-light: var(--color-paper-crinkle);--font-headline: "Caveat", cursive, system-ui;--font-body: "Nunito", sans-serif, system-ui;--font-accent: "Special Elite", monospace, system-ui;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--shadow-flat: 2px 2px 0px rgba(0, 0, 0, .1);--shadow-lifted: 0 4px 6px -1px rgba(0, 0, 0, .15), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-floating: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--transition-fast: .15s ease-out;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s ease-in-out}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0s;--transition-normal: 0s;--transition-slow: 0s}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;font-family:Nunito Sans,Helvetica Neue,sans-serif;color:#2c2420;background-color:#e6d5b8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Cormorant Garamond,Georgia,serif;margin-top:0}:root{--ds-bg-parchment: #E6D5B8;--ds-bg-paper: #FDF8F0;--ds-bg-paper-dark: #EDE4D0;--ds-bg-ink: #1E1812;--ds-bg-ink-soft: #2C2420;--ds-burgundy-50: #FCF3F5;--ds-burgundy-100: #F5D9DF;--ds-burgundy-200: #E8A8B6;--ds-burgundy-300: #D57589;--ds-burgundy-400: #C04E65;--ds-burgundy-500: #7B2D3F;--ds-burgundy-600: #632436;--ds-burgundy-700: #4A1B28;--ds-burgundy-800: #32121C;--ds-burgundy-900: #1A090F;--ds-indigo-50: #F0F3F8;--ds-indigo-100: #D5DEEF;--ds-indigo-200: #A8BCE0;--ds-indigo-300: #7396CA;--ds-indigo-400: #4E73AC;--ds-indigo-500: #3A4F72;--ds-indigo-600: #2E3F5C;--ds-indigo-700: #233046;--ds-indigo-800: #172030;--ds-indigo-900: #0C111A;--ds-amber-50: #FDF6EB;--ds-amber-100: #F8E5C2;--ds-amber-200: #EEC880;--ds-amber-300: #E2A846;--ds-amber-400: #C4923A;--ds-amber-500: #A07530;--ds-amber-600: #7D5A24;--ds-amber-700: #5A4019;--ds-amber-800: #38280F;--ds-amber-900: #1A1207;--ds-sepia-50: #F8F3EE;--ds-sepia-100: #EDE0D0;--ds-sepia-200: #D6BEA0;--ds-sepia-300: #BC9872;--ds-sepia-400: #A37B52;--ds-sepia-500: #8B6B4A;--ds-sepia-600: #70553B;--ds-sepia-700: #543F2C;--ds-sepia-800: #382A1E;--ds-sepia-900: #1C150F;--ds-sage-400: #7D9B7D;--ds-sage-500: #5F7D5F;--ds-sage-600: #4A634A;--ds-rose-300: #D4A0A0;--ds-rose-400: #C48B8B;--ds-rose-500: #A66E6E;--ds-neutral-50: #FAFAF8;--ds-neutral-100: #F2EDE6;--ds-neutral-200: #E4DBD0;--ds-neutral-300: #CFC3B5;--ds-neutral-400: #B5A496;--ds-neutral-500: #96837A;--ds-neutral-600: #6B5A50;--ds-neutral-700: #4A3C35;--ds-neutral-800: #2C2420;--ds-neutral-900: #1E1812;--ds-color-bg: var(--ds-bg-paper);--ds-color-bg-subtle: var(--ds-bg-parchment);--ds-color-canvas: var(--ds-bg-parchment);--ds-color-bg-dark: var(--ds-bg-ink);--ds-color-surface: #FFFCF8;--ds-color-surface-raised: #F7F0E3;--ds-color-overlay: rgba(30, 24, 18, .64);--ds-color-text: var(--ds-neutral-800);--ds-color-text-secondary: var(--ds-neutral-600);--ds-color-text-muted: var(--ds-neutral-500);--ds-color-text-inverse: #FDF8F0;--ds-color-text-link: var(--ds-burgundy-500);--ds-color-primary: var(--ds-burgundy-500);--ds-color-primary-hover: var(--ds-burgundy-600);--ds-color-primary-light: var(--ds-burgundy-100);--ds-color-secondary: var(--ds-indigo-500);--ds-color-secondary-hover:var(--ds-indigo-600);--ds-color-accent: var(--ds-amber-400);--ds-color-border: rgba(139, 107, 74, .22);--ds-color-border-strong: rgba(139, 107, 74, .42);--ds-color-border-focus: var(--ds-burgundy-400);--ds-color-success: var(--ds-sage-500);--ds-color-warning: var(--ds-amber-400);--ds-color-error: #B03A2E;--ds-color-info: var(--ds-indigo-400);--ds-font-display: "Cormorant Garamond", Georgia, serif;--ds-font-body: "Nunito Sans", "Helvetica Neue", sans-serif;--ds-font-handwritten: "Caveat", cursive;--ds-text-xs: .75rem;--ds-text-sm: .875rem;--ds-text-base: 1rem;--ds-text-md: 1.125rem;--ds-text-lg: 1.25rem;--ds-text-xl: 1.5rem;--ds-text-2xl: 1.875rem;--ds-text-3xl: 2.25rem;--ds-text-4xl: 3rem;--ds-text-5xl: 3.75rem;--ds-weight-light: 300;--ds-weight-regular: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600;--ds-weight-bold: 700;--ds-leading-tight: 1.1;--ds-leading-snug: 1.25;--ds-leading-normal: 1.5;--ds-leading-relaxed: 1.7;--ds-tracking-tight: -.025em;--ds-tracking-normal: 0;--ds-tracking-wide: .04em;--ds-tracking-wider: .08em;--ds-tracking-caps: .12em;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-space-16: 64px;--ds-space-20: 80px;--ds-space-24: 96px;--ds-radius-sm: 2px;--ds-radius-md: 4px;--ds-radius-lg: 8px;--ds-radius-xl: 12px;--ds-radius-pill: 999px;--ds-shadow-photo: 2px 4px 16px rgba(30, 24, 18, .18);--ds-shadow-sm: 0 1px 4px rgba(30, 24, 18, .1);--ds-shadow-md: 0 4px 16px rgba(30, 24, 18, .12);--ds-shadow-lg: 0 8px 32px rgba(30, 24, 18, .14);--ds-shadow-xl: 0 16px 64px rgba(30, 24, 18, .2);--ds-shadow-inset: inset 0 2px 8px rgba(30, 24, 18, .08);--ds-transition-fast: .15s ease-out;--ds-transition-base: .25s ease-out;--ds-transition-slow: .4s ease-out;--ds-transition-photo: transform .25s ease, box-shadow .25s ease}.landing-page-container .btn-primary,.btn-primary-ds{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background-color:var(--ds-color-primary);color:var(--ds-color-text-inverse);font-family:var(--ds-font-body);font-size:var(--ds-text-base);font-weight:var(--ds-weight-semibold);border:none;border-radius:var(--ds-radius-md);cursor:pointer;text-decoration:none;transition:background-color var(--ds-transition-fast),transform var(--ds-transition-fast),box-shadow var(--ds-transition-fast);box-shadow:var(--ds-shadow-sm);line-height:1}.landing-page-container .btn-primary:hover,.btn-primary-ds:hover{background-color:var(--ds-color-primary-hover);transform:translateY(-1px);box-shadow:var(--ds-shadow-md)}.landing-page-container .btn-primary:active,.btn-primary-ds:active{transform:translateY(0) scale(.98)}.landing-page-container .btn-primary:focus-visible,.btn-primary-ds:focus-visible{outline:2px solid var(--ds-color-primary);outline-offset:2px}.landing-page-container .btn-ghost,.btn-ghost-ds{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:transparent;color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:var(--ds-text-base);font-weight:var(--ds-weight-medium);border:1.5px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);cursor:pointer;text-decoration:none;transition:border-color var(--ds-transition-fast),color var(--ds-transition-fast),transform var(--ds-transition-fast);line-height:1}.landing-page-container .btn-ghost:hover,.btn-ghost-ds:hover{border-color:var(--ds-color-primary);color:var(--ds-color-primary);transform:translateY(-1px)}.landing-page-container .btn-ghost:active,.btn-ghost-ds:active{transform:translateY(0) scale(.98)}.landing-page-container .btn-ghost:focus-visible,.btn-ghost-ds:focus-visible{outline:2px solid var(--ds-color-primary);outline-offset:2px}.landing-page-container .ds-section-label{font-family:var(--ds-font-body);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-caps);text-transform:uppercase;color:var(--ds-color-primary);margin-bottom:16px}.landing-page-container .ds-section-title{font-family:var(--ds-font-display);font-weight:var(--ds-weight-medium);line-height:var(--ds-leading-snug);letter-spacing:var(--ds-tracking-tight);color:var(--ds-color-text);margin:0 0 16px}.landing-page-container .ds-section-subtitle{font-family:var(--ds-font-body);font-weight:var(--ds-weight-regular);line-height:var(--ds-leading-relaxed);color:var(--ds-color-text-secondary);margin:0}.landing-page-container .ds-section-title--inverse{color:var(--ds-color-text-inverse)}.landing-page-container .ds-section-subtitle--inverse{color:var(--ds-neutral-400)}.landing-page-container .ds-section-label--inverse{color:var(--ds-amber-400)}.landing-header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background:#fdf8f0d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ds-color-border);transition:box-shadow var(--ds-transition-base),background var(--ds-transition-base)}.landing-header.scrolled{box-shadow:var(--ds-shadow-md);background:#fdf8f0f2}.landing-header__logo{height:40px;width:auto;cursor:pointer}.landing-header__nav{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.landing-header__nav a{font-family:var(--ds-font-body);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-color-text-secondary);text-decoration:none;transition:color var(--ds-transition-fast);letter-spacing:var(--ds-tracking-wide)}.landing-header__nav a:hover{color:var(--ds-color-primary)}.landing-header__actions{display:flex;align-items:center;gap:12px}.landing-header__actions .btn-ghost,.landing-header__actions .btn-primary{padding:10px 20px;font-size:var(--ds-text-sm)}.landing-header__hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--ds-color-text)}.landing-header__mobile-menu{display:none}.ds-photo-card{background:var(--ds-color-surface-raised);border:4px solid var(--ds-color-surface-raised);border-radius:var(--ds-radius-sm);box-shadow:var(--ds-shadow-photo);overflow:hidden;transition:var(--ds-transition-photo)}.ds-photo-card:hover{transform:rotate(0) scale(1.03);box-shadow:0 8px 32px #1e18123d}@media(max-width:1024px){.landing-header{padding:12px 24px}.landing-header__nav{gap:20px}}@media(max-width:768px){.landing-header__nav,.landing-header__actions{display:none}.landing-header__hamburger{display:flex;align-items:center;justify-content:center}}.landing-header__mobile-menu.open{display:flex;flex-direction:column;position:fixed;inset:0;background:#fdf8f0;z-index:9999;padding:80px 32px 32px;gap:24px;animation:mobileMenuSlideIn .25s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}.landing-header__mobile-menu.open a{font-family:var(--ds-font-display);font-size:var(--ds-text-2xl);color:var(--ds-color-text);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--ds-color-border)}.landing-header__mobile-menu .mobile-menu-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}.landing-header__mobile-close{position:absolute;top:20px;right:24px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--ds-color-text);padding:8px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;z-index:10000}.landing-page-container [id]{scroll-margin-top:80px}.ds-content-card{background:var(--ds-color-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);box-shadow:var(--ds-shadow-md)}.ds-text-input{width:100%;height:48px;padding:0 16px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-surface);color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:var(--ds-text-base);transition:outline var(--ds-transition-fast),border-color var(--ds-transition-fast)}.ds-text-input:focus{outline:2px solid var(--ds-color-accent);outline-offset:1px;border-color:var(--ds-color-primary)}.ds-error-alert{background-color:var(--ds-burgundy-50);border-left:4px solid var(--ds-color-error);color:var(--ds-burgundy-800);padding:12px 16px;border-radius:0 var(--ds-radius-md) var(--ds-radius-md) 0;font-family:var(--ds-font-body);font-size:var(--ds-text-sm);margin-bottom:16px}.ds-success-alert{background-color:#f0f6f0;border-left:4px solid var(--ds-color-success);color:var(--ds-sage-600);padding:12px 16px;border-radius:0 var(--ds-radius-md) var(--ds-radius-md) 0;font-family:var(--ds-font-body);font-size:var(--ds-text-sm);margin-bottom:16px;font-weight:var(--ds-weight-semibold)}.ds-modal-overlay{position:fixed;inset:0;background:var(--ds-color-overlay);display:flex;align-items:center;justify-content:center;z-index:100000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:var(--ds-space-4);animation:modalFadeIn .2s ease forwards}.ds-modal-content{background:var(--ds-color-surface-raised);border-radius:var(--ds-radius-xl);box-shadow:0 16px 64px #1e181233;border:1px solid var(--ds-color-border);padding:28px 32px 32px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ds-modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:20px;border-bottom:2px solid rgba(123,45,63,.12)}.ds-modal-header h2{font-family:var(--ds-font-display);font-size:var(--ds-text-2xl);font-weight:600;color:var(--ds-color-text);margin:0;line-height:1.2}.ds-modal-header .ds-modal-subtitle{font-family:var(--ds-font-body);font-size:14px;color:var(--ds-color-text-secondary);margin:4px 0 0}.ds-modal-content>h2:first-child{font-family:var(--ds-font-display);font-size:var(--ds-text-2xl);font-weight:600;color:var(--ds-color-text);margin:0 0 20px;padding-bottom:16px;border-bottom:2px solid rgba(123,45,63,.12)}.ds-modal-close{width:40px;height:40px;min-width:40px;border-radius:50%;border:none;background:#2c24200f;color:var(--ds-color-text-secondary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.ds-modal-close:hover{background:#2c24201f;color:var(--ds-color-text)}.ds-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:20px;margin-top:auto;border-top:1px solid var(--ds-color-border)}.ds-modal-footer--spread{justify-content:space-between}.ds-modal-content.ds-modal--upload{max-width:540px;padding:0;overflow:hidden}.ds-modal-content.ds-modal--picker{max-width:460px;padding:0;display:flex;flex-direction:column}.ds-modal-content.ds-modal--confirm{max-width:400px;text-align:left}.ds-modal-content.ds-modal--form{max-width:520px}.btn-danger-ds{font-family:var(--ds-font-body);font-size:16px;font-weight:600;line-height:1;padding:14px 28px;min-height:48px;border-radius:var(--ds-radius-md);border:none;background-color:var(--ds-color-error);color:var(--ds-color-text-inverse);cursor:pointer;transition:all var(--ds-transition-fast);box-shadow:0 1px 4px #b03a2e40}.btn-danger-ds:hover{background-color:#922e24;box-shadow:0 2px 8px #b03a2e59}.btn-danger-ds:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ds-search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);font-family:var(--ds-font-body);font-size:15px;color:var(--ds-color-text);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.ds-search-input:focus{border-color:var(--ds-color-accent);box-shadow:0 0 0 3px #c4923a26}.ds-search-input::placeholder{color:var(--ds-color-text-secondary)}.ds-search-wrap{position:relative}.ds-search-wrap:before{content:"🔍";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none;opacity:.5}.ds-card-select{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--ds-radius-lg);border:1.5px solid var(--ds-color-border);background:var(--ds-color-surface);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.ds-card-select:hover{border-color:var(--ds-color-border-strong);background:#fffcf8cc;box-shadow:0 2px 8px #1e18120f}.ds-card-select.active{border-color:var(--ds-color-primary);background:#7b2d3f0a;box-shadow:0 0 0 3px #7b2d3f14}.ds-card-select .card-icon{width:44px;height:44px;border-radius:var(--ds-radius-lg);background:#7b2d3f0f;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.ds-card-select.active .card-icon{background:#7b2d3f1f}.ds-card-select .card-text{flex:1;min-width:0}.ds-card-select .card-text strong{display:block;font-family:var(--ds-font-body);font-size:15px;font-weight:600;color:var(--ds-color-text);margin-bottom:2px}.ds-card-select .card-text span{display:block;font-size:13px;color:var(--ds-color-text-secondary);line-height:1.3}.ds-card-select .card-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--ds-color-border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;color:transparent;transition:all .15s ease}.ds-card-select.active .card-check{background:var(--ds-color-primary);border-color:var(--ds-color-primary);color:#fff}.ds-danger-zone{background:#b03a2e08;border:1px solid rgba(176,58,46,.12);border-radius:var(--ds-radius-lg);padding:16px;margin-top:16px}.ds-danger-zone .danger-title{font-family:var(--ds-font-body);font-size:14px;font-weight:600;color:var(--ds-color-error);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.ds-danger-zone .danger-desc{font-size:14px;color:#6b3a33;line-height:1.5;margin:0 0 16px}.ds-danger-zone .danger-actions{display:flex;gap:10px;justify-content:flex-end}.ds-thumbnail-strip{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.ds-thumbnail-strip img{width:56px;height:56px;object-fit:cover;border-radius:var(--ds-radius-md);border:2px solid var(--ds-color-surface-raised);box-shadow:0 1px 4px #1e18121a;flex-shrink:0}.ds-thumbnail-strip .thumb-more{width:56px;height:56px;border-radius:var(--ds-radius-md);background:#2c242014;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--ds-color-text-secondary);flex-shrink:0}.ds-initials-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ds-font-body);font-size:15px;font-weight:700;color:var(--ds-color-text-inverse);flex-shrink:0;text-transform:uppercase}.ds-initials-avatar.avatar-0{background:var(--ds-color-primary)}.ds-initials-avatar.avatar-1{background:var(--ds-color-secondary)}.ds-initials-avatar.avatar-2{background:#7b6d4b}.ds-initials-avatar.avatar-3{background:var(--ds-color-accent);color:var(--ds-color-text)}.ds-initials-avatar.avatar-4{background:#5f7d5f}.ds-initials-avatar.avatar-5{background:#8b5e5e}.ds-summary-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--ds-radius-pill);background:#7b2d3f0f;border:1px solid rgba(123,45,63,.12);font-family:var(--ds-font-body);font-size:13px;font-weight:600;color:var(--ds-color-primary)}.ds-toggle-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);background:var(--ds-color-surface);cursor:pointer;transition:border-color .15s}.ds-toggle-card:hover{border-color:var(--ds-color-border-strong)}.ds-toggle-card .toggle-icon{font-size:1.5rem;flex-shrink:0}.ds-toggle-card .toggle-text{flex:1}.ds-toggle-card .toggle-text strong{display:block;font-family:var(--ds-font-body);font-size:15px;font-weight:600;color:var(--ds-color-text);margin-bottom:2px}.ds-toggle-card .toggle-text span{font-size:13px;color:var(--ds-color-text-secondary);line-height:1.4}.ds-toggle-card .toggle-switch{position:relative;width:44px;height:24px;border-radius:12px;background:#2c242026;flex-shrink:0;transition:background .2s}.ds-toggle-card .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.ds-toggle-card .toggle-switch.on{background:var(--ds-color-primary)}.ds-toggle-card .toggle-switch.on:after{transform:translate(20px)}.ds-membership-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 10px;border-radius:var(--ds-radius-pill);background:var(--ds-color-surface);border:1px solid var(--ds-color-border);font-size:13px;color:var(--ds-color-text);font-family:var(--ds-font-body)}.ds-membership-pill .pill-icon{font-size:14px}.ds-membership-pill .pill-remove{width:20px;height:20px;border-radius:50%;border:none;background:#b03a2e14;color:var(--ds-color-error);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;margin-left:2px}.ds-membership-pill .pill-remove:hover{background:#b03a2e2e}.ds-alert-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--ds-radius-lg);font-family:var(--ds-font-body);font-size:14px;line-height:1.5}.ds-alert-card.alert-warning{background:#c4923a14;border:1px solid rgba(196,146,58,.2);color:#6b5a20}.ds-alert-card.alert-error{background:#b03a2e0f;border:1px solid rgba(176,58,46,.15);color:#6b3a33}.ds-alert-card .alert-icon{font-size:1.2rem;flex-shrink:0;margin-top:1px}@media(max-width:768px){.ds-modal-overlay{align-items:flex-end;padding:0}.ds-modal-content{border-bottom-left-radius:0;border-bottom-right-radius:0;max-width:100%;margin:0;padding:20px 20px 40px;max-height:92vh;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}.ds-modal-content.ds-modal--upload{max-height:92vh}.ds-modal-content.ds-modal--picker{max-height:85vh}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.card{background-color:#fff;padding:var(--spacing-lg);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-lifted);border-radius:4px;margin-bottom:var(--spacing-md)}.polaroid{background:#fff;padding:var(--spacing-sm);padding-bottom:40px;box-shadow:var(--shadow-floating);display:inline-block;transform:rotate(-2deg);transition:transform var(--transition-normal)}.polaroid:hover{transform:scale(1.05) rotate(1deg);z-index:10}.btn-cta{background-color:var(--color-gold);color:var(--color-charcoal);font-family:var(--font-headline);font-size:1.5rem;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 4px #b08514,var(--shadow-floating);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-cta:active{transform:translateY(4px);box-shadow:0 0 #b08514,var(--shadow-lifted)}.sticky-note{background-color:#fff8e7;border-left:4px solid var(--color-gold);color:var(--text-ink);padding:12px 16px;box-shadow:var(--shadow-floating);border-radius:2px 4px 4px 2px;min-height:60px;width:100%;display:flex;flex-direction:column;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.sticky-note.resolved{border-left-color:var(--color-sage);opacity:.8}.sticky-note:hover{transform:translateY(-2px);box-shadow:var(--shadow-lifted)}@keyframes pendulum{0%{transform:rotate(15deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes sway{0%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes thwap{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fadeUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeDownSettle{0%{transform:translateY(-30px);opacity:0}70%{transform:translateY(5px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes tapePeel{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes typewriter{0%{width:0}to{width:100%}}.animate-sway{animation:sway 4s ease-in-out infinite;transform-origin:top center}@media(prefers-reduced-motion:reduce){.animate-sway{animation:none;transform:none}}@keyframes mobileMenuSlideIn{0%{transform:translateY(-20px)}to{transform:translateY(0)}}html,body{margin:0;padding:0;width:100%;overflow-x:clip;background-color:#e6d5b8!important}*,*:before,*:after{box-sizing:border-box}img{max-width:100%;display:block}#root{min-height:100vh;display:flex;flex-direction:column}body,html{margin:0;padding:0;width:100%;overflow-x:hidden}#root{width:100%;min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column}.hero-photos-top,.hero-photos-bottom{display:contents}.photo-scatter-mobile{display:none}.photo-scatter-desktop{display:block}@media(max-width:768px){.hero-section{min-height:auto!important;padding:5rem 1.5rem 3rem!important;gap:1.5rem}.hero-photos-top,.hero-photos-bottom{display:flex;justify-content:center;gap:1rem;position:relative;z-index:1;width:100%}.hero-scatter-photo{position:relative!important;top:auto!important;left:auto!important;right:auto!important;animation:none!important}.hero-scatter-photo img{width:120px!important}.photo-scatter-desktop{display:none!important}.photo-scatter-mobile{display:flex;overflow-x:auto;overflow-y:hidden;gap:1rem;padding:1rem 1rem 2rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.photo-scatter-mobile::-webkit-scrollbar{display:none}.photo-scatter-mobile .ds-photo-card{scroll-snap-align:center}.how-it-works-line{display:none}}.upload-tracker{position:relative;pointer-events:auto;width:300px;background:#fdfbf7;border:1px solid rgba(82,53,34,.2);border-radius:4px;box-shadow:0 3px 14px #5235221f,0 1px 3px #0000000f;z-index:9999;font-family:Nunito,sans-serif;color:#4a3728;overflow:visible;animation:tracker-slide-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes tracker-slide-in{0%{transform:translateY(40px) rotate(1deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}.upload-tracker.minimized{width:240px}.upload-tracker:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%) rotate(-2deg);width:50px;height:16px;background:#ffffff73;border:1px solid rgba(82,53,34,.06);pointer-events:none}.tracker-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;cursor:pointer;border-bottom:1px dashed rgba(82,53,34,.12)}.tracker-header:hover{background:#52352205}.tracker-header-left{display:flex;align-items:center;gap:6px}.tracker-header-right{display:flex;align-items:center;gap:2px}.tracker-icon{font-size:1rem}.tracker-text{font-family:Caveat,cursive;font-size:1.05rem;font-weight:700;color:#5a3e2b}.tracker-toggle-btn,.tracker-close-btn{background:transparent;border:none;color:#8b7355;cursor:pointer;font-size:.75rem;padding:3px 5px;border-radius:3px}.tracker-toggle-btn:hover,.tracker-close-btn:hover{background:#52352214;color:#4a3728}.tracker-body{padding:8px 12px 12px}.tracker-progress-container{height:6px;background:#52352214;border-radius:3px;overflow:hidden;border:1px solid rgba(82,53,34,.08)}.tracker-progress-bar{height:100%;background:linear-gradient(90deg,#c8956c,#daa870);border-radius:3px;transition:width .4s ease}.tracker-percent{margin:4px 0 0;font-family:Caveat,cursive;font-size:.9rem;color:#8b7355;text-align:right}.tracker-items-list{margin-top:8px;max-height:140px;overflow-y:auto;border-top:1px dashed rgba(82,53,34,.12);padding-top:8px;display:flex;flex-direction:column;gap:4px}.tracker-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#5a3e2b}.item-icon{font-size:.85rem;min-width:16px;text-align:center}.item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-note{color:#8b7355;font-size:.75rem}.item-error{color:#a04040;font-size:.75rem;font-weight:700}.status-error .item-name{color:#a04040;text-decoration:line-through;opacity:.8}.status-duplicate .item-name{color:#8b7355;opacity:.8}.tracker-stop-btn{background:#b43c321f;border:1px solid rgba(180,60,50,.3);color:#a04040;cursor:pointer;font-family:Nunito,sans-serif;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:4px;margin-right:4px;transition:all .2s ease}.tracker-stop-btn:hover{background:#b43c3240;border-color:#b43c3280}.status-cancelled .item-name{color:#8b7355;text-decoration:line-through;opacity:.6}.download-tracker{position:relative;pointer-events:auto;width:300px;background:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);box-shadow:var(--ds-shadow-xl);z-index:9998;font-family:var(--ds-font-body);color:var(--ds-color-text);overflow:visible;animation:tracker-slide-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes tracker-slide-in{0%{transform:translateY(40px) rotate(-1deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}.download-tracker.minimized{width:240px}.dl-tracker-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;cursor:pointer;border-bottom:1px dashed rgba(82,53,34,.12)}.dl-tracker-header:hover{background:#52352205}.dl-tracker-header-left{display:flex;align-items:center;gap:6px}.dl-tracker-header-right{display:flex;align-items:center;gap:2px}.dl-tracker-icon{font-size:1rem}.dl-tracker-text{font-family:var(--ds-font-display);font-size:1.05rem;font-weight:700;color:var(--ds-color-text)}.dl-tracker-toggle-btn,.dl-tracker-close-btn{background:transparent;border:none;color:var(--ds-color-text-secondary);cursor:pointer;font-size:.75rem;padding:3px 5px;border-radius:3px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.dl-tracker-toggle-btn:hover,.dl-tracker-close-btn:hover{background:var(--ds-color-surface);color:var(--ds-color-text)}.dl-tracker-body{padding:8px 12px 12px}.dl-tracker-items-list{max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.dl-tracker-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#5a3e2b;padding:4px 0}.dl-item-icon{font-size:.85rem;min-width:16px;text-align:center}.dl-item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-item-note{color:#8b7355;font-size:.75rem;font-style:italic}.dl-item-error{color:#a04040;font-size:.75rem;font-weight:700}.status-error .dl-item-name{color:#a04040;opacity:.8}.dl-tracker-warning{margin-top:8px;padding:6px 8px;background:#c4923a1a;border-left:2px solid #C4923A;font-size:.75rem;color:#5a3e2b;border-radius:0 3px 3px 0;line-height:1.3}.global-feedback-container{position:fixed;bottom:2rem;right:2rem;z-index:9999;transition:opacity .3s ease,pointer-events .3s ease,left .3s ease;display:flex;flex-direction:column;gap:12px;align-items:stretch}body:has(.sol-drawer.open) .global-feedback-container{opacity:.2;pointer-events:none}.global-feedback-trigger,.global-upgrade-trigger{background-color:var(--ds-color-primary);color:var(--ds-color-text-inverse);border:1px solid var(--ds-color-primary-hover);border-radius:24px;padding:.6rem 1.4rem;font-family:var(--ds-font-body);font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:var(--ds-shadow-md);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:.4rem;min-width:140px}.global-feedback-trigger:hover,.global-upgrade-trigger:hover{transform:scale(1.05) translateY(-2px);box-shadow:var(--ds-shadow-lg);background-color:var(--ds-color-primary-hover);color:#fff}.global-upgrade-trigger{background-color:var(--ds-color-surface);color:var(--ds-color-text);border-color:var(--ds-color-border-strong)}.global-upgrade-trigger:hover{background-color:var(--ds-color-surface-raised);color:var(--ds-color-text)}.global-feedback-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--ds-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10000}.global-feedback-modal{background:var(--ds-color-surface-raised);width:90%;max-width:500px;border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-xl);padding:2rem;position:relative;border:1px solid var(--ds-color-border)}.global-feedback-modal h2{font-family:var(--ds-font-display);font-size:1.8rem;color:var(--ds-color-text);margin-top:0;margin-bottom:.5rem}.global-feedback-modal p{font-family:var(--ds-font-body);font-size:.95rem;color:var(--ds-color-text-secondary);margin-bottom:1.5rem}.feedback-form-group{margin-bottom:1.2rem;display:flex;flex-direction:column;gap:.4rem}.feedback-form-group label{font-family:var(--ds-font-body);font-size:.85rem;color:var(--ds-color-text);font-weight:700;text-transform:uppercase}.feedback-form-group select,.feedback-form-group textarea{background:var(--ds-color-surface);border:1.5px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);padding:.8rem;font-family:var(--ds-font-body);font-size:1rem;color:var(--ds-color-text);outline:none;transition:border-color .2s ease}.feedback-form-group textarea{resize:vertical;min-height:120px}.feedback-form-group select:focus,.feedback-form-group textarea:focus{border-color:var(--ds-color-accent)}.feedback-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.feedback-success{text-align:center;padding:2rem 0}.feedback-success h3{font-family:var(--ds-font-display);font-size:1.5rem;color:var(--ds-color-primary);margin-bottom:1rem}.feedback-success p{font-family:var(--ds-font-body);color:var(--ds-color-text)}.global-feedback-container.workroom-mode{bottom:20px;right:auto;flex-direction:row;align-items:center}.global-feedback-container.workroom-mode.has-delete{left:150px}.global-feedback-container.workroom-mode.no-delete{left:20px}.workroom-feedback-trigger,.workroom-upgrade-trigger{display:flex;align-items:center;justify-content:center;padding:8px 16px;min-height:48px;min-width:120px;border:1px solid rgba(208,180,150,.3);background:#2c1e1699;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f5f0e8e6;font-family:var(--ds-font-body);font-size:.85rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.workroom-feedback-trigger:hover,.workroom-upgrade-trigger:hover{background:#523522cc;border-color:var(--ds-color-accent);color:var(--ds-color-accent);transform:translateY(-2px)}.workroom-upgrade-trigger{color:var(--ds-color-accent);border-color:#c4923a66}@media(max-width:768px){.global-feedback-trigger,.global-upgrade-trigger,.workroom-feedback-trigger,.workroom-upgrade-trigger{display:none!important}}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--ds-bg-parchment);position:relative;padding:var(--ds-space-4)}.login-container{width:100%;max-width:440px;position:relative;z-index:10}.login-back-link{display:inline-block;margin-bottom:var(--ds-space-4);font-family:var(--ds-font-body);font-size:var(--ds-text-sm);color:var(--ds-color-primary);text-decoration:none;font-weight:var(--ds-weight-semibold);transition:transform var(--ds-transition-fast),color var(--ds-transition-fast)}.login-back-link:hover{color:var(--ds-color-primary-hover);transform:translate(-4px)}.login-card{background:var(--ds-color-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);box-shadow:var(--ds-shadow-md);padding:var(--ds-space-8) var(--ds-space-6);position:relative}.login-title{font-family:var(--ds-font-display);font-size:var(--ds-text-3xl);color:var(--ds-color-text);text-align:center;margin:0 0 var(--ds-space-2) 0;line-height:var(--ds-leading-tight)}.login-subtitle{font-family:var(--ds-font-body);font-size:var(--ds-text-base);color:var(--ds-color-text-secondary);text-align:center;margin:0 0 var(--ds-space-6) 0;line-height:var(--ds-leading-normal)}.login-form{display:flex;flex-direction:column;gap:var(--ds-space-4)}.form-group{display:flex;flex-direction:column;position:relative}.form-group label{font-family:var(--ds-font-body);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-wide);color:var(--ds-color-text-secondary);margin-bottom:var(--ds-space-2);text-transform:uppercase}.form-group input{width:100%;height:48px;padding:0 16px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-surface);color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:var(--ds-text-base);transition:outline var(--ds-transition-fast),border-color var(--ds-transition-fast)}.form-group input:focus{outline:2px solid var(--ds-color-accent);outline-offset:1px;border-color:var(--ds-color-primary)}.form-group input:disabled{background-color:var(--ds-bg-paper);color:var(--ds-color-text-muted);cursor:not-allowed}.password-toggle{position:absolute;right:4px;top:4px;background:none;border:none;color:var(--ds-color-text-secondary);cursor:pointer;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;transition:color var(--ds-transition-fast)}.password-toggle svg{width:20px;height:20px}.password-toggle:hover{color:var(--ds-color-primary)}.forgot-password-link{font-family:var(--ds-font-body);font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);text-decoration:underline;align-self:flex-end;margin-top:-8px;margin-bottom:var(--ds-space-2);background:none;border:none;cursor:pointer;padding:4px;transition:color var(--ds-transition-fast)}.forgot-password-link:hover{color:var(--ds-color-primary)}.login-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;height:48px;background-color:var(--ds-color-primary);color:var(--ds-color-text-inverse);font-family:var(--ds-font-body);font-size:var(--ds-text-base);font-weight:var(--ds-weight-semibold);border:none;border-radius:var(--ds-radius-md);cursor:pointer;transition:background-color var(--ds-transition-fast),transform var(--ds-transition-fast),box-shadow var(--ds-transition-fast);box-shadow:var(--ds-shadow-sm);margin-top:var(--ds-space-2)}.login-submit:hover:not(:disabled){background-color:var(--ds-color-primary-hover);transform:translateY(-1px);box-shadow:var(--ds-shadow-md)}.login-submit:active:not(:disabled){transform:translateY(0) scale(.98)}.login-submit:disabled{background-color:var(--ds-color-border-strong);color:var(--ds-color-text-inverse);cursor:not-allowed;box-shadow:none}.login-divider{display:flex;align-items:center;text-align:center;margin:var(--ds-space-6) 0}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid var(--ds-color-border)}.login-divider:not(:empty):before{margin-right:.25em}.login-divider:not(:empty):after{margin-left:.25em}.login-divider span{font-family:var(--ds-font-body);font-size:var(--ds-text-xs);color:var(--ds-color-text-secondary);text-transform:uppercase;letter-spacing:var(--ds-tracking-wide);padding:0 var(--ds-space-2)}.social-login{display:flex;flex-direction:column;gap:var(--ds-space-3)}.social-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;background:transparent;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);cursor:pointer;transition:background-color var(--ds-transition-fast),border-color var(--ds-transition-fast);gap:var(--ds-space-2)}.social-btn:hover:not(:disabled){background-color:var(--ds-bg-paper);border-color:var(--ds-color-primary)}.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-icon,.social-btn svg{width:20px;height:20px}.login-toggle{margin-top:var(--ds-space-6);text-align:center;font-family:var(--ds-font-body);font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary)}.login-toggle button{background:none;border:none;color:var(--ds-color-primary);font-weight:var(--ds-weight-semibold);font-family:var(--ds-font-body);font-size:var(--ds-text-sm);cursor:pointer;padding:4px;margin-left:4px;text-decoration:underline;transition:color var(--ds-transition-fast)}.login-toggle button:hover{color:var(--ds-color-primary-hover)}.login-toggle button:disabled{color:var(--ds-color-text-muted);cursor:not-allowed}.login-error{background-color:var(--ds-burgundy-50);border-left:4px solid var(--ds-color-error);color:var(--ds-burgundy-800);padding:12px 16px;border-radius:0 var(--ds-radius-md) var(--ds-radius-md) 0;font-family:var(--ds-font-body);font-size:var(--ds-text-sm);margin-bottom:var(--ds-space-4)}.password-wrapper{position:relative;width:100%}@media(max-width:480px){.login-card{padding:var(--ds-space-6) var(--ds-space-4)}.login-form>div:has(iframe){transform-origin:left center;transform:scale(.9);width:111%}}.floating-nav-container{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:50}.floating-pill.home-pill{background:var(--ds-color-primary);border:1px solid var(--ds-color-primary-hover);color:var(--ds-color-text-inverse);font-size:.95rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--ds-shadow-sm)}.floating-pill.home-pill:hover{background:var(--ds-color-primary-hover);color:#fff;box-shadow:var(--ds-shadow-md);transform:scale(1.06) translateY(-2px)}.floating-pill.clear-filters-pill{background:var(--ds-color-accent);border:1px solid rgba(196,146,58,.8);color:var(--ds-color-text-inverse);font-weight:700}.floating-pill.clear-filters-pill:hover{background:#da5;color:#fff}.floating-pill{pointer-events:auto;background-color:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border-strong);border-radius:24px;padding:8px 18px;min-height:40px;font-family:var(--ds-font-body);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-color-text);cursor:pointer;box-shadow:var(--ds-shadow-md);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease,background-color .2s ease;white-space:nowrap;letter-spacing:.02em}.floating-pill:hover{transform:scale(1.05) translateY(-2px);box-shadow:var(--ds-shadow-md);background-color:var(--ds-color-surface)}.floating-pill:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:2px}.floating-btn{pointer-events:auto;background-color:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border-strong);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:var(--ds-shadow-sm);cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease,background-color .2s ease;color:var(--ds-color-text);font-size:1.2rem;position:relative}.floating-btn:hover{transform:scale(1.1) translateY(-2px);box-shadow:var(--ds-shadow-md);background-color:var(--ds-color-surface)}.floating-btn:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:2px}.floating-group{position:absolute;display:flex;flex-direction:column;gap:.6rem}.floating-group.top-left{top:3.2rem;left:2rem}.floating-group.top-right{top:2rem;right:2rem}.floating-group.bottom-left{bottom:2rem;left:2rem;flex-direction:column-reverse}.floating-group.bottom-right{bottom:2rem;right:2rem;flex-direction:column-reverse}.floating-pill.bottom-pill{background-color:var(--ds-color-primary);color:var(--ds-color-text-inverse);border:1px solid var(--ds-color-primary-hover)}.floating-pill.bottom-pill:hover{background-color:var(--ds-color-primary-hover);color:#fff}.floating-btn.primary-action{background-color:var(--ds-color-accent);color:#fff;border-color:var(--ds-color-border-strong);width:60px;height:60px;font-size:1.5rem}.floating-btn.primary-action:hover{filter:brightness(.9)}.badge{position:absolute;top:-5px;right:-5px;background-color:var(--ds-color-error);color:#fff;border-radius:50%;width:20px;height:20px;font-size:.75rem;font-family:var(--ds-font-body);font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--ds-color-surface-raised)}.scope-switcher{position:relative;pointer-events:auto}.scope-switcher-toggle{display:flex;align-items:center;gap:.5rem;background:var(--ds-color-surface-raised);border:1.5px solid var(--ds-color-border-strong);border-radius:24px;padding:.5rem 1.2rem;font-family:var(--ds-font-body);font-size:.9rem;font-weight:700;color:var(--ds-color-text);cursor:pointer;box-shadow:var(--ds-shadow-sm);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease,background-color .2s ease;white-space:nowrap}.scope-switcher-toggle:hover{transform:scale(1.03) translateY(-1px);box-shadow:var(--ds-shadow-md);background:var(--ds-color-surface)}.scope-icon{font-size:1.1rem}.scope-current-label{max-width:200px;overflow:hidden;text-overflow:ellipsis}.scope-chevron{font-size:.7rem;opacity:.6}.scope-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-xl);overflow:hidden;animation:scopeDropIn .2s ease;z-index:200}@keyframes scopeDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.scope-dropdown-header{padding:.6rem 1rem;font-family:var(--ds-font-body);font-size:var(--ds-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-color-text-secondary);background:#00000008;border-bottom:1px solid var(--ds-color-border)}.scope-dropdown-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;font-family:var(--ds-font-body);font-size:.9rem;color:var(--ds-color-text);cursor:pointer;text-align:left;transition:background .15s ease;border-bottom:1px solid rgba(82,53,34,.04)}.scope-dropdown-item:hover{background:#b85c3814}.scope-dropdown-item.active{background:var(--ds-burgundy-50);font-weight:700;color:var(--ds-color-primary)}.scope-dropdown-item:last-child{border-bottom:none}.floating-mobile-menu-btn{display:none;pointer-events:auto;width:56px;height:56px;border-radius:50%;background:var(--ds-color-primary, #7B2D3F);color:var(--ds-color-text-inverse, #FDF8F0);border:2px solid var(--ds-color-primary-hover, #662534);font-size:1.5rem;align-items:center;justify-content:center;box-shadow:var(--ds-shadow-md);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.floating-mobile-menu-btn:hover{transform:scale(1.08);box-shadow:var(--ds-shadow-lg)}@media(max-width:768px){.floating-group.top-left,.floating-group.bottom-left,.floating-group.bottom-right{display:none}.floating-group.top-right{top:.5rem;right:.5rem}.floating-mobile-menu-btn{display:flex;position:fixed;bottom:1.5rem;right:1.5rem;z-index:60}}.mobile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;min-height:48px;background:none;border:none;border-bottom:1px solid var(--ds-color-border);font-family:var(--ds-font-body);font-size:16px;font-weight:600;color:var(--ds-color-text);cursor:pointer;text-align:left;transition:background .15s ease}.mobile-menu-item:hover{background:#7b2d3f0a}.mobile-menu-item:last-child{border-bottom:none}.push-banner-wrapper{position:relative;z-index:40;width:80%;max-width:600px;margin:1.5rem auto 0}.push-banner{background-color:var(--color-paper-crinkle);border:1px solid rgba(82,53,34,.2);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-lifted);border-radius:2px;transform:rotate(-.5deg)}.push-text{flex:1;font-family:var(--font-body);color:var(--color-ink);font-size:1rem}.push-icon{font-size:1.2rem}.push-action-btn{background:transparent;border:2px solid var(--color-gold-aged);color:var(--color-rust);padding:.4rem .8rem;border-radius:4px;font-family:var(--font-accent);font-weight:700;cursor:pointer;transition:all .2s ease}.push-action-btn:hover{background-color:var(--color-gold-aged);color:#fff}.push-banner-tape-left,.push-banner-tape-right{position:absolute;top:-10px;width:40px;height:20px;background-color:#fff6;border:1px solid rgba(0,0,0,.05);z-index:41;pointer-events:none}.push-banner-tape-left{left:-15px;transform:rotate(-15deg)}.push-banner-tape-right{right:-15px;transform:rotate(10deg)}.drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#2c1e1680;z-index:100;opacity:0;pointer-events:none;transition:opacity .35s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer-backdrop.open{opacity:1;pointer-events:auto}.sol-drawer{position:fixed;top:0;left:0;width:50vw;min-width:380px;max-width:600px;height:100vh;background:var(--ds-color-surface-raised);box-shadow:none;z-index:101;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s ease}.sol-drawer.open{transform:translate(0);box-shadow:var(--ds-shadow-xl)}.sol-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1.25rem;border-bottom:2px solid rgba(82,53,34,.12)}.sol-drawer-header h3{font-family:var(--ds-font-display);font-size:1.875rem;font-weight:var(--ds-weight-semibold);color:var(--ds-color-text);margin:0;letter-spacing:-.02em;flex:1;padding-right:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sol-drawer-close{min-width:48px;min-height:48px;background:#8b6b4a14;border:1px solid var(--ds-color-border);font-size:1.1rem;color:var(--ds-color-text-secondary);cursor:pointer;padding:.5rem .7rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sol-drawer-close:hover{background:#8b6b4a26;color:var(--ds-color-primary);transform:scale(1.05)}.sol-drawer-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.sol-drawer-body::-webkit-scrollbar{width:8px}.sol-drawer-body::-webkit-scrollbar-track{background:transparent}.sol-drawer-body::-webkit-scrollbar-thumb{background:#52352240;border-radius:4px}.sol-drawer-body::-webkit-scrollbar-thumb:hover{background:#52352266}.sol-drawer-footer{padding:1rem 1.5rem;border-top:1px solid rgba(82,53,34,.12)}.tree-clear-btn,.tree-root-btn{background:#52352208;border:1px solid rgba(82,53,34,.15);width:100%;text-align:left;padding:.75rem 1rem;font-family:var(--ds-font-body);font-size:1rem;color:var(--ds-color-text-secondary);cursor:pointer;border-radius:8px;transition:all .15s ease;letter-spacing:.02em}.tree-clear-btn:hover,.tree-root-btn:hover{background:#52352214;border-color:#52352240}.tree-clear-btn.active,.tree-root-btn.active{font-weight:700;color:var(--ds-color-primary);background:var(--ds-burgundy-50);border-color:var(--ds-color-primary-light)}.tree-divider{height:1px;background:var(--ds-color-border);margin:.5rem 0 .75rem}.tree-status{font-family:var(--ds-font-body);color:var(--ds-color-text-secondary);font-size:1rem;text-align:center;margin-top:2rem;padding:0 1rem;line-height:1.6}.tree-create-btn{width:100%;background:var(--ds-color-primary);border:none;color:var(--ds-color-text-inverse);padding:14px 28px;font-family:var(--ds-font-body);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border-radius:4px;letter-spacing:0;min-height:48px}.tree-create-btn:hover{background:var(--ds-color-primary-hover)}.tree-container{display:flex;flex-direction:column;gap:4px}.tree-node-block{display:flex;flex-direction:column}.tree-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);transition:all .15s ease;min-height:50px;margin-bottom:3px;box-shadow:var(--ds-shadow-sm);user-select:none;-webkit-user-select:none;touch-action:none;cursor:grab}.tree-card.project-level{cursor:pointer}.tree-card:active{cursor:grabbing}.tree-card.project-level:active{cursor:pointer}.tree-card:hover{background:var(--ds-color-surface);border-color:var(--ds-color-border-strong);box-shadow:var(--ds-shadow-md)}.tree-card.dragging{opacity:.5;transform:scale(.98);box-shadow:none;background:#3232320d;border:1px dashed rgba(82,53,34,.4)}.tree-node-block>.tree-card{transition:background-color .2s,border-color .2s}.tree-node-block.drop-target>.tree-card{background:var(--ds-burgundy-50)!important;border:2px dashed var(--ds-color-primary)!important;box-shadow:inset 0 0 10px #7b2d3f1a!important}.sol-drawer-body.drop-target-root{background:#52352208;border:2px dashed rgba(82,53,34,.2)}.tree-drag-ghost{padding:10px 15px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border-strong);border-radius:6px;font-family:var(--ds-font-display),sans-serif;color:var(--ds-color-text);box-shadow:var(--ds-shadow-md);position:absolute;top:-1000px}.tree-analyzing-overlay{position:absolute;inset:0;background:#fcfaf5d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:12px;animation:fadeIn .2s}.analyzing-spinner{width:40px;height:40px;border:4px solid rgba(82,53,34,.2);border-top-color:var(--ds-color-primary);border-radius:50%;animation:tree-spin 1s linear infinite}.tree-analyzing-overlay p{font-family:var(--ds-font-display);font-size:1.5rem;color:var(--ds-color-text);margin:0}@keyframes tree-spin{to{transform:rotate(360deg)}}.tree-card.active{background:var(--ds-burgundy-50);border-color:var(--ds-color-border-strong);border-left:4px solid var(--ds-color-primary)}.tree-card.top-level{padding:14px 16px;min-height:54px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);box-shadow:var(--ds-shadow-sm)}.tree-card.top-level:hover{background:var(--ds-color-surface);box-shadow:var(--ds-shadow-md)}.tree-card.top-level .tree-label{font-family:var(--ds-font-display);font-size:1.45rem;color:var(--ds-color-text)}.tree-card.sub-level .tree-label{font-family:var(--ds-font-display);font-size:1.2rem;color:var(--ds-color-text)}.tree-card.project-level{padding:14px 16px;min-height:54px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);box-shadow:var(--ds-shadow-sm)}.tree-card.project-level:hover{background:var(--ds-color-surface);box-shadow:var(--ds-shadow-md)}.tree-card.project-level .tree-label{font-family:var(--ds-font-display);font-size:1.4rem;color:var(--ds-color-text)}.tree-toggle{background:#5235220f;border:1px solid rgba(82,53,34,.1);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border-radius:6px;transition:all .15s}.tree-toggle:hover{background:#5235221f;border-color:#52352233}.tree-caret{font-size:1.05rem;color:var(--ds-color-text-secondary);display:inline-block;transition:transform .2s ease;line-height:1;font-weight:700}.tree-caret.open{transform:rotate(90deg)}.tree-toggle-spacer{width:28px;flex-shrink:0}.tree-label{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;flex:1;pointer-events:none}.tree-spacer{flex:1;min-width:6px}.tree-menu-btn{background:#5235220f;border:1px solid rgba(82,53,34,.1);cursor:pointer;font-size:1.15rem;color:var(--ds-color-text-secondary);width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:7px;transition:all .15s;font-weight:700}.tree-menu-btn:hover{background:#52352224;border-color:#52352240;color:var(--ds-color-text)}.tree-entity-link{display:inline-flex;align-items:center;justify-content:center;background:var(--ds-color-primary);color:var(--ds-color-text-inverse);border:1px solid var(--ds-color-primary-hover);text-decoration:none;padding:6px 12px;border-radius:6px;font-family:var(--ds-font-body);font-size:.8rem;font-weight:700;transition:all .2s ease;box-shadow:var(--ds-shadow-sm);white-space:nowrap}.tree-entity-link:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--ds-shadow-md)}.tree-entity-link:active{transform:translateY(0);box-shadow:var(--ds-shadow-sm)}.tree-check{appearance:none;-webkit-appearance:none;width:26px;height:26px;border:2px solid rgba(82,53,34,.3);border-radius:50%;cursor:pointer;flex-shrink:0;position:relative;background:#ffffff80;transition:all .2s ease}.tree-check:hover{border-color:var(--ds-color-primary);background:#ffffffb3;transform:scale(1.08)}.tree-check:checked{background:var(--ds-color-primary);border-color:var(--ds-color-primary)}.tree-check:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;font-weight:700;color:#fff;font-family:var(--ds-font-body);line-height:1}.tree-dropdown{display:flex;flex-direction:column;background:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:10px;box-shadow:var(--ds-shadow-lg);margin-bottom:6px;overflow:hidden;animation:dropIn .15s ease;width:fit-content;min-width:160px}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tree-dropdown button{background:none;border:none;padding:11px 20px;font-family:var(--ds-font-body);font-size:.95rem;color:var(--ds-color-text);cursor:pointer;text-align:left;white-space:nowrap;transition:background .12s}.tree-dropdown button:hover{background:var(--ds-color-surface)}.tree-dropdown button.danger{color:var(--ds-color-error)}.tree-dropdown button.danger:hover{background:#b43c3214}.tree-children{margin-left:14px;padding-left:14px;border-left:2px solid rgba(82,53,34,.1)}.tree-create-row{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff4d;border-radius:10px;border:1px dashed rgba(82,53,34,.2);margin-bottom:4px}.tree-rename-wrap{display:flex;align-items:center;gap:8px;flex:1}.tree-styled-input{flex:1;padding:10px 14px;border:2px solid rgba(82,53,34,.18);border-radius:8px;font-family:var(--ds-font-display);font-size:1.15rem;color:var(--ds-color-text);background:#ffffffbf;outline:none;transition:border-color .2s,box-shadow .2s;min-width:0}.tree-styled-input:focus{border-color:var(--ds-color-primary);box-shadow:0 0 0 3px var(--ds-burgundy-100);background:#ffffffe6}.tree-styled-input::placeholder{color:#52352259;font-family:var(--ds-font-body);font-size:.95rem}.tree-action-ok{padding:8px 18px;background:var(--ds-color-primary);color:var(--ds-color-text-inverse);border:none;border-radius:8px;font-family:var(--ds-font-body);font-size:.9rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:all .15s;letter-spacing:.03em}.tree-action-ok:hover{background:var(--ds-color-primary-hover)}.tree-action-cancel{padding:8px 14px;background:none;border:1px solid var(--ds-color-border-strong);border-radius:8px;font-family:var(--ds-font-body);font-size:.9rem;color:var(--ds-color-text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s}.tree-action-cancel:hover{background:var(--ds-color-surface);border-color:var(--ds-color-border-strong)}.sol-confirm-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2c1e1680;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999999;display:flex;align-items:center;justify-content:center}.sol-confirm-modal{background:var(--ds-color-surface-raised);padding:28px 36px;border-radius:12px;border:1px solid var(--ds-color-border);box-shadow:var(--ds-shadow-xl);text-align:center;max-width:360px;width:90vw;animation:modalPop .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.sol-confirm-modal h4{font-family:var(--ds-font-display);font-size:1.7rem;color:var(--ds-color-error);margin:0 0 8px}.sol-confirm-modal p{font-family:var(--ds-font-body);font-size:1rem;color:var(--ds-color-text);margin:0 0 20px;line-height:1.5}.sol-confirm-actions{display:flex;gap:12px;justify-content:center}.sol-confirm-cancel{padding:10px 20px;background:transparent;border:1px solid var(--ds-color-border-strong);border-radius:8px;color:var(--ds-color-text-secondary);font-family:var(--ds-font-body);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .15s}.sol-confirm-cancel:hover{background:var(--ds-color-surface)}.sol-confirm-delete{padding:10px 20px;background:var(--ds-color-error);border:none;border-radius:8px;color:#fff;font-family:var(--ds-font-body);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .15s;box-shadow:var(--ds-shadow-sm)}.sol-confirm-delete:hover{filter:brightness(.9)}.drawer-tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:2px solid var(--ds-color-border)}.drawer-tab{flex:1;padding:.7rem 0;background:none;border:none;border-bottom:3px solid transparent;font-family:var(--ds-font-body);font-size:.95rem;font-weight:600;color:var(--ds-color-text-secondary);cursor:pointer;transition:all .2s ease;text-align:center;letter-spacing:.02em}.drawer-tab:hover{color:var(--ds-color-text);background:var(--ds-color-surface)}.drawer-tab.active{color:var(--ds-color-primary);border-bottom-color:var(--ds-color-primary);font-weight:700}.shared-owner-badge{font-family:var(--ds-font-body);font-size:.7rem;font-weight:600;color:var(--ds-color-text-secondary);background:#52352214;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;pointer-events:none}.tree-section-label{font-family:var(--ds-font-body);font-size:.75rem;font-weight:700;color:var(--ds-color-text-secondary);letter-spacing:.06em}.tree-card.shared-item{cursor:pointer;border-left:3px solid var(--ds-color-error)}.tree-card.shared-item:hover{border-left-color:var(--ds-color-primary)}.scope-banner{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem 1.5rem;background:var(--ds-color-primary);border-bottom:2px solid var(--ds-color-border-strong);font-family:var(--ds-font-body);font-size:.85rem;color:var(--ds-color-text-inverse);z-index:999;animation:bannerSlideIn .3s ease;box-shadow:var(--ds-shadow-sm)}@keyframes bannerSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.scope-banner-label{display:flex;align-items:center;gap:.5rem;font-weight:600}.scope-banner-label .scope-emoji{font-size:1.1rem}.scope-banner-back{background:#ffffff26;color:var(--ds-color-text-inverse);border:1px solid rgba(255,255,255,.4);padding:.3rem 1rem;border-radius:16px;font-family:var(--ds-font-body);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease;letter-spacing:.02em;white-space:nowrap}.scope-banner-back:hover{background:#fff3;transform:scale(1.03)}.dashboard-root:has(.scope-banner) .floating-group.top-left{top:calc(2rem + 42px)}.dashboard-root:has(.scope-banner) .floating-group.top-right{top:calc(2rem + 42px)}.dashboard-root:has(.scope-banner) main{padding-top:42px}.dashboard-root:has(.scope-banner) .sol-drawer{top:42px;height:calc(100vh - 42px)}.dashboard-root:has(.scope-banner) .drawer-backdrop{top:42px}@media(max-width:768px){.sol-drawer{inset:auto 0 0;width:100vw;max-width:100vw;min-width:100vw;height:85vh;max-height:85vh;border-radius:20px 20px 0 0;transform:translateY(100%)}.sol-drawer.open{transform:translateY(0)}.dashboard-root:has(.scope-banner) .sol-drawer{top:auto;height:85vh}.sol-drawer-header,.sol-drawer-body,.sol-drawer-footer{padding:1rem 1.5rem}.sol-confirm-overlay{align-items:flex-end;padding:0}.sol-confirm-modal{border-radius:16px 16px 0 0;max-width:100%;width:100%;padding:20px 20px 40px;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}}.conflict-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#1a1a1a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease-out}.conflict-modal{background:var(--color-paper, #fcfaf5);border-radius:4px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-deep);border:1px solid var(--color-leather-light);overflow:hidden}.conflict-header{padding:2rem 2rem 1.5rem;border-bottom:1px dashed rgba(82,53,34,.2);background:linear-gradient(to bottom,var(--color-paper-light),var(--color-paper))}.conflict-header h2{font-family:var(--font-headline);font-size:2.2rem;color:var(--color-leather);margin:0 0 .5rem;line-height:1.1}.conflict-header p{font-family:var(--font-body);font-size:.95rem;color:var(--color-parchment-dark);margin:0}.conflict-list{padding:1.5rem 2rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.25rem;background-color:var(--color-paper)}.conflict-item{background:var(--color-paper-crinkle);border:1px solid rgba(82,53,34,.15);border-radius:4px;padding:1.25rem;position:relative;box-shadow:0 2px 5px #00000008}.conflict-path{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.path-label{font-family:var(--font-accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-parchment-dark);opacity:.8}.path-value{font-family:var(--font-body);font-weight:600;font-size:.95rem;color:var(--color-leather);word-break:break-all}.conflict-input-group{display:flex;flex-direction:column;gap:.25rem}.conflict-input{font-family:var(--font-headline);font-size:1.35rem;color:var(--color-leather);background:transparent;border:none;border-bottom:2px solid var(--color-leather-light);padding:.25rem .5rem;width:100%;transition:all .2s ease}.conflict-input:focus{outline:none;border-bottom-color:var(--color-leather);background:#ffffff80}.conflict-input.error{border-bottom-color:#d32f2f}.error-text{font-family:var(--font-body);font-size:.8rem;color:#d32f2f;margin-top:.25rem}.conflict-footer{padding:1.5rem 2rem;border-top:1px dashed rgba(82,53,34,.1);background-color:var(--color-paper-light);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.footer-right-actions{display:flex;gap:.75rem;align-items:center}.btn-save-later{color:var(--color-parchment-dark);font-size:.85rem;opacity:.8}.btn-save-later:hover{opacity:1;color:var(--color-leather)}@media(max-width:600px){.conflict-footer{flex-direction:column;align-items:stretch}.footer-right-actions{flex-direction:column;width:100%}.footer-right-actions button,.btn-cancel{width:100%;justify-content:center}}.sol-btn-primary{padding:10px 20px;background:var(--color-leather);color:var(--color-paper-crinkle);border:none;border-radius:8px;font-family:var(--font-accent);font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.03em}.sol-btn-primary:hover:not(:disabled){background:var(--color-ink)}.sol-btn-primary:disabled{background:#52352233;color:#ffffff80;cursor:not-allowed}.sol-btn-secondary{padding:10px 20px;background:#52352214;color:var(--color-leather);border:1px solid rgba(82,53,34,.2);border-radius:8px;font-family:var(--font-accent);font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.03em}.sol-btn-secondary:hover{background:#52352226;border-color:#5235224d}.sol-btn-text{padding:10px 15px;background:none;color:var(--color-parchment-dark);border:none;font-family:var(--font-accent);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#52352233}.sol-btn-text:hover{color:var(--color-leather);text-decoration-color:var(--color-leather)}.scrapbook-frame{width:240px;aspect-ratio:1;padding:12px;background:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);box-shadow:var(--ds-shadow-md);position:relative;cursor:pointer;z-index:10;margin:10px;transition:var(--ds-transition-photo);transform:none}.scrapbook-frame:hover{box-shadow:var(--ds-shadow-lg);z-index:20;transform:scale(1.03)!important}.scrapbook-frame.on-loan{border-color:var(--ds-color-warning)}.loan-badge{position:absolute;top:-8px;right:-8px;background-color:var(--ds-color-warning);color:#fff;font-family:var(--ds-font-body);font-size:.7rem;padding:2px 6px;transform:none;box-shadow:var(--ds-shadow-sm);border-radius:var(--ds-radius-sm)}.photo-trash-btn{position:absolute;bottom:8px;right:8px;background:#ffffffd9;border:1px solid rgba(0,0,0,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:25;opacity:1;transition:transform .2s ease,background-color .2s;font-size:1rem;box-shadow:0 2px 4px #0000001a}.photo-trash-btn:hover{background-color:#ffeaea;border-color:#fcc;transform:scale(1.1)}.frame-inner{width:100%;aspect-ratio:1;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.frame-inner img{max-width:100%;max-height:100%;object-fit:contain;display:block;transform:none;box-shadow:var(--ds-shadow-sm)}.photo-select-checkbox{position:absolute;top:8px;left:8px;width:24px;height:24px;background:#ffffffb3;border:2px solid rgba(82,53,34,.5);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:1;transition:all .2s ease}.photo-select-checkbox:hover{background:#fffffff2;border-color:var(--ds-color-primary)}.photo-select-checkbox.selected{background:var(--ds-color-primary);border-color:var(--ds-color-primary)}.photo-select-checkbox .checkmark{color:#fff;font-size:14px;line-height:1}.scrapbook-grid-container{width:100%;max-width:1400px;margin:0 auto;padding-bottom:5rem}.scrapbook-grid-items{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding:2rem 0}.grid-item-wrapper{position:relative;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.grid-item-wrapper.selection-mode{cursor:pointer}.grid-item-wrapper.selection-mode .scrapbook-frame{transform:rotate(0)!important;pointer-events:none}.grid-item-wrapper.selection-mode:not(.selected){opacity:.7}.selection-indicator{position:absolute;top:1.5rem;left:1.5rem;width:30px;height:30px;border-radius:50%;border:3px solid var(--ds-color-border-strong);background:#fff;z-index:30;display:flex;align-items:center;justify-content:center;color:var(--ds-color-text);font-weight:700;font-size:1.2rem;font-family:var(--ds-font-body)}.grid-item-wrapper.selected .selection-indicator{background-color:var(--ds-color-primary);color:#fff;border-color:#fff}.scrapbook-loading{font-family:var(--ds-font-body);color:var(--ds-color-text-secondary);font-size:1.2rem;text-align:center;padding:4rem}.scrapbook-empty{text-align:center;padding:5rem;color:var(--ds-color-text-secondary)}.scrapbook-empty .empty-icon{font-size:4rem;opacity:.5;display:block;margin-bottom:1rem}.scrapbook-empty p{font-family:var(--ds-font-display);font-size:2.5rem;margin:0 0 1rem}.empty-action-btn{background:transparent;border:2px dashed var(--ds-color-border-strong);color:var(--ds-color-text-secondary);padding:.75rem 1.5rem;font-family:var(--ds-font-body);font-size:1rem;cursor:pointer;border-radius:var(--ds-radius-sm);transition:all .2s ease}.empty-action-btn:hover{background:var(--ds-color-surface);border-style:solid}.load-more-btn{display:block;margin:2rem auto;background-color:var(--ds-color-surface-raised);border:1.5px solid var(--ds-color-border-strong);color:var(--ds-color-text);padding:.75rem 2rem;font-family:var(--ds-font-body);font-size:1.1rem;border-radius:24px;cursor:pointer;box-shadow:var(--ds-shadow-sm);transition:all .2s ease}.load-more-btn:hover{background-color:var(--ds-color-primary);color:var(--ds-color-text-inverse);border-color:var(--ds-color-primary);box-shadow:var(--ds-shadow-md)}.load-more-btn:disabled{opacity:.6;cursor:wait}.sort-filter-panel{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;background:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-xl);padding:12px 10px;box-shadow:var(--ds-shadow-lg);min-width:52px;align-items:center;transition:opacity .3s ease,pointer-events .3s ease}.dashboard-root:has(.sol-drawer.open) .sort-filter-panel{opacity:.3;pointer-events:none}.sfp-label{font-family:var(--ds-font-body);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ds-color-text-secondary);text-align:center;margin:2px 0;-webkit-user-select:none;user-select:none}.sfp-divider{width:80%;height:1px;background:var(--ds-color-border);margin:4px 0}.sfp-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);color:var(--ds-color-text-secondary);font-size:1.1rem;cursor:pointer;transition:all .15s ease;position:relative}.sfp-btn:hover{background:var(--ds-color-surface-raised);border-color:var(--ds-color-primary);color:var(--ds-color-text);transform:scale(1.05)}.sfp-btn.active{background:var(--ds-color-primary);border-color:var(--ds-color-primary);color:var(--ds-color-text-inverse);box-shadow:var(--ds-shadow-sm)}.sfp-btn:after{content:attr(data-tooltip);position:absolute;right:110%;top:50%;transform:translateY(-50%);background:var(--ds-bg-ink, #1E1812);color:var(--ds-color-text-inverse);font-family:var(--ds-font-body);font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:var(--ds-radius-md);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:var(--ds-shadow-md)}.sfp-btn:hover:after{opacity:1}.sfp-btn.unassigned-active{background:#b03a2e1f;border-color:var(--ds-color-error);color:var(--ds-color-error);box-shadow:0 0 10px #b03a2e33;animation:pulse-unassigned 2.5s infinite}@keyframes pulse-unassigned{0%{box-shadow:0 0 6px #b03a2e26}50%{box-shadow:0 0 14px #b03a2e4d}to{box-shadow:0 0 6px #b03a2e26}}@media(max-width:600px){.sort-filter-panel{right:6px;padding:8px 6px}.sfp-btn{width:44px;height:44px;font-size:.95rem}}.upload-dropzone-area{padding:32px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;transition:background .2s}.upload-dropzone-area:before{content:"";position:absolute;inset:16px;border:2px dashed var(--ds-color-border-strong);border-radius:var(--ds-radius-lg);pointer-events:none;transition:border-color .2s,border-style .2s}.upload-dropzone-area.drag-over{background:#7b2d3f08}.upload-dropzone-area.drag-over:before{border-color:var(--ds-color-primary);border-style:solid}.upload-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.upload-context-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#7b2d3f0f;border:1px solid rgba(123,45,63,.12);font-family:var(--ds-font-body);font-size:13px;font-weight:600;color:var(--ds-color-primary)}.upload-drop-icon{width:64px;height:64px;border-radius:50%;background:#7b2d3f0f;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:16px}.upload-drop-title{font-family:var(--ds-font-display);font-size:1.6rem;font-weight:600;color:var(--ds-color-text);margin:0 0 6px}.upload-drop-subtitle{font-family:var(--ds-font-body);font-size:14px;color:var(--ds-color-text-secondary);margin:0 0 24px}.upload-action-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:380px}.upload-action-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:var(--ds-radius-lg);border:1.5px solid var(--ds-color-border);background:var(--ds-color-surface);cursor:pointer;transition:all .15s ease;text-align:center}.upload-action-card:hover{border-color:var(--ds-color-primary);background:#7b2d3f08;box-shadow:0 2px 8px #1e181214;transform:translateY(-1px)}.upload-action-card .action-icon{width:48px;height:48px;border-radius:var(--ds-radius-lg);background:#7b2d3f0f;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.upload-action-card .action-label{font-family:var(--ds-font-body);font-size:15px;font-weight:600;color:var(--ds-color-text)}.upload-action-card .action-desc{font-size:12px;color:var(--ds-color-text-secondary);line-height:1.3}.hidden-file-input{display:none}.upload-ready-section{width:100%;padding:0 24px 24px;animation:slideUpSmall .25s ease forwards}@keyframes slideUpSmall{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.upload-file-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);margin-bottom:12px}.upload-file-count{font-family:var(--ds-font-body);font-size:15px;font-weight:600;color:var(--ds-color-text)}.upload-folder-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#7b2d3f0f;font-size:12px;font-weight:600;color:var(--ds-color-primary)}.upload-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:8px 0 16px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.upload-thumbnails img{width:52px;height:52px;object-fit:cover;border-radius:var(--ds-radius-md);border:2px solid var(--ds-color-surface-raised);box-shadow:0 1px 4px #1e18121a;flex-shrink:0}.upload-thumbnails .thumb-overflow{width:52px;height:52px;border-radius:var(--ds-radius-md);background:#2c242014;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--ds-color-text-secondary);flex-shrink:0}@media(max-width:768px){.upload-action-cards{grid-template-columns:1fr}.upload-dropzone-area{padding:24px;min-height:200px}.upload-dropzone-area:before{inset:12px}}.dest-cards{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.dest-sub-picker{padding:12px 0;animation:destSlideIn .2s ease forwards}@keyframes destSlideIn{0%{opacity:0;transform:translateY(-4px);max-height:0}to{opacity:1;transform:translateY(0);max-height:400px}}.dest-sub-loading{font-size:14px;color:var(--ds-color-text-secondary);font-style:italic;padding:8px 0;margin:0;font-family:var(--ds-font-body)}.dest-sub-list{max-height:220px;overflow-y:auto;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);padding:6px}.dest-tree-level{display:flex;flex-direction:column;gap:2px}.dest-tree-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--ds-radius-md);border:1.5px solid transparent;background:transparent;cursor:pointer;transition:all .12s ease;width:100%;text-align:left;font-family:var(--ds-font-body);font-size:14px;color:var(--ds-color-text)}.dest-tree-item:hover{background:#2c242008;border-color:var(--ds-color-border)}.dest-tree-item.active{background:#7b2d3f0a;border-color:var(--ds-color-primary)}.dest-tree-toggle{background:#2c24200a;border:1px solid var(--ds-color-border);cursor:pointer;font-size:1rem;color:var(--ds-color-text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border-radius:6px;transition:all .15s;margin-right:4px}.dest-tree-toggle:hover{background:#2c242014;color:var(--ds-color-text);border-color:var(--ds-color-border-strong)}.dest-tree-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dest-tree-check{width:20px;height:20px;border-radius:50%;background:var(--ds-color-primary);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:768px){.dest-sub-list{max-height:180px}.dest-tree-item{min-height:48px;padding:12px 14px}}.media-action-loading{font-size:14px;color:var(--ds-color-text-secondary);font-style:italic;padding:0 0 12px;margin:0;font-family:var(--ds-font-body)}.media-memberships-zone{margin-bottom:16px}.media-zone-label{font-family:var(--ds-font-body);font-size:12px;font-weight:600;color:var(--ds-color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.media-pills-wrap{display:flex;flex-wrap:wrap;gap:6px}.media-action-remove-tag{width:100%;padding:12px 16px;border-radius:var(--ds-radius-lg);border:1.5px solid var(--ds-color-border-strong);background:var(--ds-color-surface);color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease;margin-bottom:16px;text-align:center}.media-action-remove-tag:hover{background:#2c24200a;border-color:var(--ds-color-text-secondary)}.upload-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--ds-bg-ink, #1E1812);color:var(--ds-color-text-inverse);padding:.8rem 1.5rem;border-radius:999px;font-family:var(--ds-font-body);font-size:.9rem;z-index:200000;box-shadow:0 8px 32px #1e181240;animation:toastIn .3s ease,toastOut .3s ease 3.7s forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.bulk-action-bar{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);background-color:var(--ds-bg-ink);color:var(--ds-color-text-inverse);padding:1rem 2rem;border-radius:40px;display:flex;align-items:center;gap:2rem;box-shadow:var(--ds-shadow-xl);z-index:60;transition:bottom .4s cubic-bezier(.175,.885,.32,1.275);font-family:var(--ds-font-body)}.bulk-action-bar.visible{bottom:2rem}.bulk-count{display:flex;align-items:center;gap:.5rem;font-family:var(--ds-font-body);font-size:1.1rem;white-space:nowrap}.bulk-count strong{font-family:var(--ds-font-display);font-size:1.5rem;color:var(--ds-color-accent);line-height:1}.clear-selection-btn{background:#ffffff1a;border:none;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:.5rem;transition:background .2s}.clear-selection-btn:hover{background:var(--ds-color-error)}.bulk-actions{display:flex;align-items:center;gap:.5rem}.bulk-divider{width:1px;height:24px;background-color:#fff3;margin:0 .5rem}.bulk-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-family:var(--ds-font-body);cursor:pointer;transition:all .2s ease}.bulk-btn:hover{background:#ffffff1a;border-color:#fff}.bulk-btn.danger:hover{background:var(--ds-color-error);border-color:var(--ds-color-error)}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:2px solid rgba(123,45,63,.1)}.picker-header h2{font-family:var(--ds-font-display);font-size:1.5rem;font-weight:600;color:var(--ds-color-text);margin:0}.picker-close-btn{width:36px;height:36px;border-radius:50%;border:none;background:#2c24200f;color:var(--ds-color-text-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.picker-close-btn:hover{background:#2c24201f;color:var(--ds-color-text)}.picker-search{padding:12px 20px;position:relative}.picker-search-icon{position:absolute;left:34px;top:50%;transform:translateY(-50%);font-size:15px;opacity:.4;pointer-events:none}.picker-search input{width:100%;padding:11px 16px 11px 40px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);font-family:var(--ds-font-body);font-size:15px;color:var(--ds-color-text);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.picker-search input:focus{border-color:var(--ds-color-accent);box-shadow:0 0 0 3px #c4923a1f}.picker-search input::placeholder{color:var(--ds-color-text-secondary)}.picker-body{flex:1;overflow-y:auto;padding:8px 12px;min-height:140px;max-height:350px}.picker-loading,.picker-empty{text-align:center;color:var(--ds-color-text-secondary);font-size:14px;padding:2rem 1rem;font-family:var(--ds-font-body)}.picker-empty-icon{font-size:2.5rem;display:block;margin-bottom:8px;opacity:.4}.picker-list{display:flex;flex-direction:column;gap:4px}.picker-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--ds-radius-lg);border:1.5px solid transparent;cursor:pointer;transition:all .12s ease;background:transparent;width:100%;text-align:left;font-family:var(--ds-font-body)}.picker-item:hover{background:#2c242008;border-color:var(--ds-color-border)}.picker-item.selected{background:#7b2d3f0a;border-color:var(--ds-color-primary)}.picker-item-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;font-weight:700;font-family:var(--ds-font-body);text-transform:uppercase}.picker-item-icon.icon-person{background:#7b2d3f14;color:var(--ds-color-primary)}.picker-item-icon.icon-story{background:#3a4f7214;color:var(--ds-color-secondary)}.picker-item-icon.icon-group{background:#c4923a1a;color:#8b6d2c}.picker-item-icon.icon-project{background:#5f7d5f1a;color:var(--ds-color-success)}.picker-item-text{flex:1;min-width:0}.picker-item-name{display:block;font-size:15px;font-weight:600;color:var(--ds-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-item-meta{display:block;font-size:12px;color:var(--ds-color-text-secondary);margin-top:1px}.picker-item-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--ds-color-border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;color:transparent;transition:all .15s ease}.picker-item.selected .picker-item-check{background:var(--ds-color-primary);border-color:var(--ds-color-primary);color:#fff}.picker-tree-item{display:flex;flex-direction:column}.picker-tree-toggle{background:#2c24200a;border:1px solid var(--ds-color-border);cursor:pointer;font-size:1rem;color:var(--ds-color-text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border-radius:6px;transition:all .15s;margin-right:4px}.picker-tree-toggle:hover{background:#2c242014;color:var(--ds-color-text);border-color:var(--ds-color-border-strong)}.picker-tree-children{padding-left:20px;border-left:1.5px solid var(--ds-color-border);margin-left:19px}.picker-add-child{width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--ds-color-text-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:all .15s}.picker-item:hover .picker-add-child{opacity:1}.picker-add-child:hover{background:#2c242014;color:var(--ds-color-text)}.picker-create-form{padding:12px 20px;border-top:1px solid var(--ds-color-border);animation:slideUpSmall .2s ease forwards}@keyframes slideUpSmall{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.picker-create-label{margin:0 0 8px;font-size:13px;color:var(--ds-color-text-secondary);font-weight:600;font-family:var(--ds-font-body)}.picker-create-row{display:flex;gap:8px;align-items:center}.picker-create-input{flex:1;padding:10px 14px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-lg);font-family:var(--ds-font-body);font-size:15px;color:var(--ds-color-text);background:var(--ds-color-surface);outline:none;transition:border-color .2s;box-sizing:border-box}.picker-create-input:focus{border-color:var(--ds-color-accent);box-shadow:0 0 0 3px #c4923a1f}.picker-create-confirm{padding:10px 16px;background:var(--ds-color-primary);color:var(--ds-color-text-inverse);border:none;border-radius:var(--ds-radius-md);font-weight:600;cursor:pointer;font-size:14px;transition:background .15s;white-space:nowrap}.picker-create-confirm:hover{background:var(--ds-color-primary-hover)}.picker-create-cancel{width:32px;height:32px;border-radius:50%;background:#2c24200f;border:none;cursor:pointer;font-size:.85rem;color:var(--ds-color-text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.picker-create-cancel:hover{background:#2c24201f}.picker-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--ds-color-border);gap:12px}.picker-new-btn{background:none;border:1.5px dashed var(--ds-color-border-strong);color:var(--ds-color-text-secondary);padding:8px 14px;border-radius:var(--ds-radius-md);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--ds-font-body);transition:all .15s;min-height:40px}.picker-new-btn:hover{background:#2c242008;border-color:var(--ds-color-text-secondary);color:var(--ds-color-text)}.picker-footer-actions{display:flex;gap:8px;margin-left:auto}@media(max-width:768px){.picker-body{max-height:50vh}.picker-item{padding:12px 14px;min-height:48px}}.task-board-loading{padding:var(--ds-space-6, 24px);text-align:center;color:var(--ds-color-text-secondary);font-style:italic}.task-board-empty{text-align:center;padding:var(--ds-space-8, 32px) var(--ds-space-4, 16px)}.task-board-empty-icon{font-size:3rem;display:block;margin-bottom:var(--ds-space-4, 16px)}.task-board-empty-sub{color:var(--ds-color-text-secondary);margin-top:var(--ds-space-2, 8px);font-size:var(--ds-text-sm)}.task-board-groups{display:flex;flex-direction:column;gap:var(--ds-space-6, 24px);padding:var(--ds-space-4, 16px) 0}.task-board-group-title{font-family:var(--ds-font-display);font-size:var(--ds-text-xl, 1.25rem);color:var(--ds-color-text);border-bottom:2px solid var(--ds-color-border);padding-bottom:var(--ds-space-2, 8px);margin-bottom:var(--ds-space-4, 16px)}.task-board-items{display:flex;flex-direction:column;gap:var(--ds-space-4, 16px)}.task-board-card{display:flex;gap:var(--ds-space-4, 16px);background-color:var(--ds-color-surface);padding:var(--ds-space-3, 12px);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm);cursor:pointer;text-align:left;transition:transform .15s ease,box-shadow .15s ease;width:100%;height:96px;min-height:96px;max-height:96px;box-sizing:border-box;overflow:hidden}.task-board-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md)}.task-board-card-thumb{width:80px;height:80px;flex-shrink:0;border-radius:var(--ds-radius-sm);overflow:hidden;background-color:var(--ds-color-canvas)}.task-board-card-thumb img{width:100%;height:100%;object-fit:cover}.task-board-card-meta{display:flex;flex-direction:column;justify-content:flex-start;gap:2px;width:130px;height:100%;flex-shrink:0;border-right:1px solid var(--ds-color-border-strong);padding-right:var(--ds-space-3, 12px);position:relative;padding-bottom:20px;box-sizing:border-box}.task-board-meta-row{display:flex;flex-direction:column;gap:0px}.meta-label{font-family:var(--ds-font-body);font-size:var(--ds-text-xs, .75rem);color:var(--ds-color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--ds-weight-semibold);line-height:1.1}.meta-value{font-family:var(--ds-font-body);font-size:var(--ds-text-sm, .875rem);color:var(--ds-color-text);font-weight:var(--ds-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.task-board-card-body{display:flex;flex-direction:column;flex:1;min-width:0;height:100%}.task-board-card-content{font-family:var(--ds-font-display);font-size:var(--ds-text-base, 1rem);color:var(--ds-color-text);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.task-board-card-action{font-family:var(--ds-font-body);font-size:var(--ds-text-xs, .75rem);font-weight:var(--ds-weight-semibold);color:var(--ds-color-primary);position:absolute;bottom:0;left:0}.dashboard-root{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;background:var(--ds-bg-parchment)}.dashboard-gallery-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:.5rem 2rem 2rem;overflow-y:auto;background:var(--ds-bg-parchment)}.dashboard-gallery-area::-webkit-scrollbar{width:12px}.dashboard-gallery-area::-webkit-scrollbar-track{background:transparent}.dashboard-gallery-area::-webkit-scrollbar-thumb{background-color:var(--ds-color-border-strong);border-radius:var(--ds-radius-xl);border:3px solid var(--ds-bg-parchment)}.gallery-header{position:sticky;top:0;z-index:50;display:flex;justify-content:center;padding:1rem 0 .5rem;width:100%;pointer-events:none}.gallery-title-note{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;pointer-events:auto;background:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm)}.gallery-title{font-family:var(--ds-font-display);font-size:var(--ds-text-3xl);color:var(--ds-color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}.grid-placeholder{font-family:var(--ds-font-body);color:var(--ds-color-text-secondary);border:2px dashed var(--ds-color-border-strong);padding:4rem;border-radius:12px;text-align:center;width:100%;max-width:800px}.delete-confirm-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2c1e1666;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999999;display:flex;align-items:center;justify-content:center}.delete-confirm-modal{background:var(--ds-color-surface-raised);padding:24px 32px;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);box-shadow:var(--ds-shadow-xl);text-align:center;max-width:320px;font-family:var(--ds-font-body);color:var(--ds-color-text);animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delete-confirm-actions{display:flex;gap:12px;justify-content:center}.delete-cancel-btn{padding:8px 16px;background:transparent;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);color:var(--ds-color-text-secondary);font-weight:var(--ds-weight-semibold);cursor:pointer;transition:background var(--ds-transition-fast)}.delete-cancel-btn:hover{background:var(--ds-color-surface)}.delete-confirm-btn{padding:8px 16px;background:var(--ds-color-error);border:none;border-radius:var(--ds-radius-md);color:#fff;font-weight:var(--ds-weight-semibold);cursor:pointer;transition:background var(--ds-transition-fast);box-shadow:var(--ds-shadow-sm)}.delete-confirm-btn:hover{filter:brightness(.9)}.dp-wrapper{position:relative}.dp-trigger{cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:48px}.dp-placeholder{color:var(--ds-color-text-muted);font-style:italic}.dp-clear{width:28px;height:28px;border:none;background:#b03a2e14;color:var(--ds-color-error);border-radius:50%;cursor:pointer;font-size:.6rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.dp-clear:hover{background:#b03a2e26}.dp-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:100;background:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-xl);padding:12px;box-shadow:var(--ds-shadow-lg)}.dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dp-month-label{font-family:var(--ds-font-display);font-size:1.05rem;color:var(--ds-color-text)}.dp-nav-btn{width:36px;height:36px;border:1px solid var(--ds-color-border);background:var(--ds-color-surface);color:var(--ds-color-text-secondary);border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.dp-nav-btn:hover{background:var(--ds-color-surface-raised);border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.dp-day-names{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.dp-day-name{text-align:center;font-family:var(--ds-font-body);font-size:.65rem;color:var(--ds-color-text-muted);padding:4px 0;letter-spacing:.5px;text-transform:uppercase;font-weight:600}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-cell{text-align:center;padding:6px 0;font-family:var(--ds-font-body);font-size:.8rem;color:var(--ds-color-text);border-radius:6px;cursor:pointer;transition:all .12s ease}.dp-cell:hover:not(.dp-empty){background:var(--ds-burgundy-50);color:var(--ds-color-primary)}.dp-cell.dp-empty{cursor:default}.dp-cell.dp-selected{background:var(--ds-burgundy-100);color:var(--ds-color-primary);font-weight:700}.dp-cell.dp-today:not(.dp-selected){border:1px solid var(--ds-color-border-strong)}.audio-recorder-container{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:8px}.audio-recorder-error{color:var(--ds-color-error);font-size:.8rem}.audio-record-btn{background:transparent;color:var(--ds-color-text);border:1px solid var(--ds-color-border-strong);border-radius:16px;padding:8px 14px;min-height:40px;font-size:.85rem;font-family:var(--ds-font-body);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.audio-record-btn:hover{background:var(--ds-burgundy-50);border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.record-icon{font-size:1rem;color:var(--ds-color-error)}.audio-recorder-active{display:flex;align-items:center;gap:8px;background:#b03a2e14;border:1px solid rgba(176,58,46,.25);border-radius:16px;padding:4px 12px}.recording-indicator{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--ds-color-error);font-variant-numeric:tabular-nums}.pulse-dot{width:8px;height:8px;background-color:var(--ds-color-error);border-radius:50%;animation:pulse 1s infinite alternate}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.8)}}.audio-stop-btn{background:var(--ds-color-error);color:#fff;border:none;border-radius:12px;padding:4px 10px;min-height:32px;font-size:.75rem;cursor:pointer;transition:all .2s}.audio-stop-btn:hover{filter:brightness(.9)}.audio-recorder-recorded{display:flex;align-items:center;gap:8px;width:100%}.audio-native-player{height:32px;flex-grow:1;max-width:250px}.audio-clear-btn{background:transparent;color:var(--ds-color-text-secondary);border:none;cursor:pointer;font-size:.85rem;padding:4px}.audio-clear-btn:hover{color:var(--ds-color-error)}.media-picker-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center}.media-picker-modal{width:90%;max-width:700px;max-height:80vh;background:#2c1e16f2;border:1px solid rgba(208,180,150,.2);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.media-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(208,180,150,.15)}.media-picker-header h3{margin:0;font-family:var(--font-headline);font-size:1.4rem;color:var(--color-gold-aged)}.media-picker-close{width:32px;height:32px;border:none;background:#d0b4961a;color:var(--color-paper-crinkle);border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.media-picker-close:hover{background:#9a432a4d;color:#ffc4b4}.media-picker-search{padding:12px 20px;border-bottom:1px solid rgba(208,180,150,.1)}.media-picker-search input{width:100%;padding:10px 14px;border:1px solid rgba(208,180,150,.2);background:#2c1e1680;color:var(--color-paper-crinkle);font-family:var(--font-body);font-size:.9rem;border-radius:8px;box-sizing:border-box}.media-picker-search input:focus{outline:none;border-color:var(--color-gold-aged)}.media-picker-grid{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.media-picker-item{cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all .15s ease;background:#52352233}.media-picker-item:hover{border-color:var(--color-gold-aged);transform:scale(1.03)}.media-picker-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.media-picker-item-name{padding:4px 6px;font-family:var(--font-accent);font-size:.65rem;color:#d0b49699;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.media-picker-loading,.media-picker-empty{grid-column:1 / -1;text-align:center;padding:40px;font-family:var(--font-accent);font-size:.9rem;color:#d0b49666}.workroom-root{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--ds-bg-ink);position:relative}.workroom-loading,.workroom-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background:var(--ds-bg-ink);color:var(--ds-color-text-inverse);font-family:var(--ds-font-display);font-size:1.8rem;gap:16px}.workroom-error button{font-family:var(--ds-font-body);font-size:.9rem;padding:14px 28px;min-height:48px;border:1px solid var(--ds-color-border-strong);background:transparent;color:var(--ds-color-text-inverse);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast)}.workroom-error button:hover{background:var(--ds-color-primary);color:var(--ds-color-text-inverse)}.workroom-stage{flex:1 1 75%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:24px;min-width:0;overflow:hidden}.workroom-back-btn{position:absolute;top:20px;left:20px;z-index:10;display:flex;align-items:center;gap:8px;padding:8px 16px;min-height:48px;border:1px solid rgba(253,248,240,.2);background:#1e181299;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ds-color-text-inverse);font-family:var(--ds-font-body);font-size:.85rem;font-weight:var(--ds-weight-semibold);border-radius:var(--ds-radius-lg);cursor:pointer;transition:all var(--ds-transition-fast)}.workroom-back-btn:hover{background:#1e1812cc;border-color:var(--ds-color-accent);color:var(--ds-color-accent)}.workroom-counter{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:10;padding:6px 16px;border:1px solid rgba(253,248,240,.15);background:#1e181280;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ds-color-text-inverse);font-family:var(--ds-font-body);font-size:.8rem;border-radius:var(--ds-radius-pill);letter-spacing:1px;opacity:.8}.workroom-image-container{position:relative;max-width:90%;max-height:80vh;perspective:1200px}.workroom-image-flipper{position:relative;transition:transform .7s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.workroom-image-flipper.flipped{transform:rotateY(180deg)}.workroom-image-front,.workroom-image-back{backface-visibility:hidden;-webkit-backface-visibility:hidden}.workroom-image-back{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotateY(180deg)}.workroom-image-front img,.workroom-image-back img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 32px #00000080,0 0 0 1px #fdf8f01a}.workroom-no-back{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:75vh;min-width:300px;min-height:200px;background:#1e181266;border:2px dashed rgba(253,248,240,.2);border-radius:var(--ds-radius-md);color:#fdf8f066;font-family:var(--ds-font-display);font-size:1.2rem}.workroom-bounding-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:5;touch-action:none}.workroom-image-front:hover .workroom-bounding-layer,.workroom-bounding-layer.drawing-active,.workroom-bounding-layer.force-show{opacity:1}.workroom-bounding-box{position:absolute;border:2px solid rgba(255,255,255,.8);background:#ffffff1a;box-shadow:0 0 8px #00000080,inset 0 0 8px #0003;border-radius:4px;pointer-events:auto;transition:border-color .2s,background-color .2s,box-shadow .2s}.workroom-bounding-box.highlighted{border-color:var(--ds-color-accent);background:#c4923a33;box-shadow:0 0 12px var(--ds-color-accent),inset 0 0 12px #c4923a80;z-index:10}.workroom-bounding-label{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:2px 8px;border-radius:4px;font-family:var(--ds-font-body);font-size:.75rem;white-space:nowrap;pointer-events:none;margin-bottom:4px;opacity:0;transition:opacity .2s}.workroom-bounding-box:hover .workroom-bounding-label,.workroom-bounding-box.highlighted .workroom-bounding-label{opacity:1}.workroom-bounding-box.draft{border-style:dashed;border-color:var(--ds-color-accent);background:#c4923a26;pointer-events:none}.workroom-flip-btn{position:absolute;bottom:-48px;left:50%;transform:translate(-50%);padding:8px 18px;min-height:48px;border:1px solid rgba(253,248,240,.2);background:#1e1812b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ds-color-text-inverse);font-family:var(--ds-font-body);font-size:.85rem;font-weight:var(--ds-weight-semibold);border-radius:var(--ds-radius-lg);cursor:pointer;opacity:.7;transition:all var(--ds-transition-fast);white-space:nowrap}.workroom-flip-btn:hover{opacity:1;border-color:var(--ds-color-accent);color:var(--ds-color-accent)}.workroom-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border:1px solid rgba(253,248,240,.15);background:#1e181280;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ds-color-text-inverse);font-size:1.4rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--ds-transition-fast);opacity:.7}.workroom-nav-arrow:hover{opacity:1;background:#1e1812cc;border-color:var(--ds-color-accent);color:var(--ds-color-accent);transform:translateY(-50%) scale(1.1)}.workroom-nav-arrow:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.workroom-nav-arrow.prev{left:16px}.workroom-nav-arrow.next{right:16px}.workroom-trash-btn{position:absolute;bottom:20px;left:20px;z-index:10;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;min-height:48px;min-width:120px;border:1px solid rgba(176,58,46,.4);background:#b03a2e26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e8a09a;font-family:var(--ds-font-body);font-size:.85rem;font-weight:var(--ds-weight-semibold);border-radius:var(--ds-radius-lg);cursor:pointer;transition:all var(--ds-transition-fast)}.workroom-trash-btn:hover{background:#9a432a80;border-color:#ffc4b4;color:#ffc4b4;transform:translateY(-2px)}.workroom-sidebar{flex:0 0 380px;max-width:380px;display:flex;flex-direction:column;background:var(--ds-bg-parchment);border-left:1px solid var(--ds-color-border);box-shadow:-4px 0 16px #1e181214;overflow:hidden;z-index:20}.workroom-tab-bar{display:flex;border-bottom:1px solid var(--ds-color-border);background:#8b6b4a14;overflow-x:auto;flex-shrink:0}.workroom-tab-btn{flex:1;padding:14px 6px;border:none;background:transparent;color:var(--ds-color-text-secondary);opacity:1;font-family:var(--ds-font-body);font-size:.85rem;font-weight:var(--ds-weight-semibold);cursor:pointer;transition:all var(--ds-transition-fast);border-bottom:3px solid transparent;text-align:center;white-space:nowrap;letter-spacing:.02em}.workroom-tab-btn:hover{color:var(--ds-color-text);background:var(--ds-color-surface)}.workroom-tab-btn.active{color:var(--ds-color-text);opacity:1;border-bottom-color:var(--ds-color-accent);background:var(--ds-color-surface);font-weight:var(--ds-weight-bold);box-shadow:0 2px 8px #1e18120a}.workroom-tab-content{flex:1;overflow-y:auto;padding:20px;color:var(--ds-color-text)}.workroom-tab-content::-webkit-scrollbar{width:6px}.workroom-tab-content::-webkit-scrollbar-track{background:transparent}.workroom-tab-content::-webkit-scrollbar-thumb{background:#8b6b4a33;border-radius:3px}.info-section{margin-bottom:24px}.info-section-title{font-family:var(--ds-font-display);font-size:1.3rem;color:var(--ds-color-primary);margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid rgba(123,45,63,.15)}.info-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;font-size:.85rem}.info-label{font-family:var(--ds-font-body);color:var(--ds-color-text-secondary);font-size:.78rem;font-weight:var(--ds-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.info-value{font-family:var(--ds-font-body);color:var(--ds-color-text);text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-photo-section{padding:16px;border:1px dashed rgba(208,180,150,.2);border-radius:8px;text-align:center}.back-photo-section p{font-family:var(--ds-font-body);font-size:.85rem;color:var(--ds-color-text-secondary);margin:0 0 12px}.back-photo-actions{display:flex;gap:8px;justify-content:center}.back-photo-upload-btn,.back-photo-choose-btn{padding:10px 16px;min-height:48px;border:1px solid var(--ds-color-border-strong);background:var(--ds-color-surface);color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:.85rem;font-weight:var(--ds-weight-semibold);border-radius:var(--ds-radius-lg);cursor:pointer;transition:all var(--ds-transition-fast)}.back-photo-upload-btn:hover,.back-photo-choose-btn:hover{background:var(--ds-color-surface-raised);border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.back-photo-preview{margin-top:12px}.back-photo-preview img{max-width:100%;max-height:150px;border-radius:4px;object-fit:contain;border:1px solid rgba(208,180,150,.15)}.back-photo-remove-btn{display:inline-block;margin-top:8px;padding:4px 12px;border:1px solid rgba(176,58,46,.3);background:#b03a2e14;color:var(--ds-color-error);font-family:var(--ds-font-body);font-size:.8rem;border-radius:4px;cursor:pointer;transition:all var(--ds-transition-fast)}.back-photo-remove-btn:hover{background:#b03a2e26}.info-field{margin-bottom:14px}.info-field-label{display:block;font-family:var(--ds-font-body);font-size:.85rem;color:var(--ds-color-text);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-weight:var(--ds-weight-semibold)}.info-field-input,.info-field-textarea{width:100%;padding:10px 12px;border:1px solid var(--ds-color-border-strong);background:var(--ds-color-surface);color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:1rem;border-radius:var(--ds-radius-lg);transition:border-color var(--ds-transition-fast);box-sizing:border-box}.info-field-input::placeholder,.info-field-textarea::placeholder{color:var(--ds-color-text-muted);font-style:italic;opacity:1}.info-field-input:focus,.info-field-textarea:focus{outline:none;border-color:var(--ds-color-primary);box-shadow:0 0 0 3px #7b2d3f1a}.info-field-textarea{resize:vertical;min-height:60px}.info-save-btn{display:block;width:100%;padding:12px;min-height:48px;margin-top:8px;border:1px solid var(--ds-color-border-strong);background:var(--ds-color-surface);color:var(--ds-color-text-secondary);font-family:var(--ds-font-body);font-size:.85rem;font-weight:var(--ds-weight-semibold);border-radius:var(--ds-radius-lg);cursor:pointer;transition:all var(--ds-transition-fast);letter-spacing:.02em}.info-save-btn:hover{background:var(--ds-color-surface-raised);border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.info-save-btn:disabled{opacity:.5;cursor:not-allowed}.info-save-msg{display:inline-block;margin-left:8px;font-family:var(--ds-font-body);font-size:.75rem;color:var(--ds-color-success)}.info-save-btn-dirty{border-color:var(--ds-color-primary);animation:dirty-pulse 2s ease-in-out infinite}@keyframes dirty-pulse{0%,to{box-shadow:0 0 #7b2d3f00}50%{box-shadow:0 0 8px 2px #7b2d3f33}}.groups-list{display:flex;flex-direction:column;gap:8px}.group-tag{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;min-height:48px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);transition:all var(--ds-transition-fast);gap:8px}.group-tag:hover{border-color:var(--ds-color-border-strong);box-shadow:var(--ds-shadow-sm)}.group-tag-icon{font-size:1.1rem;flex-shrink:0}.group-tag-info{flex:1;min-width:0}.group-tag-name{font-family:var(--ds-font-body);font-size:.9rem;font-weight:var(--ds-weight-semibold);color:var(--ds-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-tag-path{font-family:var(--ds-font-body);font-size:.7rem;color:var(--ds-color-text-muted);margin-top:2px}.group-tag-action{padding:4px 10px;min-height:36px;border:1px solid var(--ds-color-border-strong);background:var(--ds-color-surface-raised);color:var(--ds-color-text-secondary);font-family:var(--ds-font-body);font-size:.78rem;font-weight:var(--ds-weight-semibold);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast);text-decoration:none;display:inline-flex;align-items:center;flex-shrink:0}.group-tag-action:hover{background:var(--ds-color-primary);color:var(--ds-color-text-inverse);border-color:var(--ds-color-primary)}.group-tag-action:active{transform:translateY(0)}.group-tag-remove{width:32px;height:32px;border:1px solid rgba(176,58,46,.2);background:#b03a2e0f;color:var(--ds-color-error);border-radius:50%;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7;transition:all var(--ds-transition-fast)}.group-tag-remove:hover{background:#b03a2e26;border-color:var(--ds-color-error);opacity:1}.groups-add-btn{display:block;width:100%;padding:10px;min-height:48px;margin-top:8px;border:1px dashed var(--ds-color-border-strong);background:transparent;color:var(--ds-color-text-secondary);font-family:var(--ds-font-body);font-size:.85rem;font-weight:var(--ds-weight-semibold);border-radius:var(--ds-radius-lg);cursor:pointer;transition:all var(--ds-transition-fast)}.groups-add-btn:hover{border-color:var(--ds-color-primary);background:#7b2d3f0a;color:var(--ds-color-primary)}.groups-empty{text-align:center;padding:24px;color:var(--ds-color-text-muted);font-family:var(--ds-font-body);font-size:.95rem}.story-modal-input,.story-modal-textarea{width:100%;padding:12px;border:1px solid var(--ds-color-border-strong);background:var(--ds-color-surface);color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:1rem;border-radius:var(--ds-radius-lg);box-sizing:border-box}.story-modal-textarea{resize:vertical}.story-modal-input::placeholder,.story-modal-textarea::placeholder{color:var(--ds-color-text-muted);font-style:italic;opacity:1}.tab-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.tab-placeholder-icon{font-size:2.5rem;opacity:.4}.tab-placeholder-title{font-family:var(--ds-font-display);font-size:1.4rem;color:var(--ds-color-text-secondary);margin:0}.tab-placeholder-desc{font-family:var(--ds-font-body);font-size:.75rem;color:var(--ds-color-text-muted);line-height:1.6;max-width:280px}.workroom-mobile-fab,.workroom-mobile-backdrop,.workroom-mobile-bottom-wrapper,.workroom-mobile-nav,.workroom-mobile-toolbar{display:none}@media(max-width:768px){.workroom-root{flex-direction:column}.workroom-stage{flex:1 1 100%;min-height:50vh;padding:12px 12px 110px}.workroom-sidebar{position:fixed;bottom:0;left:0;right:0;flex:none;max-width:100%;width:100%;height:75vh;max-height:75vh;border-left:none;border-top:none;border-radius:var(--ds-radius-xl) var(--ds-radius-xl) 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:200;box-shadow:0 -8px 32px #1e181226}.workroom-sidebar.mobile-open{transform:translateY(0)}.workroom-sidebar .workroom-tab-bar:before{content:"";display:block;width:40px;height:4px;background:var(--ds-color-border-strong);border-radius:2px;margin:8px auto 4px}.workroom-nav-arrow{display:none}.workroom-counter{font-size:.7rem}.workroom-trash-btn{display:none}.workroom-mobile-bottom-wrapper{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;flex-direction:column;background:#1e1812e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);padding-bottom:env(safe-area-inset-bottom,0px)}.workroom-mobile-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-nav-btn{background:#ffffff0f;color:var(--ds-color-text-inverse);border:1px solid rgba(255,255,255,.1);border-radius:var(--ds-radius-pill);padding:6px 16px;font-family:var(--ds-font-body);font-size:.8rem;font-weight:var(--ds-weight-semibold);cursor:pointer;transition:all .2s ease}.mobile-nav-btn:disabled{opacity:.3;pointer-events:none}.mobile-nav-btn:hover:not(:disabled){background:#ffffff1f}.mobile-nav-counter{font-family:var(--ds-font-body);font-size:.75rem;color:#f5f0e899;letter-spacing:.02em}.workroom-mobile-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px}.workroom-toolbar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:var(--ds-radius-pill);font-family:var(--ds-font-body);font-size:.82rem;font-weight:var(--ds-weight-semibold);cursor:pointer;transition:all .15s ease;border:1.5px solid;white-space:nowrap}.toolbar-delete{background:#b03a2e1f;border-color:#b03a2e59;color:#e8a09a}.toolbar-delete:hover{background:#b03a2e40}.toolbar-feedback{background:#ffffff0f;border-color:#ffffff26;color:#f5f0e8d9}.toolbar-feedback:hover{background:#ffffff1f}.toolbar-details{background:var(--ds-color-primary);border-color:var(--ds-color-primary-hover);color:var(--ds-color-text-inverse)}.toolbar-details:hover{background:var(--ds-color-primary-hover)}.workroom-mobile-fab{display:none!important}.workroom-mobile-backdrop{display:block;position:fixed;inset:0;background:var(--ds-color-overlay);z-index:199;animation:modalFadeIn .2s ease forwards}}.detail-root{display:flex;flex-wrap:wrap;width:100vw;height:100vh;background:var(--ds-bg-parchment);position:relative}.detail-left-col{flex:1 1 400px;max-width:600px;height:100vh;display:flex;flex-direction:column;background:var(--ds-color-surface);border-right:1px solid var(--ds-color-border);padding:32px;box-sizing:border-box;overflow-y:auto;position:relative;z-index:10}.detail-right-col{flex:2 1 600px;height:100vh;display:flex;flex-direction:column;position:relative;background:var(--ds-bg-parchment);overflow-y:hidden}.detail-right-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ds-color-border);z-index:20}.detail-right-title{font-family:var(--ds-font-display);color:var(--ds-color-text);margin:0;font-size:var(--ds-text-xl)}.detail-right-stats{font-family:var(--ds-font-body);color:var(--ds-color-primary);background:#7b2d3f0f;padding:6px 14px;border-radius:var(--ds-radius-pill);border:1px solid rgba(123,45,63,.12);font-size:13px;font-weight:600}.detail-right-actions{display:flex;align-items:center;gap:8px}.detail-right-action-btn{font-family:var(--ds-font-body);color:var(--ds-color-error);font-size:1.1rem;background:transparent;border:1px solid transparent;padding:2px 10px;border-radius:12px;cursor:pointer;transition:all var(--ds-transition-fast);display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.detail-right-action-btn:hover{background:#b03a2e14}.detail-left-col::-webkit-scrollbar{width:6px}.detail-left-col::-webkit-scrollbar-track{background:transparent}.detail-left-col::-webkit-scrollbar-thumb{background:var(--ds-color-border-strong);border-radius:3px}.detail-back-btn{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:8px 16px;border:1.5px solid var(--ds-color-border-strong);background:transparent;color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast);margin-bottom:32px;min-height:48px}.detail-back-btn:hover{border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.detail-title-input{background:var(--ds-color-surface);border:2px solid transparent;border-bottom:2px solid var(--ds-color-border);font-family:var(--ds-font-display);font-weight:var(--ds-weight-semibold);font-size:var(--ds-text-3xl);color:var(--ds-color-text);width:100%;padding:12px 14px;margin-left:-14px;margin-bottom:24px;border-radius:var(--ds-radius-md) var(--ds-radius-md) 0 0;transition:all .2s ease}.detail-title-input::placeholder{color:var(--ds-color-text-muted);font-style:italic}.detail-title-input:hover{background:var(--ds-bg-paper);border-bottom-color:var(--ds-color-border-strong)}.detail-title-input:focus{outline:none;border-bottom-color:var(--ds-color-accent);background:var(--ds-bg-paper)}.detail-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.detail-field{display:flex;flex-direction:column;gap:6px}.detail-field-label{font-family:var(--ds-font-body);font-weight:700;color:var(--ds-color-text-secondary);font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:var(--ds-tracking-caps)}.detail-field-input{width:100%;height:48px;padding:0 16px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-surface);color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:var(--ds-text-base);transition:outline var(--ds-transition-fast),border-color var(--ds-transition-fast)}.detail-field-input::placeholder{color:var(--ds-color-text-muted)}.detail-field-input:focus{outline:2px solid var(--ds-color-accent);outline-offset:1px;border-color:var(--ds-color-primary)}.detail-textarea{width:100%;padding:16px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-surface);color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:var(--ds-text-md);line-height:var(--ds-leading-relaxed);min-height:250px;resize:vertical;transition:outline var(--ds-transition-fast),border-color var(--ds-transition-fast)}.detail-textarea::placeholder{color:var(--ds-color-text-muted);font-style:italic}.detail-textarea:focus{outline:2px solid var(--ds-color-accent);outline-offset:1px;border-color:var(--ds-color-primary)}.detail-tabs-container{display:flex;gap:4px;margin-bottom:0;background:#8b6b4a14;border-radius:var(--ds-radius-xl) var(--ds-radius-xl) 0 0;padding:4px 4px 0}.detail-tab{background:transparent;border:none;padding:12px 24px;color:var(--ds-color-text-secondary);font-family:var(--ds-font-body);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);cursor:pointer;border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-height:48px}.detail-tab:hover{color:var(--ds-color-text)}.detail-tab.active{background:var(--ds-color-surface);color:var(--ds-color-text);box-shadow:0 -2px 8px #1e18120a}.detail-tab-action-btn{background:#c4923a26;border:1px solid rgba(196,146,58,.4);color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:var(--ds-text-sm);padding:4px 10px;border-radius:var(--ds-radius-sm);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;min-height:36px}.detail-tab-action-btn:hover{background:#c4923a40;border-color:var(--ds-color-accent)}.transcription-pulse{width:8px;height:8px;background-color:var(--ds-color-accent);border-radius:50%;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #c4923a80}70%{transform:scale(1);box-shadow:0 0 0 6px #c4923a00}to{transform:scale(.95);box-shadow:0 0 #c4923a00}}.detail-title-input:disabled,.detail-field-input:disabled,.detail-textarea:disabled{opacity:.55;cursor:not-allowed;border-color:#8b6b4a26}.detail-title-input:disabled:hover,.detail-field-input:disabled:hover,.detail-textarea:disabled:hover{background:inherit;border-color:#8b6b4a26}.detail-action-strip{margin-top:auto;padding-top:32px}.detail-save-btn{width:100%;padding:14px;background:var(--ds-color-primary);border:none;color:var(--ds-color-text-inverse);font-family:var(--ds-font-body);font-weight:var(--ds-weight-semibold);font-size:var(--ds-text-base);border-radius:var(--ds-radius-md);cursor:pointer;transition:all .2s;display:flex;justify-content:center;align-items:center;gap:8px;min-height:48px}.detail-save-btn:hover:not(:disabled){background:var(--ds-color-primary-hover);transform:translateY(-1px);box-shadow:var(--ds-shadow-md)}.detail-save-btn:disabled{opacity:.5;cursor:not-allowed}.detail-save-btn.dirty{box-shadow:0 0 0 2px var(--ds-color-surface),0 0 0 4px var(--ds-color-accent)}.entity-save-msg{font-family:var(--ds-font-body);font-size:var(--ds-text-sm);color:var(--ds-color-success);display:block;margin-top:8px;text-align:center;font-weight:var(--ds-weight-semibold)}.detail-error{background-color:var(--ds-burgundy-50);border-left:4px solid var(--ds-color-error);color:var(--ds-burgundy-800);padding:12px 16px;border-radius:0 var(--ds-radius-md) var(--ds-radius-md) 0;font-family:var(--ds-font-body);font-size:var(--ds-text-sm);margin:32px;display:flex;justify-content:space-between;align-items:center}.detail-error button{background:transparent;border:1px solid var(--ds-color-error);color:var(--ds-color-error);padding:8px 16px;border-radius:var(--ds-radius-md);cursor:pointer;min-height:48px;font-family:var(--ds-font-body);font-weight:var(--ds-weight-semibold)}.detail-loader{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:var(--ds-bg-parchment);color:var(--ds-color-text-secondary);font-family:var(--ds-font-display);font-size:var(--ds-text-xl)}.mobile-drawer-overlay{display:none;position:fixed;inset:0;background:var(--ds-color-overlay);z-index:10000;animation:modalFadeIn .2s ease forwards}.mobile-edit-toggle{display:none;align-items:center;gap:8px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border-strong);padding:8px 16px;border-radius:var(--ds-radius-md);color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);cursor:pointer;box-shadow:var(--ds-shadow-sm)}.mobile-drawer-header{display:none;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--ds-color-border)}.mobile-drawer-header h3{margin:0;font-family:var(--ds-font-display);font-size:var(--ds-text-xl);color:var(--ds-color-text)}.mobile-drawer-close{background:none;border:none;font-size:1.5rem;color:var(--ds-color-text-secondary);min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:900px){.detail-root{flex-direction:column;flex-wrap:nowrap;height:100vh;overflow:hidden}.detail-right-col{flex:1;width:100%;height:100%}.mobile-edit-toggle{display:flex}.detail-left-col{position:fixed;inset:auto 0 0;width:100%;max-width:100%;height:85vh;border-right:none;border-radius:var(--ds-radius-xl) var(--ds-radius-xl) 0 0;box-shadow:var(--ds-shadow-xl);z-index:10001;padding:24px;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.detail-left-col.drawer-open{transform:translateY(0)}.mobile-drawer-overlay.drawer-open{display:block}.mobile-drawer-header{display:flex}.detail-back-btn{display:none}}.story-audio-player{display:flex;align-items:center;gap:12px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border-strong);border-radius:24px;padding:8px 16px;margin-bottom:16px;width:100%;box-sizing:border-box}.play-pause-btn{width:48px;height:48px;border-radius:50%;background:var(--ds-color-primary);color:#fff;border:none;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .1s}.play-pause-btn:active{transform:scale(.95)}.audio-timeline{flex-grow:1;display:flex;flex-direction:column;gap:4px}.audio-scrubber{-webkit-appearance:none;width:100%;height:6px;background:#8b6b4a26;border-radius:3px;outline:none;background-image:linear-gradient(var(--ds-color-primary),var(--ds-color-primary));background-repeat:no-repeat;cursor:pointer}.audio-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ds-color-primary);cursor:pointer;transition:transform .1s}.audio-scrubber::-webkit-slider-thumb:hover{transform:scale(1.2)}.audio-time{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ds-color-text-secondary);font-family:var(--ds-font-body);font-variant-numeric:tabular-nums}.audio-remove-btn{background:transparent;color:var(--ds-color-text-secondary);border:none;font-size:1rem;cursor:pointer;padding:4px;flex-shrink:0}.audio-remove-btn:hover{color:var(--ds-color-error)}.upgrade-tab-content{max-width:1000px;margin:0 auto;padding-bottom:3rem}.upgrade-toast{background:#c4923a1f;border:1px solid var(--ds-color-warning, #C4923A);color:var(--ds-color-text, #2C2420);padding:1rem;border-radius:var(--ds-radius-md, 4px);margin-bottom:2rem;font-family:var(--ds-font-body, "Nunito Sans", sans-serif);text-align:center;font-weight:600}.upgrade-header{text-align:center;margin-bottom:3rem}.upgrade-header h2{font-family:var(--ds-font-display, "Cormorant Garamond", serif);font-size:2.5rem;color:var(--ds-color-text, #2C2420);margin-bottom:1rem}.upgrade-header p{font-family:var(--ds-font-body, "Nunito Sans", sans-serif);font-size:1.1rem;color:var(--ds-color-text-secondary, #6B5A50);max-width:600px;margin:0 auto;line-height:1.6}.upgrade-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;align-items:center}.tier-card{background:var(--ds-color-surface, #FFFCF8);border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));border-radius:var(--ds-radius-lg, 8px);padding:2rem;box-shadow:var(--ds-shadow-card, 0 4px 16px rgba(30, 24, 18, .12));display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease}.tier-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lifted, 0 8px 32px rgba(30, 24, 18, .14))}.tier-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--ds-color-border, rgba(139, 107, 74, .22))}.tier-header h3{font-family:var(--ds-font-display, "Cormorant Garamond", serif);font-size:2rem;color:var(--ds-color-text, #2C2420);margin:0 0 .5rem}.tier-price{font-family:var(--ds-font-body, "Nunito Sans", sans-serif);font-size:2.5rem;font-weight:700;color:var(--ds-color-text, #2C2420)}.tier-price span{font-size:1rem;color:var(--ds-color-text-secondary, #6B5A50);font-weight:400}.tier-features{list-style:none;padding:0;margin:0 0 2.5rem;flex-grow:1}.tier-features li{font-family:var(--ds-font-body, "Nunito Sans", sans-serif);color:var(--ds-color-text, #2C2420);padding:.5rem 0;display:flex;align-items:center;gap:.5rem}.tier-features li:before{content:"✓";color:var(--ds-color-primary, #7B2D3F);font-weight:700}.tier-action{width:100%}.upgrade-disclaimer{background:var(--ds-color-surface-raised, #F7F0E3);border-radius:var(--ds-radius-lg, 8px);padding:1.5rem;text-align:center;font-family:var(--ds-font-body, "Nunito Sans", sans-serif);font-size:.95rem;color:var(--ds-color-text-secondary, #6B5A50);border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22))}@media(max-width:1024px){.upgrade-tiers{grid-template-columns:1fr;max-width:400px;margin:0 auto 3rem;gap:3rem}}.upgrade-polling-state,.upgrade-success-state,.upgrade-already-member{background:var(--ds-color-surface, #FFFCF8);border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));border-radius:var(--ds-radius-lg, 8px);padding:4rem 2rem;text-align:center;box-shadow:var(--ds-shadow-card, 0 4px 16px rgba(30, 24, 18, .12));max-width:600px;margin:4rem auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.upgrade-polling-state h2,.upgrade-success-state h2,.upgrade-already-member h2{font-family:var(--ds-font-display, "Cormorant Garamond", serif);font-size:2.5rem;color:var(--ds-color-text, #2C2420);margin-bottom:1rem}.upgrade-polling-state p,.upgrade-success-state p,.upgrade-already-member p{font-family:var(--ds-font-body, "Nunito Sans", sans-serif);font-size:1.1rem;color:var(--ds-color-text-secondary, #6B5A50);margin:.5rem 0}.upgrade-spinner{width:60px;height:60px;border:4px solid var(--ds-color-border, rgba(139, 107, 74, .22));border-top:4px solid var(--ds-color-primary, #7B2D3F);border-radius:50%;animation:upgrade-spin 1s linear infinite;margin-bottom:2rem}@keyframes upgrade-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{width:80px;height:80px;background-color:var(--ds-color-moss, #4A5D4E);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:2rem}.storage-info{background:var(--ds-color-surface-raised, #F7F0E3);padding:1rem 2rem;border-radius:var(--ds-radius-md, 4px);border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));font-family:var(--ds-font-body, "Nunito Sans", sans-serif);color:var(--ds-color-text, #2C2420);font-size:1.2rem}.settings-layout{min-height:100vh;background:var(--ds-color-canvas, #E6D5B8);display:flex;flex-direction:row}.settings-nav{width:260px;flex-shrink:0;background:var(--ds-color-surface, #FFFCF8);border-right:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));display:flex;flex-direction:column;padding:2rem 0 0;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:10}.settings-nav-header{padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.settings-mobile-toggle,.settings-mobile-backdrop,.settings-mobile-drawer-header{display:none}.settings-nav-container{display:flex;flex-direction:column;flex:1}.settings-nav-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.75rem;font-weight:600;color:var(--ds-color-text, #2C2420);margin:0 0 .25rem;line-height:1.25}.settings-nav-subtitle{font-family:Nunito Sans,sans-serif;font-size:.85rem;color:var(--ds-color-text-secondary, #6B5A50);margin:0}.settings-nav-back-container{padding:0 1.5rem;margin-bottom:.5rem}.settings-nav-back{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#8b6b4a14;border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));border-radius:8px;font-family:Nunito Sans,sans-serif;font-weight:600;font-size:.95rem;color:var(--ds-color-text, #2C2420);cursor:pointer;padding:.65rem 1.25rem;width:100%;transition:all .2s ease;min-height:44px}.settings-nav-back:hover{background:#8b6b4a26;color:var(--ds-color-primary, #7B2D3F);border-color:#8b6b4a59}.settings-nav-items{display:flex;flex-direction:column;gap:2px;padding:.5rem 0 0;flex:1}.settings-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;min-height:48px;background:none;border:none;border-left:3px solid transparent;font-family:Nunito Sans,sans-serif;font-size:.95rem;font-weight:400;color:var(--ds-color-text-secondary, #6B5A50);cursor:pointer;transition:all .15s;width:100%;text-align:left;position:relative}.settings-nav-item:hover{background:#7b2d3f0a;color:var(--ds-color-text, #2C2420)}.settings-nav-item.active{border-left-color:var(--ds-color-primary, #7B2D3F);background:#7b2d3f14;color:var(--ds-color-primary, #7B2D3F);font-weight:600}.settings-nav-icon{font-size:1.2rem;width:24px;text-align:center;flex-shrink:0}.settings-nav-badge{margin-left:auto;background:var(--ds-color-error, #B03A2E);color:#fff;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:10px;min-width:20px;text-align:center}.settings-nav-feedback-btn{margin:auto 1.5rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--ds-color-primary, #7B2D3F);color:#fff;border:none;font-family:Nunito Sans,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:8px;box-shadow:0 2px 4px #0000001a}.settings-nav-feedback-btn:hover{background:#6a2434;transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.settings-content{flex:1;min-width:0;padding:2.5rem 3rem 3rem;overflow-y:auto;height:100vh}.settings-tab-content{max-width:100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}.settings-tab-content.single-column{grid-template-columns:1fr;max-width:700px}.settings-tab-content.two-panel{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.settings-panel{min-width:0}.settings-panel-scroll{min-width:0;overflow-y:auto;max-height:calc(100vh - 6rem)}.invite-card{background:var(--ds-color-surface, #FFFCF8);border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000f}.section-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:600;color:var(--ds-color-text, #2C2420);margin-top:0;margin-bottom:.5rem}.section-desc{font-family:Nunito Sans,sans-serif;font-size:.9rem;color:var(--ds-color-text-secondary, #6B5A50);line-height:1.5;margin-bottom:1.5rem}.invite-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-family:Nunito Sans,sans-serif;font-size:.8rem;font-weight:600;color:var(--ds-color-text-secondary, #6B5A50);text-transform:uppercase;letter-spacing:.04em}.form-group input{background:var(--ds-color-canvas, #E6D5B8);border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));padding:.75rem 1rem;font-family:Nunito Sans,sans-serif;font-size:1rem;border-radius:8px;color:var(--ds-color-text, #2C2420);transition:border-color .15s;min-height:48px}.form-group input:focus{outline:none;border-color:var(--ds-color-primary, #7B2D3F);box-shadow:0 0 0 3px #7b2d3f1f}.invite-submit{background:var(--ds-color-primary, #7B2D3F);color:var(--ds-color-text-inverse, #FDF8F0);border:none;padding:.85rem 1.5rem;font-family:Nunito Sans,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;border-radius:8px;min-height:48px;transition:background .15s,transform .1s}.invite-submit:hover{background:var(--ds-color-primary-hover, #632436)}.invite-submit:active{transform:translateY(1px)}.invite-submit:disabled{opacity:.6;cursor:not-allowed}.error-note{background:#b03a2e14;border:1px solid var(--ds-color-error, #B03A2E);border-radius:8px;color:var(--ds-color-error, #B03A2E);padding:.75rem 1rem;font-family:Nunito Sans,sans-serif;font-size:.85rem}.success-note{background:#5f7d5f14;border:1px solid var(--ds-color-success, #5F7D5F);border-radius:8px;color:var(--ds-color-success, #5F7D5F);padding:.75rem 1rem;font-family:Nunito Sans,sans-serif;font-size:.85rem}.connections-list-container{display:flex;flex-direction:column;gap:1rem}.list-loading{font-family:Nunito Sans,sans-serif;color:var(--ds-color-text-secondary, #6B5A50);text-align:center;padding:3rem}.empty-connections{background:#8b6b4a0a;border:2px dashed var(--ds-color-border, rgba(139, 107, 74, .22));border-radius:12px;padding:3rem;text-align:center;font-family:Nunito Sans,sans-serif;color:var(--ds-color-text-secondary, #6B5A50)}.connections-grid{display:flex;flex-direction:column;gap:.75rem}.connection-item{background:var(--ds-color-surface, #FFFCF8);padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-radius:10px;border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));transition:box-shadow .15s}.connection-item:hover{box-shadow:0 2px 8px #0000000f}.connection-tape{display:none}.connection-info{display:flex;flex-direction:column;gap:.15rem}.conn-nickname{font-family:Cormorant Garamond,Georgia,serif;font-size:1.2rem;font-weight:600;color:var(--ds-color-text, #2C2420)}.conn-email{font-family:Nunito Sans,sans-serif;font-size:.8rem;color:var(--ds-color-text-secondary, #6B5A50)}.connection-status{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.status-pill{font-family:Nunito Sans,sans-serif;font-size:.7rem;font-weight:600;padding:.25rem .75rem;border-radius:12px;text-transform:uppercase;letter-spacing:.03em}.status-pill.accepted{background:#5f7d5f1f;color:var(--ds-color-success, #5F7D5F)}.status-pill.pending{background:#c4923a1f;color:var(--ds-color-warning, #C4923A)}.access-label{font-family:Nunito Sans,sans-serif;font-size:.75rem;font-weight:700;color:var(--ds-color-text, #2C2420)}.target-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.target-item{padding:.85rem 1rem;background:var(--ds-color-surface-raised, #F7F0E3);border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:.6rem;font-family:Nunito Sans,sans-serif;font-weight:500;color:var(--ds-color-text, #2C2420);transition:all .2s ease;min-height:48px;transform:none!important;box-shadow:0 1px 4px #1e18120d}.target-item:hover{background:var(--ds-color-surface, #FFFCF8);border-color:var(--ds-color-border-strong, rgba(139, 107, 74, .42))}.target-item.active{background:var(--ds-color-surface, #FFFCF8);border:2px solid var(--ds-color-primary, #7B2D3F);color:var(--ds-color-primary, #7B2D3F);font-weight:600;box-shadow:0 4px 16px #1e18121f}.target-icon{font-size:1.15rem}.segmented-control{display:flex;background:#8b6b4a26;border-radius:var(--ds-radius-xl, 12px);padding:4px;gap:2px}.segmented-btn{flex:1;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--ds-radius-lg, 8px);font-family:Nunito Sans,sans-serif;font-size:.9rem;font-weight:500;color:var(--ds-color-text-secondary, #6B5A50);cursor:pointer;transition:all .2s ease;min-height:40px;text-align:center}.segmented-btn:hover{color:var(--ds-color-text, #2C2420)}.segmented-btn.active{background:var(--ds-color-surface, #FFFCF8);color:var(--ds-color-primary, #7B2D3F);font-weight:600;box-shadow:0 2px 8px #1e181214,0 1px 2px #1e18120a}.settings-content-card{background:var(--ds-color-surface, #FFFCF8);border-radius:var(--ds-radius-lg, 8px);border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));box-shadow:0 4px 16px #1e18121f;padding:2rem}.permissions-grid{display:flex;flex-direction:column;gap:.75rem}.permission-card{position:relative;background:var(--ds-color-surface, #FFFCF8);padding:1.25rem;border-radius:10px;border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));display:flex;justify-content:space-between;align-items:center;transition:box-shadow .15s;transform:none!important}.permission-card:hover{box-shadow:0 2px 8px #0000000f}.permission-controls{display:flex;align-items:center;gap:.75rem}.role-selector label{font-family:Nunito Sans,sans-serif;font-size:.75rem;margin-right:.5rem;color:var(--ds-color-text-secondary, #6B5A50)}.role-selector select{padding:.4rem;font-family:Nunito Sans,sans-serif;border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));background:#fff;border-radius:6px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--ds-color-primary, #7B2D3F);color:var(--ds-color-text-inverse, #FDF8F0);font-family:Nunito Sans,sans-serif;font-size:1rem;font-weight:600;border:none;border-radius:8px;padding:14px 28px;min-height:48px;cursor:pointer;transition:background-color .15s,transform .15s,box-shadow .15s}.btn-primary:hover:not(:disabled){background-color:var(--ds-color-primary-hover, #632436);transform:translateY(-1px);box-shadow:0 4px 12px #7b2d3f33}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:focus-visible{outline:2px solid var(--ds-color-accent, #C4923A);outline-offset:2px}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:transparent;color:var(--ds-color-text, #2C2420);font-family:Nunito Sans,sans-serif;font-size:1rem;font-weight:600;border:1.5px solid var(--ds-color-border-strong, rgba(139, 107, 74, .42));border-radius:8px;padding:14px 28px;min-height:48px;cursor:pointer;transition:background-color .15s,border-color .15s,transform .15s}.btn-secondary:hover:not(:disabled){background-color:#8b6b4a14;border-color:var(--ds-color-text, #2C2420);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary:focus-visible{outline:2px solid var(--ds-color-accent, #C4923A);outline-offset:2px}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.4rem .8rem;font-size:.85rem;min-height:40px}.btn-accept{background:#5f7d5f1f;color:var(--ds-color-success, #5F7D5F);padding:.5rem 1rem;border:none;cursor:pointer;border-radius:6px;font-family:Nunito Sans,sans-serif;font-weight:600;min-height:40px}.btn-reject,.btn-remove{background:#b03a2e14;color:var(--ds-color-error, #B03A2E);padding:.5rem 1rem;border:none;cursor:pointer;border-radius:6px;font-family:Nunito Sans,sans-serif;font-weight:600;min-height:40px}.connection-actions{display:flex;align-items:center;gap:.5rem}.danger-zone{background:#b03a2e0a;border:1px solid rgba(176,58,46,.2);border-radius:10px;padding:2rem;position:relative}.danger-texture{display:none}.text-danger{color:var(--ds-color-error, #B03A2E)}.btn-danger-outline{background:transparent;border:2px solid var(--ds-color-error, #B03A2E);color:var(--ds-color-error, #B03A2E);padding:.75rem 1.25rem;font-family:Nunito Sans,sans-serif;font-weight:600;cursor:pointer;font-size:.95rem;margin-top:1rem;width:100%;border-radius:8px;min-height:48px;transition:all .15s}.btn-danger-outline:disabled{opacity:.5;cursor:not-allowed}.btn-danger-outline:hover:not(:disabled){background:var(--ds-color-error, #B03A2E);color:#fff}.settings-block{margin-bottom:2rem}.settings-block h3{font-family:Cormorant Garamond,Georgia,serif;font-size:1.2rem;font-weight:600;color:var(--ds-color-text, #2C2420);margin-bottom:.5rem}.settings-block p{font-family:Nunito Sans,sans-serif;color:var(--ds-color-text-secondary, #6B5A50);margin-bottom:1rem}.storage-quota-section{background:var(--ds-color-surface, #FFFCF8);border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));border-radius:8px;padding:1.5rem}.storage-progress-track{width:100%;height:12px;background:var(--ds-color-surface-raised, #F7F0E3);border-radius:12px;overflow:hidden;margin-top:.5rem}.storage-progress-fill{height:100%;border-radius:12px;transition:width .3s ease,background-color .3s ease}.storage-over-quota-banner{background:#b03a2e14;border:1px solid var(--ds-color-error, #B03A2E);border-radius:8px;padding:.75rem 1rem;color:var(--ds-color-error, #B03A2E);font-family:Nunito Sans,sans-serif;font-size:.9rem;font-weight:600;margin-bottom:1rem}.new-key-alert{margin-top:1.5rem;padding:1rem;background:#5f7d5f14;border:1px solid var(--ds-color-success, #5F7D5F);border-radius:8px;color:var(--ds-color-success, #5F7D5F);font-family:Nunito Sans,sans-serif;font-size:.9rem}.raw-key{display:block;background:#fffc;padding:.5rem;border:1px dashed var(--ds-color-success, #5F7D5F);word-break:break-all;margin-top:.5rem;font-family:monospace;border-radius:4px}.custom-modal-backdrop{position:fixed;inset:0;background:var(--ds-color-overlay, rgba(30, 24, 18, .64));display:flex;justify-content:center;align-items:center;z-index:1000}.custom-modal{background:var(--ds-color-surface, #FFFCF8);padding:2.5rem;border-radius:16px;box-shadow:0 24px 48px #0003;max-width:500px;width:90%;border:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));position:relative}.custom-modal h3{font-family:Cormorant Garamond,Georgia,serif;color:var(--ds-color-text, #2C2420);font-size:1.5rem;font-weight:600;margin-top:0;margin-bottom:1rem}.custom-modal p{font-family:Nunito Sans,sans-serif;color:var(--ds-color-text-secondary, #6B5A50);line-height:1.5;margin-bottom:1.5rem}.custom-modal.danger-modal h3{color:var(--ds-color-error, #B03A2E)}.stats-warning{background:#b03a2e0a;border:1px solid rgba(176,58,46,.2);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.stats-warning p{margin-bottom:.5rem;color:var(--ds-color-error, #B03A2E);font-weight:700}.stats-warning ul{margin:0;padding-left:1.5rem;color:var(--ds-color-error, #B03A2E)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.accordion-header{cursor:pointer;padding:.75rem 0;border-bottom:1px solid var(--ds-color-border, rgba(139, 107, 74, .22));-webkit-user-select:none;user-select:none}.mt-4{margin-top:1.5rem}@media(max-width:768px){.settings-layout{flex-direction:column}.settings-nav{width:100%;height:auto;position:static;flex-direction:column;padding:1rem 0 0;border-right:none;border-bottom:1px solid var(--ds-color-border, rgba(139, 107, 74, .22))}.settings-nav-header{padding:0 1rem 1rem}.settings-nav-back-container{padding:0 1rem}.settings-mobile-toggle{display:flex;align-items:center;justify-content:center;background:#8b6b4a14;border:1px solid var(--ds-color-border);color:var(--ds-color-text-secondary);font-size:1.25rem;padding:.5rem;border-radius:8px;cursor:pointer;min-width:48px;min-height:48px;transition:all .2s ease}.settings-mobile-toggle:hover{background:#8b6b4a26;color:var(--ds-color-text)}.settings-mobile-backdrop{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#2c1e1680;z-index:100;opacity:0;pointer-events:none;transition:opacity .35s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-mobile-backdrop.open{opacity:1;pointer-events:auto}.settings-nav-container{position:fixed;bottom:0;left:0;right:0;width:100vw;max-height:85vh;background:var(--ds-color-surface-raised, #FFFCF8);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -4px 20px #00000026;transform:translateY(100%);transition:transform .35s cubic-bezier(.25,.46,.45,.94);z-index:101;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,20px)}.settings-nav-container.open{transform:translateY(0)}.settings-mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;border-bottom:2px solid rgba(82,53,34,.12)}.settings-mobile-drawer-header h3{font-family:var(--ds-font-display);font-size:1.5rem;font-weight:600;color:var(--ds-color-text);margin:0}.settings-nav-items{flex-direction:column;gap:2px;padding:.5rem 1rem .75rem;overflow-y:auto}.settings-drawer-close{min-width:44px;min-height:44px;background:#8b6b4a14;border:1px solid var(--ds-color-border);font-size:1.1rem;color:var(--ds-color-text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-nav-item{flex-shrink:1;white-space:normal;border-left:3px solid transparent;border-bottom:none;padding:.75rem 1rem;font-size:.95rem;min-height:48px;justify-content:flex-start;border-radius:8px}.settings-nav-item.active{border-left-color:var(--ds-color-primary, #7B2D3F);border-bottom-color:transparent;background:#7b2d3f14}.settings-nav-icon{display:inline}.settings-nav-back{padding:.5rem 1rem;min-height:48px}.settings-content{height:auto;padding:1.5rem 1rem;overflow-y:visible}.settings-tab-content,.settings-tab-content.two-panel{grid-template-columns:1fr}.settings-panel-scroll{max-height:none}.settings-content-card{padding:1.25rem}.segmented-control{border-radius:var(--ds-radius-lg, 8px)}}.slideshow-player{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:99999;overflow:hidden}.slideshow-player.hide-cursor{cursor:none}.slides-container{position:absolute;top:0;left:0;width:100%;height:100%}.slide-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;z-index:1}.slide-layer.slide-active{opacity:1;visibility:visible;z-index:2}.slide-backdrop{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background-size:cover;background-position:center;filter:blur(40px) brightness(.6);z-index:-1}.slide-image{max-width:100%;max-height:100%;object-fit:contain;z-index:1;box-shadow:0 0 40px #00000080}.transition-cut .slide-active{opacity:1;transition:none}.transition-cut .slide-past,.transition-cut .slide-future{opacity:0;transition:none}.transition-crossfade .slide-layer{transition:opacity 1.5s ease-in-out,visibility 1.5s step-end}.transition-crossfade .slide-active{opacity:1;visibility:visible;transition:opacity 1.5s ease-in-out,visibility 1.5s step-start}.transition-kenburns .slide-layer{transition:opacity 1.5s ease-in-out,visibility 1.5s step-end}.transition-kenburns .slide-active{opacity:1;visibility:visible;transition:opacity 1.5s ease-in-out,visibility 1.5s step-start}.transition-kenburns .slide-active .slide-image{animation:kenburns-zoom var(--slide-duration, 5s) linear forwards}@keyframes kenburns-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.player-controls{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;pointer-events:none;transition:opacity .5s ease}.player-controls.visible{opacity:1}.player-controls.hidden{opacity:0}.controls-top{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#0009,#0000);pointer-events:auto}.slide-counter{color:#fff;font-family:var(--font-headline);font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.5);opacity:.8}.control-btn{background:#0006;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,transform .2s}.control-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.control-btn:disabled{opacity:.3;cursor:not-allowed}.close-btn{font-size:1.5rem}.controls-center{flex:1;display:flex;pointer-events:auto}.nav-area{flex:1;background:transparent;border:none;cursor:pointer;outline:none}.left-nav:hover{cursor:w-resize}.right-nav:hover{cursor:e-resize}.controls-bottom{padding:32px;display:flex;justify-content:center;background:linear-gradient(to top,#0009,#0000);pointer-events:auto}.playback-bar{display:flex;gap:16px;align-items:center;background:#00000080;padding:8px 16px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-pause-btn{width:56px;height:56px;font-size:1.5rem}.slideshow-builder-page{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--ds-bg-parchment);font-family:var(--ds-font-body)}.builder-header{background:var(--ds-color-surface);padding:12px 32px;border-bottom:1px solid var(--ds-color-border);box-shadow:var(--ds-shadow-sm);z-index:20}.header-top{display:flex;align-items:center;width:100%;gap:16px}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.back-btn{background:transparent;border:1.5px solid var(--ds-color-border-strong);color:var(--ds-color-text-secondary);font-family:var(--ds-font-body);font-size:var(--ds-text-sm);padding:8px 16px;border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast);display:flex;align-items:center;justify-content:center;min-height:48px;flex-shrink:0}.back-btn:hover{color:var(--ds-color-text);border-color:var(--ds-color-primary)}.title-input-wrapper{flex:1;min-width:0}.title-input{background:transparent;border:2px solid transparent;border-bottom:2px solid var(--ds-color-border);font-family:var(--ds-font-display);font-size:var(--ds-text-xl);font-weight:var(--ds-weight-bold);color:var(--ds-color-text);padding:6px 12px;border-radius:var(--ds-radius-md) var(--ds-radius-md) 0 0;width:100%;max-width:400px;transition:all var(--ds-transition-fast)}.title-input:focus{outline:none;background:var(--ds-bg-paper);border-bottom-color:var(--ds-color-primary)}.title-input::placeholder{color:var(--ds-color-text-muted)}.desktop-only{display:flex}.mobile-only{display:none}.builder-shelf{display:flex;justify-content:space-between;align-items:center;padding:10px 32px;background:var(--ds-color-surface-raised);border-bottom:1px solid var(--ds-color-border-strong);box-shadow:0 4px 12px #2c24200d;position:relative;z-index:15;gap:16px;flex-wrap:wrap}.shelf-left{display:flex;align-items:center;gap:12px}.shelf-divider{color:var(--ds-color-border-strong);font-size:var(--ds-text-sm);-webkit-user-select:none;user-select:none}.shelf-right{display:flex;align-items:center;gap:16px}.shelf-control{display:flex;align-items:center;gap:6px}.shelf-control label{font-family:var(--ds-font-body);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);text-transform:uppercase;letter-spacing:var(--ds-tracking-caps);color:var(--ds-color-text-secondary);white-space:nowrap;cursor:default}.shelf-control select,.shelf-control input[type=number]{background:var(--ds-color-surface);border:1px solid var(--ds-color-border-strong);color:var(--ds-color-text);padding:0 10px;height:34px;border-radius:var(--ds-radius-md);font-family:var(--ds-font-body);font-size:var(--ds-text-xs);transition:border-color var(--ds-transition-fast)}.shelf-control select:focus,.shelf-control input[type=number]:focus{outline:2px solid var(--ds-color-accent);outline-offset:1px;border-color:var(--ds-color-primary)}.shelf-control input[type=number]{width:52px;text-align:center}.shelf-toggle{gap:6px}.shelf-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--ds-color-primary);cursor:pointer}.shelf-toggle label{cursor:pointer;margin:0}.builder-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:24px;background:var(--ds-bg-parchment);position:relative}.empty-builder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--ds-color-text-secondary);font-family:var(--ds-font-body);text-align:center;opacity:.7}.empty-builder h2{font-family:var(--ds-font-display);font-size:var(--ds-text-2xl);margin-bottom:8px;color:var(--ds-color-text)}.slide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding-bottom:64px}.slide-card{position:relative;background:var(--ds-color-surface-raised);border-radius:var(--ds-radius-lg);overflow:hidden;box-shadow:var(--ds-shadow-sm);transition:box-shadow .2s ease,transform .15s ease}.slide-card:hover{box-shadow:var(--ds-shadow-md);transform:translateY(-2px)}.slide-thumb{display:block;width:100%;aspect-ratio:1;object-fit:cover}.slide-number{position:absolute;top:6px;left:6px;background:#1e1812a6;color:#fdf8f0;font-family:var(--ds-font-body);font-size:11px;font-weight:var(--ds-weight-bold);min-width:22px;height:22px;border-radius:var(--ds-radius-pill);display:flex;align-items:center;justify-content:center;padding:0 6px;pointer-events:none;z-index:2}.remove-btn{position:absolute;top:6px;right:6px;background:var(--ds-color-error);color:#fff;border:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;z-index:3;opacity:0;transition:opacity .15s ease,transform .15s ease;box-shadow:var(--ds-shadow-sm)}.slide-card:hover .remove-btn{opacity:1}.remove-btn:hover{transform:scale(1.15)}.slide-controls{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;gap:4px;background:var(--ds-color-surface);border-top:1px solid var(--ds-color-border)}.slide-controls button{background:transparent;border:1px solid var(--ds-color-border);color:var(--ds-color-text-secondary);width:32px;height:32px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:all var(--ds-transition-fast);flex-shrink:0}.slide-controls button:hover:not(:disabled){background:var(--ds-bg-paper);color:var(--ds-color-text);border-color:var(--ds-color-text-secondary)}.slide-controls button:disabled{opacity:.25;cursor:not-allowed}.override-input{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.override-input input{width:36px;height:28px;text-align:center;background:var(--ds-bg-paper);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:12px;transition:border-color var(--ds-transition-fast);padding:0}.override-input input:focus{outline:2px solid var(--ds-color-accent);outline-offset:1px;border-color:var(--ds-color-primary)}.override-input span{font-family:var(--ds-font-body);font-size:10px;color:var(--ds-color-text-muted)}.slide-count{font-family:var(--ds-font-body);font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);font-weight:var(--ds-weight-semibold)}.sort-controls{display:flex;gap:6px}.sort-controls button{background:var(--ds-bg-paper);border:1px solid var(--ds-color-border-strong);color:var(--ds-color-text-secondary);min-height:36px;padding:0 12px;border-radius:var(--ds-radius-md);cursor:pointer;font-family:var(--ds-font-body);font-size:var(--ds-text-xs);transition:all var(--ds-transition-fast)}.sort-controls button:hover{background:var(--ds-color-surface);color:var(--ds-color-text)}.sort-controls button.active{background:var(--ds-color-surface);border-color:var(--ds-color-primary);color:var(--ds-color-primary);font-weight:var(--ds-weight-bold)}.fab-settings-btn{display:none;position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:var(--ds-color-surface);border:1px solid var(--ds-color-border-strong);color:var(--ds-color-text);font-size:1.5rem;align-items:center;justify-content:center;box-shadow:var(--ds-shadow-lg);cursor:pointer;z-index:1000;transition:all var(--ds-transition-fast)}.fab-settings-btn:hover{transform:scale(1.05);background:var(--ds-bg-paper);border-color:var(--ds-color-primary);box-shadow:var(--ds-shadow-xl)}.slideshow-settings-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--ds-color-surface-raised);padding:24px;border-radius:var(--ds-radius-xl) var(--ds-radius-xl) 0 0;box-shadow:var(--ds-shadow-xl);z-index:100001;display:flex;flex-direction:column;gap:20px;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-family:var(--ds-font-body);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);text-transform:uppercase;letter-spacing:var(--ds-tracking-caps);color:var(--ds-color-text-secondary)}.control-group select,.control-group input[type=number]{background:var(--ds-color-surface);border:1px solid var(--ds-color-border-strong);color:var(--ds-color-text);padding:0 12px;height:44px;border-radius:var(--ds-radius-md);font-family:var(--ds-font-body);font-size:var(--ds-text-sm);transition:border-color var(--ds-transition-fast),outline var(--ds-transition-fast)}.control-group select:focus,.control-group input[type=number]:focus{outline:2px solid var(--ds-color-accent);outline-offset:1px;border-color:var(--ds-color-primary)}.settings-sheet-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ds-color-border);padding-bottom:16px}.settings-sheet-header h3{font-family:var(--ds-font-display);font-size:var(--ds-text-xl);margin:0;color:var(--ds-color-text)}.close-sheet-btn{background:none;border:none;font-size:1.5rem;color:var(--ds-color-text-secondary);min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.builder-header{padding:12px 16px}.header-top{gap:10px}.header-bottom{width:100%;margin-top:16px}.title-input{font-size:var(--ds-text-lg);max-width:none}.builder-shelf{padding:10px 16px}.shelf-left{flex-wrap:wrap}.fab-settings-btn{display:flex;bottom:20px;right:20px;width:56px;height:56px;font-size:1.3rem}.builder-main{padding:12px}.slide-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.remove-btn{opacity:1}.slide-controls button{width:36px;height:36px}.sort-controls button{min-height:40px;padding:0 10px;font-size:11px}}.slideshow-builder-loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:var(--ds-bg-parchment);color:var(--ds-color-text-secondary);font-family:var(--ds-font-display);font-size:var(--ds-text-xl)}.slideshow-builder-error{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:var(--ds-bg-parchment);color:var(--ds-color-error);font-family:var(--ds-font-body);font-size:var(--ds-text-lg)}