:root{--color-background:#fff;--color-surface:#f8f9fa;--color-surface-hover:#f0f1f2;--color-surface-active:#e8e9ea;--color-gold:#d4a853;--color-gold-light:#e8c97a;--color-gold-dark:#b8924a;--color-gold-subtle:#d4a8531a;--color-gold-glow:#d4a8534d;--color-support:#15803d;--color-support-light:#22c55e;--color-support-subtle:#15803d14;--color-support-glow:#15803d38;--color-text:#1a1a1a;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-gold:0 4px 16px #d4a85340;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease-out;--transition-base:.2s ease-out;--transition-slow:.3s ease-in-out;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500;--header-height:60px;--bottom-nav-height:72px;--content-max-width:600px}[data-theme=dark]{--color-background:#0f0f0f;--color-surface:#1a1a1a;--color-surface-hover:#252525;--color-surface-active:#303030;--color-gold:#e8c97a;--color-gold-light:#f0d99a;--color-gold-dark:#d4a853;--color-gold-subtle:#e8c97a1f;--color-gold-glow:#e8c97a40;--color-support:#4ade80;--color-support-light:#86efac;--color-support-subtle:#4ade801f;--color-support-glow:#4ade803d;--color-text:#f5f5f5;--color-text-secondary:#a0a0a0;--color-text-tertiary:#707070;--color-text-inverse:#0f0f0f;--color-border:#2a2a2a;--color-border-light:#1f1f1f;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-gold:0 4px 16px #e8c97a33}[data-season=fall]{--color-gold:#c9823b;--color-gold-light:#dfa65c;--color-gold-dark:#996025;--color-gold-subtle:#c9823b17;--color-gold-glow:#c9823b38}[data-season=fall] body{background-color:#fffdf9}[data-theme=dark][data-season=fall] body{background-color:#11100e}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}#app{min-height:100vh;max-width:var(--content-max-width);flex-direction:column;margin:0 auto;display:flex;position:relative}.app-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--color-text)}.app-title .gold{color:var(--color-gold)}.main-content{padding:0 var(--spacing-md);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-xl));flex:1}#app.auth-mode{max-width:none}#app.auth-mode .app-header,#app.auth-mode .bottom-nav{display:none}#app.auth-mode .auth-content{min-height:100vh;padding:0}.auth-screen{min-height:100vh;padding:var(--spacing-xl);background:radial-gradient(circle at top left, var(--color-gold-subtle), transparent 32rem), var(--color-background);justify-content:center;align-items:center;display:flex}.auth-panel{width:min(100%,420px);padding:var(--spacing-xl);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.auth-brand{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-xl)}.auth-brand span{color:var(--color-gold)}.auth-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.auth-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl)}.auth-google-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;min-height:52px;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-base), border-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);display:inline-flex}.auth-google-btn:hover{background:var(--color-surface-hover);border-color:var(--color-gold);box-shadow:var(--shadow-sm)}.auth-google-btn:active{transform:scale(.98)}.auth-google-mark{border-radius:var(--radius-full);color:#4285f4;border:1px solid var(--color-border);width:26px;height:26px;font-weight:var(--font-weight-bold);background:#fff;justify-content:center;align-items:center;line-height:1;display:inline-flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutToBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{to{opacity:0;transform:scale(4)}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-gold{color:var(--color-gold)}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out forwards}.animate-slide-up{opacity:0;animation:.4s cubic-bezier(.22,1,.36,1) forwards slideUp}.animate-scale-in{animation:scaleIn var(--transition-spring) forwards}.stagger-1{animation-delay:30ms}.stagger-2{animation-delay:60ms}.stagger-3{animation-delay:90ms}.stagger-4{animation-delay:.12s}.stagger-5{animation-delay:.15s}@media (width>=640px){:root{--spacing-md:1.25rem;--spacing-lg:2rem}.main-content{padding:0 var(--spacing-lg);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-xl))}}@media (width>=768px){:root{--header-height:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pattern-screen{z-index:10000;background:var(--color-background);opacity:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0;overflow-y:auto}.pattern-screen.active{opacity:1}.pattern-screen-content{padding:var(--spacing-xl);flex-direction:column;align-items:center;width:100%;max-width:400px;margin-block:auto;display:flex}.pattern-header{text-align:center;margin-bottom:var(--spacing-xl)}.pattern-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.pattern-title .gold{color:var(--color-gold)}.pattern-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.pattern-quote{font-family:Playfair Display,Georgia,serif;font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:320px;margin-top:var(--spacing-lg);text-align:center;font-style:italic;line-height:1.6}.pattern-grid-container{background:var(--color-surface);border-radius:var(--radius-2xl);justify-content:center;align-items:center;width:340px;height:340px;transition:transform .3s;display:flex}.pattern-grid-container.shake{animation:.5s ease-in-out patternShake}.pattern-grid-container.success{background:var(--color-gold-subtle);transform:scale(.95)}@keyframes patternShake{0%,to{transform:translate(0)}20%{transform:translate(-15px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}#pattern-canvas{touch-action:none;cursor:crosshair}.pattern-error{min-height:24px;font-size:var(--font-size-sm);color:#ef4444;margin-top:var(--spacing-lg);opacity:0;transition:opacity .2s}.pattern-error.visible{opacity:1}.pattern-cancel{margin-top:var(--spacing-xl);color:var(--color-text-secondary)!important}.pattern-cancel:hover{color:var(--color-text)!important;background:var(--color-surface)!important}@media (width>=1024px){.auth-screen{justify-content:center;align-items:center;padding:clamp(3rem,6vw,6rem)}.auth-panel{width:min(100%,480px);padding:clamp(2rem,4vw,3rem)}.auth-brand{font-size:var(--font-size-3xl)}.pattern-screen-content{max-width:860px;padding:var(--spacing-xl);grid-template-columns:minmax(260px,340px) 380px;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.pattern-header{text-align:left;margin-bottom:0}.pattern-title{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.pattern-subtitle,.pattern-quote{text-align:left}.pattern-quote{max-width:none}.pattern-grid-container{width:380px;height:380px}.pattern-cancel{grid-column:2;justify-self:center;margin-top:0}.pattern-error{margin-top:calc(-1 * var(--spacing-lg));grid-column:2;justify-self:center}}.bottom-nav{width:100%;max-width:var(--content-max-width);height:var(--bottom-nav-height);justify-content:center;align-items:center;gap:var(--spacing-sm);background:var(--color-background);border-top:1px solid var(--color-border-light);z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-indicator{display:none}.nav-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--color-text-tertiary);transition:color var(--transition-base), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;display:flex;position:relative}.nav-item:hover{color:var(--color-text-secondary)}.nav-item:active{transform:scale(.95)}.nav-item.active{color:var(--color-gold)}.nav-icon{stroke-width:1.75px;width:24px;height:24px;transition:transform var(--transition-spring)}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.01em}.settings-icon-dark{display:none}.category-tabs{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-lg);display:flex;position:relative}.category-tab{padding:var(--spacing-sm) var(--spacing-lg);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-base);-webkit-tap-highlight-color:transparent;background:0 0;border:none;position:relative}.category-tab:hover{color:var(--color-text-secondary)}.category-tab.active{color:var(--color-gold)}.category-tab:after{content:"";background:var(--color-gold);border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.category-tab.active:after{width:60%}.person-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.support-total-box{margin-bottom:var(--spacing-md);padding:var(--spacing-md);border:2px solid var(--color-support);border-radius:var(--radius-md);background:var(--color-support-subtle)}.support-total-label{color:var(--color-support);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.support-total-amount{color:var(--color-support);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.support-total-amount span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.bulk-action-open-btn{margin-bottom:var(--spacing-md);justify-content:flex-start}.bulk-action-toolbar{justify-content:flex-end;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.bulk-action-list{gap:var(--spacing-xs);flex-direction:column;max-height:min(44vh,420px);padding-right:2px;display:flex;overflow:auto}.bulk-action-person{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex}.bulk-action-checkbox{width:18px;height:18px;accent-color:var(--color-gold);flex-shrink:0}.person-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);-webkit-tap-highlight-color:transparent;display:flex}.person-card:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-sm)}.person-card:active{background:var(--color-surface-active);transform:scale(.98)}.person-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-gold-subtle), var(--color-gold-glow));width:48px;height:48px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gold-dark);flex-shrink:0;justify-content:center;align-items:center;display:flex}.person-info{flex:1;min-width:0}.person-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.person-preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.person-arrow{width:20px;height:20px;color:var(--color-text-tertiary);transition:transform var(--transition-base);flex-shrink:0}.person-card:hover .person-arrow{transform:translate(4px)}.fab{bottom:calc(var(--bottom-nav-height) + var(--spacing-lg));right:var(--spacing-lg);border-radius:var(--radius-full);background:var(--color-gold);width:56px;height:56px;color:var(--color-text-inverse);cursor:pointer;box-shadow:var(--shadow-gold);transition:background-color var(--transition-base), transform var(--transition-spring), box-shadow var(--transition-base);-webkit-tap-highlight-color:transparent;z-index:var(--z-base);border:none;justify-content:center;align-items:center;display:flex;position:fixed}.fab:hover{background:var(--color-gold-light);transform:scale(1.05);box-shadow:0 6px 20px #d4a85359}.fab:active{background:var(--color-gold-dark);transform:scale(.95)}.fab-icon{stroke-width:2.5px;width:24px;height:24px}@media (width>=640px){.fab{right:calc(50% - var(--content-max-width) / 2 + var(--spacing-lg))}}.modal-container{z-index:var(--z-modal-backdrop);pointer-events:none;place-items:end center;display:grid;position:fixed;inset:0}.modal-container[aria-hidden=false]{pointer-events:auto}.modal-backdrop{-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-slow);background:#0000004d;position:absolute;inset:0}.modal-container[aria-hidden=false] .modal-backdrop{opacity:1}.modal-content{width:100%;max-width:var(--content-max-width);height:calc(95vh - (var(--modal-index,0) * 20px));background:var(--color-background);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;transition:transform var(--transition-slow);z-index:var(--z-modal);flex-direction:column;grid-area:1/1;display:flex;position:relative;overflow:hidden;transform:translateY(100%)}.modal-content.modal-visible{transform:translateY(0)}.modal-content:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--transition-slow);z-index:100;border-radius:inherit;background:#0006;position:absolute;inset:0}.modal-content.modal-background:after{opacity:1}.modal-header{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-background);z-index:1;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.modal-drag-handle{background:var(--color-text-secondary);border-radius:var(--radius-full);width:40px;height:5px;margin:0 auto var(--spacing-sm) auto;opacity:.3}.modal-header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-close{border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);transition:background-color var(--transition-base), color var(--transition-base);border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.form-group{margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);display:block}.form-input{width:100%;padding:var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-md);transition:border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);border:2px solid #0000;outline:none}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:hover{background:var(--color-surface-hover)}.form-input:focus{background:var(--color-background);border-color:var(--color-gold);box-shadow:0 0 0 3px var(--color-gold-subtle)}.money-input{position:relative}.money-prefix{left:var(--spacing-md);color:var(--color-support);font-weight:var(--font-weight-semibold);pointer-events:none;z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.money-input-field{padding-left:calc(var(--spacing-md) + 1rem)}.support-label,.support-amount-input,.support-profile-summary{color:var(--color-support)}.support-start-emoji{margin-left:2px;display:inline-block}.support-start-date{margin-top:var(--spacing-xs);color:var(--color-support)}.support-amount-input:focus{border-color:var(--color-support);box-shadow:0 0 0 3px var(--color-support-glow)}.form-input-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);-webkit-tap-highlight-color:transparent;border:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-gold);color:var(--color-text-inverse);box-shadow:var(--shadow-gold)}.btn-primary:hover{background:var(--color-gold-light)}.btn-primary:active{background:var(--color-gold-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface-hover)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn-danger{color:#dc2626;background:#fee2e2}.btn-danger:hover{background:#fecaca}.btn-full{width:100%}.chip-list{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-gold-subtle);color:var(--color-gold-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);cursor:default;transition:background-color var(--transition-base);border:none;display:inline-flex}.chip-remove{border-radius:var(--radius-full);cursor:pointer;width:16px;height:16px;color:var(--color-gold-dark);margin-left:var(--spacing-xs);transition:background-color var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chip-remove:hover{background:var(--color-gold-glow)}.chip-add{background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border:1px dashed var(--color-border)}.chip-add:hover{background:var(--color-surface-hover);border-color:var(--color-gold);color:var(--color-gold)}.empty-state{padding:var(--spacing-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:80px;height:80px;margin-bottom:var(--spacing-lg);color:var(--color-gold-light);opacity:.6}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.empty-state-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:280px}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.settings-archive-summary{cursor:pointer;list-style:none}.settings-archive-summary::-webkit-details-marker{display:none}.settings-archive-summary:after{content:"+";float:right;color:var(--color-text-tertiary)}.settings-archive-collapse[open] .settings-archive-summary:after{content:"-"}.settings-item{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.settings-button{text-align:left;cursor:pointer;border:none;width:100%;font-family:inherit}.settings-status-card{align-items:flex-start;gap:var(--spacing-md)}.settings-actions{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-end;display:flex}.settings-quote-form{gap:var(--spacing-md);padding:var(--spacing-md);display:grid}.settings-quote-preview,.lock-screen-quote{white-space:pre-wrap;overflow-wrap:anywhere}.settings-quote-preview{padding:var(--spacing-md);border-left:3px solid var(--color-accent,#b48a43);color:var(--color-text-secondary);margin:0}.auth-quote{margin:var(--spacing-md) 0;color:var(--color-text-secondary);font-style:italic}.lock-screen-quote{max-height:30vh;overflow-y:auto}.settings-select{min-width:220px;max-width:min(360px,48vw)}@media (width<=640px){.settings-timezone-item,.settings-season-item{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.settings-timezone-item .settings-actions,.settings-season-item .settings-actions{justify-content:stretch}.settings-select{width:100%;max-width:none}}.settings-item-info{flex:1}.settings-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-xs)}.settings-item-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-item.disabled{opacity:.5;cursor:not-allowed}.settings-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-gold-subtle);color:var(--color-gold-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);display:inline-block}.settings-stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.settings-stat-card{text-align:center;flex-direction:column;align-items:center}.settings-empty-desc{color:var(--color-text-tertiary)}.hidden-file-input{display:none}.section-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.section-action{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gold);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none}.section-action:hover{color:var(--color-gold-dark)}.collapsible-section{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.collapsible-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;display:flex}.collapsible-section-chevron{color:var(--color-text-tertiary);transition:transform var(--transition-base);flex-shrink:0}.collapsible-section.expanded .collapsible-section-chevron{transform:rotate(180deg)}.collapsible-section-body{margin-top:var(--spacing-md)}.detail-section{margin-bottom:var(--spacing-xl)}.detail-header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.detail-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-gold-subtle), var(--color-gold-glow));width:72px;height:72px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gold-dark);justify-content:center;align-items:center;display:flex}.detail-name-section{flex:1}.detail-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-xs)}.detail-category{font-size:var(--font-size-sm);color:var(--color-gold);font-weight:var(--font-weight-medium)}.detail-actions-bar{justify-content:center;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background);border-top:1px solid var(--color-border-light);bottom:calc(-1 * var(--spacing-lg));margin:var(--spacing-lg) calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg));z-index:10;flex-wrap:wrap;display:flex;position:sticky}.detail-action-item{align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs);-webkit-tap-highlight-color:transparent;transition:transform var(--transition-fast);background:0 0;border:none;flex-direction:column;display:flex}.detail-action-item:active{transform:scale(.92)}.detail-action-icon{border-radius:var(--radius-full);background:var(--color-surface);width:44px;height:44px;color:var(--color-text-secondary);transition:background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);justify-content:center;align-items:center;display:flex}.detail-action-item:hover .detail-action-icon{background:var(--color-surface-hover);box-shadow:var(--shadow-sm)}.detail-action-icon--primary{background:var(--color-gold);color:var(--color-text-inverse);box-shadow:var(--shadow-gold)}.detail-action-item:hover .detail-action-icon--primary{background:var(--color-gold-light);box-shadow:0 4px 14px #d4a85359}.detail-action-icon--active{background:var(--color-gold-subtle);color:var(--color-gold)}.detail-action-icon--danger{color:var(--color-text-tertiary)}.detail-action-item:hover .detail-action-icon--danger{color:#dc2626;background:#fee2e2}.detail-action-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);transition:color var(--transition-base)}.detail-action-item:hover .detail-action-label{color:var(--color-text-secondary)}.notes-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.note-item{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);position:relative}.note-content{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed)}.timeline{padding-left:var(--spacing-xl);position:relative}.timeline:before{content:"";background:var(--color-border);border-radius:var(--radius-full);width:2px;position:absolute;top:8px;bottom:8px;left:8px}.timeline-item{padding-bottom:var(--spacing-lg);position:relative}.timeline-item:before{content:"";left:calc(-1 * var(--spacing-xl) + 4px);border-radius:var(--radius-full);background:var(--color-gold);border:2px solid var(--color-background);width:10px;height:10px;position:absolute;top:6px}.timeline-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--spacing-xs)}.timeline-content{font-size:var(--font-size-sm);color:var(--color-text)}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-hover) 50%, var(--color-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{height:16px;margin-bottom:var(--spacing-sm)}.skeleton-text:last-child{width:60%}.skeleton-avatar{border-radius:var(--radius-full);width:48px;height:48px}.toggle-switch{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-border);border-radius:var(--radius-full);transition:background-color var(--transition-base);position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--color-background);border-radius:var(--radius-full);width:22px;height:22px;transition:transform var(--transition-base);box-shadow:var(--shadow-sm);position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-gold)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--color-gold-subtle)}[data-theme=dark] .btn-danger{color:#fca5a5;background:#dc262626}[data-theme=dark] .btn-danger:hover{background:#dc262640}.dialog-container{z-index:600;padding:var(--spacing-lg);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-container[aria-hidden=false]{pointer-events:auto}.dialog-container .dialog-backdrop{-webkit-backdrop-filter:blur(4px);opacity:0;background:#0006;transition:opacity .2s;position:absolute;inset:0}.dialog-container[aria-hidden=false] .dialog-backdrop{opacity:1}.dialog-box{background:var(--color-background);border-radius:var(--radius-xl);width:100%;max-width:320px;box-shadow:var(--shadow-lg);opacity:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:relative;transform:scale(.9)}.dialog-container[aria-hidden=false] .dialog-box{opacity:1;transform:scale(1)}.dialog-content{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);text-align:center}.dialog-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.dialog-message{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.dialog-input{margin-top:var(--spacing-md)}.dialog-actions{border-top:1px solid var(--color-border-light);display:flex}.dialog-actions .btn{padding:var(--spacing-md);font-size:var(--font-size-base);box-shadow:none;border-radius:0;flex:1}.dialog-actions .btn:first-child{border-bottom-left-radius:var(--radius-xl)}.dialog-actions .btn:last-child{border-bottom-right-radius:var(--radius-xl)}.dialog-actions .btn:not(:last-child){border-right:1px solid var(--color-border-light)}.search-overlay{z-index:500;background:var(--color-background);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;transform:translate(100%)}.search-overlay[aria-hidden=false]{transform:translate(0)}.search-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-light);background:var(--color-background);display:flex}.search-back-btn{width:44px;height:44px;color:var(--color-text);cursor:pointer;border-radius:var(--radius-full);transition:background-color var(--transition-base);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.search-back-btn:hover{background:var(--color-surface)}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-input-icon{left:var(--spacing-md);color:var(--color-text-tertiary);pointer-events:none;position:absolute}.search-input{width:100%;padding:var(--spacing-md);padding-left:calc(var(--spacing-md) + 28px);padding-right:calc(var(--spacing-md) + 36px);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-lg);transition:background-color var(--transition-base);border:none;outline:none}.search-input:focus{background:var(--color-surface-hover)}.search-input::placeholder{color:var(--color-text-tertiary)}.search-clear-btn{right:var(--spacing-sm);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);transition:color var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.search-clear-btn:hover{color:var(--color-text)}.search-results{padding:var(--spacing-md);flex:1;max-height:calc(100vh - 70px);overflow-y:auto}.search-empty{padding:var(--spacing-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.search-empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--spacing-md);opacity:.5}.search-empty-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.search-result-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);cursor:pointer;transition:background-color var(--transition-base), transform var(--transition-fast);display:flex}.search-result-item:hover{background:var(--color-surface-hover)}.search-result-item:active{transform:scale(.98)}.search-result-info{flex:1;min-width:0}.search-result-matches{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.search-match-tag{font-size:var(--font-size-xs);color:var(--color-gold-dark);background:var(--color-gold-subtle);padding:2px var(--spacing-sm);border-radius:var(--radius-sm)}.search-match-more{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.search-result-category{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.view-enter{animation:.3s cubic-bezier(.4,0,.2,1) forwards viewSlideIn}.view-exit{animation:.2s ease-out forwards viewSlideOut}@keyframes viewSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes viewSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.tab-content{animation:.25s ease-out forwards tabFadeSlide}@keyframes tabFadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-header{z-index:var(--z-sticky);height:var(--header-height);padding:0 var(--spacing-md);background:linear-gradient(to bottom, var(--color-background) 80%, transparent);-webkit-backdrop-filter:blur(8px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{width:44px}.header-center{text-align:center;flex:1}.header-right{width:44px}.search-btn{width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:background-color var(--transition-base), color var(--transition-base);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.search-btn:hover{background:var(--color-surface);color:var(--color-gold)}.pin-indicator{color:var(--color-gold);margin-right:var(--spacing-xs);font-size:.85em}.prayer-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.prayer-item{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);transition:background-color var(--transition-base);display:flex}.prayer-item.answered{background:#22c55e1a}.prayer-icon{font-size:var(--font-size-lg);flex-shrink:0}.prayer-item.answered .prayer-icon{color:#22c55e}.prayer-content{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed);flex:1}.prayer-reminder-summary{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:2px;display:block}.prayer-item.answered .prayer-content{color:var(--color-text-secondary);text-decoration:line-through}.action-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.action-item{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border-left:3px solid var(--color-border);transition:background-color var(--transition-base), border-color var(--transition-base);display:flex}.action-item.action-todo{border-left-color:var(--color-text-tertiary)}.action-item.action-in-progress{border-left-color:var(--color-gold);background:var(--color-gold-subtle)}.action-item.action-done{background:#22c55e1a;border-left-color:#22c55e}.action-status-icon{font-size:var(--font-size-lg);color:var(--color-text-secondary);flex-shrink:0}.action-item.action-in-progress .action-status-icon{color:var(--color-gold)}.action-item.action-done .action-status-icon{color:#22c55e}.action-content{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed);flex:1}.action-item.action-done .action-content{color:var(--color-text-secondary);text-decoration:line-through}.task-status-indicator{border:2px solid var(--color-border);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:inline-flex}.action-item.action-done .task-status-indicator{background:#22c55e;border-color:#22c55e}.action-item.action-done .task-status-indicator:after{content:"";border:solid var(--color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;margin-top:-2px;transform:rotate(45deg)}.action-item-clickable{cursor:pointer}.me-task-input-row,.prayer-edit-item,.action-edit-item{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.prayer-edit-item{padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;align-items:stretch}.prayer-edit-main,.prayer-reminder-controls{align-items:center;gap:var(--spacing-sm);display:flex}.prayer-reminder-controls{flex-wrap:wrap}.prayer-reminder-toggle{align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:inline-flex}.prayer-reminder-date,.prayer-reminder-time,.prayer-reminder-cadence{flex:130px}.me-task-input-row .form-input,.prayer-input,.action-input{flex:1}.dynamic-status-select{width:auto;min-width:100px}.inline-add-btn,.view-add-note-btn,.resource-add-btn{justify-content:flex-start;width:100%}.inline-add-btn{margin-top:var(--spacing-sm)}.view-add-note-btn{margin-bottom:var(--spacing-sm)}.view-add-note-editor{margin-bottom:var(--spacing-md);display:none}.form-save-error{color:var(--color-danger,#b42318);white-space:pre-wrap;margin-top:var(--spacing-sm)}.form-save-error:empty{display:none}.resource-topic-choice{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) 0;display:flex}.view-add-note-fallback{resize:vertical;min-height:120px;display:none}.note-inline-actions{margin-top:var(--spacing-sm)}.transfer-description{margin-bottom:var(--spacing-md)}.profile-pic-form-group{text-align:center}.collapsible-section-title{cursor:pointer;margin:0}.note-quill-wrap{border-radius:var(--radius-md);overflow:hidden}.note-quill-wrap .ql-toolbar.ql-snow{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:4px 8px}.note-quill-wrap .ql-container.ql-snow{background:var(--color-surface);border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);border-top:none;min-height:80px}.note-quill-wrap .ql-editor{min-height:80px;padding:var(--spacing-md);line-height:var(--line-height-relaxed)}.note-quill-wrap .ql-editor.ql-blank:before{color:var(--color-text-secondary);opacity:.6;font-style:normal}.note-quill-wrap .ql-container.ql-snow:focus-within{border-color:var(--color-gold);box-shadow:0 0 0 3px var(--color-gold-subtle)}.note-quill-wrap .ql-snow .ql-stroke{stroke:var(--color-text-secondary)}.note-quill-wrap .ql-snow .ql-fill{fill:var(--color-text-secondary)}.note-quill-wrap .ql-snow button:hover .ql-stroke,.note-quill-wrap .ql-snow button.ql-active .ql-stroke{stroke:var(--color-gold)!important}.note-quill-wrap .ql-snow button:hover .ql-fill,.note-quill-wrap .ql-snow button.ql-active .ql-fill{fill:var(--color-gold)!important}.note-quill-wrap .ql-snow button:hover{color:var(--color-gold)!important}.note-edit-item{margin-bottom:var(--spacing-sm);position:relative}.note-remove-btn{top:var(--spacing-xs);right:var(--spacing-xs);opacity:.4;transition:opacity var(--transition-base);z-index:10;position:absolute}.note-edit-item:hover .note-remove-btn{opacity:1}.note-collapsible{background:var(--color-surface);border-radius:var(--radius-md);transition:box-shadow var(--transition-base);overflow:hidden}.note-collapsible+.note-collapsible{margin-top:var(--spacing-sm)}.note-collapse-header{padding:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--spacing-sm);display:flex}.note-collapse-header:hover{background:var(--color-surface-hover)}.note-collapse-info{flex:1;min-width:0}.note-date{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:2px}.note-preview{font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-collapse-chevron{color:var(--color-text-secondary);transition:transform var(--transition-base);flex-shrink:0}.note-collapsible.expanded .note-collapse-chevron{transform:rotate(180deg)}.note-collapse-body{max-height:0;transition:max-height .3s;overflow:hidden}.note-collapsible.expanded .note-collapse-body{max-height:2000px}.note-content-rendered{padding:0 var(--spacing-md) var(--spacing-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text)}.note-content-rendered p{margin:0 0 .5em}.note-content-rendered p:last-child{margin-bottom:0}.note-content-rendered strong{font-weight:600}.note-content-rendered em{font-style:italic}.note-content-rendered u{text-decoration:underline}.note-edit-btn{margin-top:var(--spacing-sm);font-size:var(--font-size-xs)!important;padding:var(--spacing-xs) var(--spacing-sm)!important;gap:var(--spacing-xs)!important;color:var(--color-gold)!important}.note-edit-btn:hover{background:var(--color-gold-subtle)!important}.note-inline-editor{margin-top:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-md)}.note-inline-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);justify-content:flex-end;display:flex}.btn-sm{padding:var(--spacing-xs) var(--spacing-md)!important;font-size:var(--font-size-sm)!important}.profile-pic-avatar{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%}.profile-pic-large{width:72px;height:72px}.profile-pic-edit-preview{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.profile-pic-upload{align-items:center;gap:var(--spacing-xs);cursor:pointer;margin-top:var(--spacing-sm);display:inline-flex!important}[data-theme=dark] .note-collapsible{background:var(--color-surface)}[data-theme=dark] .note-quill-wrap .ql-toolbar.ql-snow{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .note-quill-wrap .ql-container.ql-snow{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .note-quill-wrap .ql-editor{color:var(--color-text)}[data-theme=dark] .note-quill-wrap .ql-snow .ql-stroke{stroke:var(--color-text-secondary)}[data-theme=dark] .note-quill-wrap .ql-snow .ql-fill{fill:var(--color-text-secondary)}[data-theme=dark] .ql-editor.ql-blank:before{color:var(--color-text-secondary)!important}.update-banner{z-index:700;pointer-events:none;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.update-banner.visible{transform:translateY(0)}.update-banner-content{justify-content:center;align-items:center;gap:var(--spacing-md);min-height:52px;padding:calc(var(--spacing-sm) + env(safe-area-inset-top,0)) var(--spacing-lg) var(--spacing-sm);background:var(--color-text);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);display:flex}.update-banner-text{justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;line-height:1.4;display:flex}.update-banner-icon{color:var(--color-gold);flex-shrink:0}.resources-view{padding-top:var(--spacing-sm)}.resources-tab-bar{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-lg);display:flex}.topic-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.topic-card{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-base), border-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);-webkit-tap-highlight-color:transparent;text-align:center;border:2px solid #0000;flex-direction:column;min-height:120px;display:flex}.topic-card:hover{background:var(--color-surface-hover);border-color:var(--color-gold-subtle);box-shadow:var(--shadow-md)}.topic-card:active{transform:scale(.97)}.topic-card-icon{font-size:2rem;line-height:1}.topic-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.topic-card-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.topic-card-add{border:2px dashed var(--color-border);color:var(--color-text-tertiary);background:0 0}.topic-card-add:hover{border-color:var(--color-gold);color:var(--color-gold);background:var(--color-gold-subtle)}.topic-card-add-icon{color:inherit;opacity:.6}.topic-card-add:hover .topic-card-add-icon{opacity:1}.resource-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.resource-add-btn{margin-bottom:var(--spacing-md)}.resource-delete-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.resource-empty-icon{font-size:3rem}.resource-compact-empty{padding:var(--spacing-xl)}.resource-spacious-empty{padding-top:var(--spacing-2xl)}.resource-topic-chip{padding:2px 8px;font-size:.7rem}.resource-list-item{padding:var(--spacing-md);padding-right:calc(var(--spacing-md) + 28px);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-base), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;position:relative}.resource-list-item:hover{background:var(--color-surface-hover)}.resource-list-item:active{transform:scale(.99)}.resource-list-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gold-dark);margin-bottom:var(--spacing-xs)}.resource-list-quote{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm)}.resource-list-meta{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.resource-list-book{font-size:var(--font-size-xs);color:var(--color-gold-dark);font-weight:var(--font-weight-medium)}.resource-list-author,.resource-list-citation{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.resource-list-delete{top:var(--spacing-md);right:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;width:24px;height:24px;color:var(--color-text-tertiary);transition:background-color var(--transition-base), color var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.resource-list-delete:hover{color:#dc2626;background:#fee2e2}.resource-detail{padding-top:var(--spacing-sm)}.resource-detail-topic-badge{margin-bottom:var(--spacing-lg)}.resource-detail-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-md)}.resource-quote-block{font-family:var(--font-family);font-size:var(--font-size-lg);color:var(--color-text);padding:var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 4px);margin-bottom:var(--spacing-lg);background:var(--color-gold-subtle);border-left:4px solid var(--color-gold);border-radius:0 var(--radius-md) var(--radius-md) 0;white-space:pre-wrap;line-height:1.7;position:relative}.resource-detail-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.action-items-editor{gap:var(--spacing-sm);flex-direction:column;display:flex}.action-item-row{gap:var(--spacing-xs);align-items:flex-start;display:flex}.action-item-row .form-input{flex:1}.action-item-remove{border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;color:var(--color-text-tertiary);transition:background-color var(--transition-base), color var(--transition-base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:6px;display:flex}.action-item-remove:hover{color:#dc2626;background:#fee2e2}.action-number{font-weight:var(--font-weight-semibold);color:var(--color-gold-dark);margin-right:2px}.resource-suggested-text+.resource-suggested-text{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.resource-citation-line{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);padding-left:var(--spacing-md);font-style:italic}.resource-suggested-action{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border-light)}.resource-suggested-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.resource-suggested-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed)}.resource-action-item{align-items:flex-start;gap:var(--spacing-sm);justify-content:space-between;display:flex}.resource-action-item+.resource-action-item{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.resource-action-item .resource-suggested-text{flex:1;min-width:0}.btn-assign-single{white-space:nowrap;flex-shrink:0;font-size:var(--font-size-xs)!important;padding:var(--spacing-xs) var(--spacing-sm)!important;gap:var(--spacing-xs)!important;color:var(--color-gold-dark)!important}.btn-assign-single:hover{background:var(--color-gold-subtle)!important}.book-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.book-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);-webkit-tap-highlight-color:transparent;text-align:left;border:none;width:100%;display:flex}.book-card:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-sm)}.book-card:active{transform:scale(.98)}.book-card-icon{flex-shrink:0;font-size:1.5rem}.book-card-info{flex:1;min-width:0}.book-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:2px}.book-card-author{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.book-card-badge{border-radius:var(--radius-full);background:var(--color-gold-subtle);width:28px;height:28px;color:var(--color-gold-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.book-detail-author{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-style:italic}.book-detail-count{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.growth-plan-list,.transfer-options,.me-view{gap:var(--spacing-md);flex-direction:column;display:flex}.personal-growth-plan-section{border:2px solid var(--color-gold);border-radius:var(--radius-lg);padding:var(--spacing-md);background:var(--color-gold-subtle)}.me-add-growth-plan-btn{width:100%;margin-bottom:var(--spacing-md);background:var(--color-background);justify-content:flex-start}.growth-plan-current{margin-bottom:var(--spacing-md)}.growth-plan-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.personal-growth-plan-section .growth-plan-card{background:var(--color-background);border-color:var(--color-gold-glow)}.growth-plan-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.growth-plan-semester,.growth-goal-title,.growth-plan-subtitle{color:var(--color-text);font-weight:var(--font-weight-semibold)}.growth-plan-semester{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.growth-plan-actions{gap:var(--spacing-xs);flex-shrink:0;display:flex}.growth-goal{padding-top:var(--spacing-md)}.growth-goal+.growth-goal{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-md)}.growth-goal-title{font-size:var(--font-size-lg);line-height:var(--line-height-tight)}.growth-plan-sublist{margin-top:var(--spacing-sm);margin-left:var(--spacing-md);font-size:var(--font-size-sm)}.growth-plan-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.growth-plan-sublist ul{margin:var(--spacing-xs) 0 0 var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:0}.growth-plan-sublist li{margin-bottom:var(--spacing-xs)}.growth-plan-review-item{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.growth-plan-review-text{min-width:0}.growth-status-controls{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.growth-status-dot{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-background);opacity:.35;cursor:pointer;width:14px;height:14px;transition:opacity var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base)}.growth-status-dot:hover,.growth-status-dot.active{opacity:1}.growth-status-dot.active{box-shadow:0 0 0 2px var(--color-background), 0 0 0 4px var(--color-border-light);transform:scale(1.15)}.growth-status-green{background:#22c55e;border-color:#16a34a}.growth-status-yellow{background:#eab308;border-color:#ca8a04}.growth-status-red{background:#ef4444;border-color:#dc2626}.previous-semesters{border-top:1px solid var(--color-gold-glow);padding-top:var(--spacing-md)}.previous-semesters summary{cursor:pointer;color:var(--color-gold-dark);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.previous-semester-list{margin-top:var(--spacing-md)}.growth-goal-form{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.person-picker-header{margin-bottom:var(--spacing-md)}.person-picker-header .resource-suggested-action,.person-picker-header .person-picker-action-preview{margin-bottom:var(--spacing-md);background:var(--color-gold-subtle);border-radius:var(--radius-md);padding:var(--spacing-md)}.person-picker-search{margin-top:var(--spacing-sm)}.person-picker-list{flex-direction:column;display:flex}.person-picker-group-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm)}.person-picker-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:background-color var(--transition-base);-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit;display:flex}.person-picker-item:hover{background:var(--color-surface-hover)}.person-picker-item:active{background:var(--color-surface-active)}.person-picker-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-gold-subtle), var(--color-gold-glow));width:40px;height:40px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gold-dark);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.person-picker-avatar-img{object-fit:cover;width:100%;height:100%}.person-picker-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text)}.toast{bottom:calc(var(--bottom-nav-height) + var(--spacing-lg));background:var(--color-text);color:var(--color-text-inverse);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-lg);z-index:10000;opacity:0;transition:opacity var(--transition-base), transform var(--transition-base);pointer-events:none;white-space:nowrap;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(20px)}.toast-visible{opacity:1;transform:translate(-50%)translateY(0)}.notes-desktop-panel{display:none}@media (width>=900px){.modal-container{padding:var(--spacing-xl);align-items:center}.modal-content{border-radius:var(--radius-xl);width:min(960px,100vw - 4rem);max-width:none;height:min(86vh,880px);box-shadow:var(--shadow-lg);transform:translateY(24px)scale(.98)}.modal-content.modal-visible{transform:translateY(0)scale(1)}.modal-content.modal-background{transform:translateY(-18px)scale(.96)}.modal-drag-handle{display:none}.modal-header{padding:var(--spacing-lg) var(--spacing-xl)}.modal-title{font-size:var(--font-size-xl)}.modal-body{padding:var(--spacing-xl)}.detail-actions-bar,.edit-sticky-actions{bottom:calc(-1 * var(--spacing-xl));margin:var(--spacing-xl) calc(-1 * var(--spacing-xl)) calc(-1 * var(--spacing-xl));padding:var(--spacing-lg) var(--spacing-xl);justify-content:flex-end}.info-list{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.info-list .settings-item{margin-bottom:0}.edit-form #person-form{column-gap:var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.edit-form #person-form>.form-input-row,.edit-form #person-form>.support-edit-section,.edit-form #person-form>.collapsible-section,.edit-form #person-form>.edit-sticky-actions,.edit-form #person-form>.form-group:first-child{grid-column:1/-1}.edit-form #person-form>.form-group:has(#prayer-list){grid-column:1/-1}.edit-form #person-form>.form-group:has(#action-list){grid-column:1/-1}.resource-detail-actions{flex-direction:row;justify-content:flex-end}.search-overlay{padding:clamp(3rem, 8vh, 6rem) var(--spacing-xl);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#00000073;place-items:start center;display:grid;transform:none}.search-overlay[aria-hidden=false]{opacity:1;pointer-events:auto;transform:none}.search-header,.search-results{background:var(--color-background);width:min(860px,100vw - 4rem)}.search-header{border:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--spacing-md);border-bottom:none}.search-results{border:1px solid var(--color-border);border-radius:0 0 var(--radius-xl) var(--radius-xl);max-height:min(72vh,720px);padding:var(--spacing-md);box-shadow:var(--shadow-lg);border-top:none}}@media (width>=1024px){:root{--bottom-nav-height:0px;--content-max-width:1440px;--desktop-nav-width:88px;--header-height:72px}#app:not(.auth-mode){grid-template-columns:var(--desktop-nav-width) minmax(0, 1fr);grid-template-rows:var(--header-height) minmax(0, 1fr);width:100%;max-width:none;min-height:100vh;margin:0;display:grid}#app:not(.auth-mode) .app-header{justify-content:flex-start;gap:var(--spacing-md);border-bottom:1px solid var(--color-border-light);grid-area:1/2;width:100%;padding:0 clamp(2rem,4vw,4.5rem);position:sticky;top:0}#app:not(.auth-mode) .header-left{display:none}#app:not(.auth-mode) .header-center{text-align:left;flex:0 auto}#app:not(.auth-mode) .header-right{width:auto;margin-left:auto}#app:not(.auth-mode) .app-title{font-size:var(--font-size-2xl);letter-spacing:0}#app:not(.auth-mode) .main-content{width:100%;max-width:var(--content-max-width);grid-area:2/2;margin:0 auto;padding:clamp(1.5rem,3vw,3rem) clamp(2rem,4vw,4.5rem) clamp(2rem,4vw,4rem)}#app:not(.auth-mode) .bottom-nav{width:var(--desktop-nav-width);justify-content:center;gap:var(--spacing-md);max-width:none;height:100vh;padding:var(--spacing-xl) 0;background:var(--color-background);border-top:none;border-right:1px solid var(--color-border-light);box-shadow:none;flex-direction:column;top:0;bottom:0;left:0;transform:none}.nav-item{border-radius:var(--radius-lg);justify-content:center;width:56px;height:56px;padding:0}.nav-item:hover{background:var(--color-surface)}.nav-item.active{background:var(--color-gold-subtle);color:var(--color-gold-dark)}.nav-item.active .nav-icon{transform:scale(1)}.nav-icon{width:26px;height:26px}.fab{bottom:clamp(2rem,4vw,4rem);right:clamp(2rem,4vw,4.5rem)}.notes-view{gap:var(--spacing-xl);grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;display:grid}.notes-view .category-tabs{padding:0 0 var(--spacing-md);border-bottom:1px solid var(--color-border-light);grid-column:1/-1;justify-content:flex-start;margin-bottom:0}.notes-view .category-tab{padding:var(--spacing-sm) var(--spacing-md)}.notes-desktop-panel{top:calc(var(--header-height) + var(--spacing-lg));gap:var(--spacing-lg);min-width:0;padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex-direction:column;grid-column:1;display:flex;position:sticky}.notes-panel-eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.notes-panel-title{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);color:var(--color-text)}.notes-panel-stats{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.notes-panel-stat{min-width:0;padding:var(--spacing-sm);background:var(--color-background);border-radius:var(--radius-md);text-align:center}.notes-panel-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight);display:block}.notes-panel-stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px;display:block}.notes-panel-support{padding:var(--spacing-md);background:var(--color-support-subtle);border:1px solid var(--color-support-glow);border-radius:var(--radius-md);color:var(--color-support)}.notes-panel-support-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs);display:block}.notes-panel-support strong{font-size:var(--font-size-xl);line-height:var(--line-height-tight);display:block}.notes-panel-support span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.person-list-container{grid-column:2;min-width:0}.person-list{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(310px,1fr));display:grid}.person-card{align-items:center;min-height:84px}.support-total-box{margin-bottom:var(--spacing-lg)}.empty-state{border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-height:340px}.resources-view,.settings-view,.me-view,.schedule-view{width:100%}.resources-tab-bar{margin-bottom:var(--spacing-xl);padding:0 0 var(--spacing-md);border-bottom:1px solid var(--color-border-light);justify-content:flex-start}#resources-content{min-width:0}.topic-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.topic-card{min-height:160px;padding:var(--spacing-lg);text-align:left;align-items:flex-start}.topic-card-icon{font-size:2.4rem}.resource-list,.book-list{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.resource-list-item,.book-card{min-height:96px}.settings-view{gap:var(--spacing-xl);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.settings-section{min-width:0;margin-bottom:0}.settings-section:nth-of-type(7){grid-column:1/-1}.settings-item{min-height:72px;margin-bottom:var(--spacing-md)}.me-view{gap:var(--spacing-xl);grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);align-items:start;display:grid}.me-view .detail-section{margin-bottom:0}.personal-growth-plan-section{min-height:420px}.detail-view{column-gap:var(--spacing-xl);grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;display:grid}.detail-view>.detail-header{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex-direction:column;grid-column:1;margin-bottom:0;position:sticky;top:0}.detail-view>.detail-section,.detail-view>.next-meeting-section{grid-column:2;min-width:0}.detail-view>.detail-actions-bar{grid-column:1/-1}.detail-avatar,.profile-pic-large{width:88px;height:88px}.detail-name{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.toast{bottom:var(--spacing-xl);max-width:min(560px, calc(100vw - var(--desktop-nav-width) - 4rem));white-space:normal;left:calc(50% + 44px)}}@media (width>=1280px){.modal-content{width:min(1080px,100vw - 6rem)}.person-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.modal-dragging{transition:none!important}.edit-sticky-actions{justify-content:center;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-background);border-top:1px solid var(--color-border-light);bottom:calc(-1 * var(--spacing-lg));margin:var(--spacing-lg) calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg));z-index:10;display:flex;position:sticky}.schedule-view{padding-bottom:var(--spacing-lg)}.cal-header{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.cal-month-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center;flex:1}.cal-nav-btn{border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;width:40px;height:40px;color:var(--color-text-secondary);transition:background-color var(--transition-base), color var(--transition-base), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;display:flex}.cal-nav-btn:hover{background:var(--color-surface-hover);color:var(--color-gold)}.cal-nav-btn:active{transform:scale(.92)}.cal-today-btn{margin:0 auto var(--spacing-md) auto;padding:var(--spacing-xs) var(--spacing-lg);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gold);background:var(--color-gold-subtle);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-base), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;border:none;display:block}.cal-today-btn:hover{background:var(--color-gold-glow)}.cal-today-btn:active{transform:scale(.95)}.cal-dow-row{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.cal-dow-cell{text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-xs) 0}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-cell{aspect-ratio:1/1.15;background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;min-height:54px;transition:background-color var(--transition-base), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;padding:4px;display:flex;position:relative;overflow:hidden}.cal-cell:hover{background:var(--color-surface-hover)}.cal-cell:active{transform:scale(.96)}.cal-cell-empty{cursor:default;background:0 0}.cal-cell-empty:hover{background:0 0}.cal-cell-empty:active{transform:none}.cal-cell-today{background:var(--color-gold-subtle);border:2px solid var(--color-gold)}.cal-cell-today:hover{background:var(--color-gold-glow)}.cal-cell-today .cal-day-num{color:var(--color-gold-dark);font-weight:var(--font-weight-bold)}.cal-cell-past{opacity:.6}.cal-cell-past:hover{opacity:.8}.cal-day-num{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:2px;line-height:1}.cal-day-meetings{flex-direction:column;flex:1;gap:1px;display:flex;overflow:hidden}.cal-meeting-pill{color:var(--color-gold-dark);background:var(--color-gold-subtle);white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;line-height:1.2;font-weight:var(--font-weight-medium);border-radius:2px;padding:0 3px;overflow:hidden}.cal-meeting-more{color:var(--color-text-tertiary);font-size:.55rem;font-weight:var(--font-weight-semibold);padding:0 3px}.day-detail-view{padding-bottom:var(--spacing-lg)}.day-meeting-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.day-meeting-list-spaced{margin-top:var(--spacing-md)}.schedule-empty{padding-top:var(--spacing-xl)}.schedule-picker-empty{padding:var(--spacing-xl)}.schedule-empty-icon{font-size:2.5rem}.day-meeting-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border-left:3px solid var(--color-gold);cursor:pointer;transition:background-color var(--transition-base), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;display:flex}.day-meeting-item:hover{background:var(--color-surface-hover)}.day-meeting-item:active{transform:scale(.98)}.day-meeting-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gold);white-space:nowrap;min-width:75px}.day-meeting-info{flex:1}.day-meeting-person{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:2px}.day-meeting-location{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.day-meeting-notes{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:2px;font-style:italic}.day-meeting-repeat{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:4px}.meeting-detail-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.meeting-detail-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.meeting-detail-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);flex-shrink:0}.meeting-detail-value{font-size:var(--font-size-sm);color:var(--color-text);text-align:right}.meeting-form{padding-bottom:var(--spacing-lg)}.meeting-person-btn{cursor:pointer;width:100%;text-align:left!important;display:block!important}.meeting-actions,.repeat-delete-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.meeting-actions{margin-top:var(--spacing-lg)}.repeat-delete-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);text-align:center}.meeting-repeat-toggle{cursor:pointer}.meeting-person-placeholder{color:var(--color-text-tertiary)}.repeat-end-wrap,.meeting-reminder-custom{margin-top:var(--spacing-sm);display:none}.meeting-reminder-help{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.next-meeting-section{margin-bottom:var(--spacing-xl)}.next-meeting-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gold-subtle);border-radius:var(--radius-md);border-left:3px solid var(--color-gold);cursor:pointer;transition:background-color var(--transition-base), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;display:flex}.next-meeting-card:hover{background:var(--color-gold-glow)}.next-meeting-card:active{transform:scale(.98)}.next-meeting-icon{flex-shrink:0;font-size:1.5rem}.next-meeting-info{flex:1}.next-meeting-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.next-meeting-datetime{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.next-meeting-details{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.next-meeting-arrow{width:20px;height:20px;color:var(--color-gold);flex-shrink:0}@media (width>=1024px){.schedule-view{padding-bottom:0}.cal-header{padding:0 0 var(--spacing-md);margin-bottom:var(--spacing-sm)}.cal-month-label{font-size:var(--font-size-2xl)}.cal-today-btn{margin-bottom:var(--spacing-lg)}.cal-dow-row,.cal-grid{gap:var(--spacing-xs)}.cal-dow-cell{padding:var(--spacing-sm) 0}.cal-cell{aspect-ratio:auto;min-height:clamp(112px,10vw,148px);padding:var(--spacing-sm);border-radius:var(--radius-md)}.cal-day-num{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.cal-day-meetings{gap:3px}.cal-meeting-pill{font-size:var(--font-size-xs);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.cal-meeting-more{font-size:var(--font-size-xs);padding:0 var(--spacing-xs)}.day-meeting-list{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.day-meeting-item{min-height:96px}.meeting-detail-card{padding:var(--spacing-lg)}}
