:root{--font-heading: "Source Serif 4", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brand-primary: #2D3142;--brand-accent: #C17749;--color-bg: #FAFAF8;--color-surface: #FFFFFF;--color-text: #1A1A1A;--color-text-muted: #6B7280;--color-border: #E5E7EB;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-hover: 0 8px 28px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--ease-airbnb: cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}a{color:var(--brand-accent);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.char-select-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);gap:var(--space-lg);background:linear-gradient(180deg,var(--color-bg) 0%,#EDE9E3 100%)}.char-select-header{text-align:center}.char-select-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15;color:var(--brand-primary);margin-bottom:.25rem}.char-select-subtitle{font-size:1.125rem;color:var(--color-text-muted);font-weight:400;letter-spacing:.02em}.char-select-stage{position:relative;width:100%;max-width:1100px}.char-select-roster{display:flex;justify-content:center;align-items:flex-end;gap:clamp(.75rem,2vw,1.5rem);padding:0 var(--space-sm) var(--space-sm);position:relative;z-index:1;flex-wrap:wrap}.char-select-platform{display:none}.char-select-slot{display:flex;flex-direction:column;align-items:center;gap:0;border:none;background:none;cursor:pointer;padding:0;font-family:inherit;position:relative;transition:transform .25s var(--ease-airbnb)}.char-select-slot:hover{transform:translateY(-8px)}.char-select-slot:active{transform:translateY(-2px)}.char-select-figure{position:relative;display:flex;flex-direction:column;align-items:center}.char-select-avatar{transition:transform .3s var(--ease-airbnb),filter .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}.char-select-slot:hover .char-select-avatar{transform:scale(1.08);filter:drop-shadow(0 8px 16px rgba(0,0,0,.18))}.char-select-shadow{width:70px;height:14px;background:radial-gradient(ellipse,rgba(0,0,0,.15) 0%,transparent 70%);border-radius:50%;margin-top:-6px;transition:all .3s var(--ease-airbnb)}.char-select-slot:hover .char-select-shadow{width:80px;height:16px;background:radial-gradient(ellipse,rgba(0,0,0,.1) 0%,transparent 70%)}.char-select-nameplate{text-align:center;padding:.5rem .75rem .4rem;border-radius:8px;background:var(--color-surface);border:2px solid var(--color-border);transition:all .25s var(--ease-airbnb);min-width:130px;max-width:170px;margin-top:4px}.char-select-slot:hover .char-select-nameplate{background:var(--plate-bg);border-color:var(--plate-bg);transform:scale(1.04)}.char-select-name{display:block;font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:var(--brand-primary);line-height:1.2;transition:color .25s ease}.char-select-slot:hover .char-select-name{color:#fff}.char-select-desc{display:block;font-size:.7rem;color:var(--color-text-muted);line-height:1.3;transition:color .25s ease}.char-select-slot:hover .char-select-desc{color:#ffffffd9}.community-section-label{font-family:"Source Serif 4",Georgia,serif;font-size:1rem;color:#a09b93;text-align:center;margin-top:2.5rem;margin-bottom:.75rem;letter-spacing:.02em}.community-roster{opacity:.92}.dynamic-avatar svg{width:100%;height:100%}.admin-delete-btn{position:absolute;top:-4px;right:-4px;z-index:10;width:22px;height:22px;border-radius:50%;background:#e53e3e;color:#fff;font-size:14px;font-weight:700;line-height:22px;text-align:center;cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .15s ease,background .15s ease}.admin-delete-btn:hover{background:#c53030;transform:scale(1.15)}.custom-profession-bar{text-align:center;padding:2rem 1.5rem 3rem}.custom-profession-label{font-family:"Source Serif 4",Georgia,serif;font-size:1.1rem;color:#2d3142;margin-bottom:.75rem}.custom-profession-form{display:flex;justify-content:center;gap:.5rem;max-width:420px;margin:0 auto}.custom-profession-input{flex:1;padding:.65rem 1rem;font-family:Inter,system-ui,sans-serif;font-size:.95rem;border:2px solid #D5D0C8;border-radius:8px;background:#fff;color:#2d3142;outline:none;transition:border-color .2s}.custom-profession-input:focus{border-color:#c17749}.custom-profession-input::placeholder{color:#a09b93}.custom-profession-btn{padding:.65rem 1.5rem;font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:600;color:#fff;background:#2d3142;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.custom-profession-btn:hover:not(:disabled){background:#c17749}.custom-profession-btn:disabled{opacity:.5;cursor:not-allowed}.custom-profession-error{color:#b91c1c;font-size:.85rem;margin-top:.5rem}@media(max-width:768px){.char-select-roster{gap:.5rem}.char-select-avatar svg{width:100px;height:auto}.char-select-nameplate{min-width:90px;max-width:120px;padding:.35rem .5rem .3rem}.char-select-name{font-size:.75rem}.char-select-desc{font-size:.6rem}}@media(max-width:480px){.char-select-avatar svg{width:80px;height:auto}.char-select-nameplate{min-width:76px;max-width:100px}.char-select-roster{gap:.4rem}}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg)}.loading-emoji{font-size:4rem;line-height:1;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--brand-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{font-size:1rem;color:var(--color-text-muted);font-weight:500;transition:opacity .3s ease}.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);text-align:center}.error-emoji{font-size:3rem}.error-message{color:var(--color-text-muted)}.error-retry{margin-top:var(--space-sm);padding:.75rem 1.5rem;background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s var(--ease-airbnb)}.error-retry:hover{background:#1f2233}.back-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.6rem 1rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s var(--ease-airbnb);margin-bottom:var(--space-md)}.back-button:hover{background:var(--color-bg);box-shadow:var(--shadow-sm)}.back-arrow{font-size:1.1rem}.results-page-calendar{max-width:1100px;margin:0 auto;padding:var(--space-lg)}.results-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.results-header-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0}.results-header-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--brand-primary)}.results-header-desc{color:var(--color-text-muted);font-size:.95rem}.summary-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.summary-stat{display:flex;flex-direction:column;gap:.15rem}.summary-stat-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.summary-stat-value{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--brand-primary)}.summary-stat-ai .summary-stat-value{color:#3d6b4f}.summary-arrow{font-size:1.25rem;color:var(--color-text-muted)}.summary-pills{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-wrap:wrap}.summary-saved{display:flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:700;color:#3d6b4f;background:#edf3ef;padding:.4rem .8rem;border-radius:999px}.summary-saved-icon{font-size:1rem}.summary-enhanced{display:flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:700;color:#4e3660;background:#f0ebf3;padding:.4rem .8rem;border-radius:999px}.summary-enhanced-icon{font-size:1rem}.category-legend{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-md);padding:0 .25rem}.legend-item{display:flex;align-items:center;gap:.35rem}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-label{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.calendar-wrapper{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--space-lg)}.calendar-scroll{overflow-x:auto;overflow-y:auto;max-height:720px;-webkit-overflow-scrolling:touch}.calendar-grid{position:relative;min-width:700px}.day-tabs{display:none;gap:.25rem;padding:var(--space-sm);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.day-tab{all:unset;box-sizing:border-box;cursor:pointer;flex:1;text-align:center;padding:.5rem .75rem;font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all .15s var(--ease-airbnb)}.day-tab:hover{background:var(--color-bg)}.day-tab-active{background:var(--brand-primary);color:#fff}.day-tab-active:hover{background:var(--brand-primary)}.time-axis{position:absolute;top:0;left:0;width:56px;height:100%;z-index:2;pointer-events:none}.time-axis-label{position:absolute;right:8px;transform:translateY(-50%);font-size:.7rem;font-weight:500;color:var(--color-text-muted);white-space:nowrap}.calendar-days-desktop{margin-left:56px}.calendar-day-headers{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-surface);z-index:3}.day-header{padding:.6rem 0;text-align:center;font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--brand-primary)}.calendar-day-columns{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.calendar-grid-line{position:absolute;left:0;right:0;height:1px;background:var(--color-border);opacity:.5;pointer-events:none;z-index:0}.day-column{position:relative;border-right:1px solid var(--color-border);min-height:100%}.day-column:last-child{border-right:none}.calendar-event{all:unset;box-sizing:border-box;position:absolute;left:3px;right:3px;border-left:3px solid;border-radius:4px;padding:4px 6px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:1px;z-index:1;transition:box-shadow .15s var(--ease-airbnb),transform .15s var(--ease-airbnb)}.calendar-event:hover{box-shadow:var(--shadow-md);transform:scale(1.02);z-index:2}.event-time{font-size:.6rem;font-weight:600;opacity:.7;white-space:nowrap}.event-title{font-size:.7rem;font-weight:600;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.event-ai-badge{position:absolute;bottom:3px;right:4px;font-size:.6rem;line-height:1}.calendar-day-mobile{display:none;margin-left:56px}.calendar-day-columns-mobile{position:relative}.calendar-day-columns-mobile .day-column{border-right:none}@media(max-width:640px){.calendar-grid{min-width:unset}.day-tabs{display:flex}.calendar-days-desktop{display:none}.calendar-day-mobile{display:block}.results-page-calendar{padding:var(--space-sm)}.results-header{padding:var(--space-md)}.results-header-title{font-size:1.35rem}.summary-bar{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.summary-stat-value{font-size:1.2rem}.summary-pills{margin-left:0}.category-legend{gap:var(--space-sm)}}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-md);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.event-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:480px;width:100%;max-height:85vh;overflow-y:auto;position:relative;animation:slideUp .2s var(--ease-airbnb)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-close{all:unset;box-sizing:border-box;position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.4rem;color:var(--color-text-muted);cursor:pointer;transition:background .15s ease;z-index:1}.modal-close:hover{background:var(--color-bg)}.modal-category-bar{height:4px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-body{padding:var(--space-lg)}.modal-category{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;display:block}.modal-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--brand-primary);line-height:1.25;margin-bottom:.35rem}.modal-time{font-size:.9rem;color:var(--color-text-muted);font-weight:500;margin-bottom:var(--space-sm)}.modal-desc{font-size:.9rem;color:var(--color-text);line-height:1.6}.modal-divider{height:1px;background:var(--color-border);margin:var(--space-md) 0}.modal-ai-section{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-ai-header{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.modal-ai-icon{font-size:1rem}.modal-ai-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-accent)}.modal-ai-desc{font-size:.875rem;color:var(--color-text);line-height:1.6}.modal-time-comparison{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.modal-time-block{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .8rem;border-radius:var(--radius-sm);flex:1;min-width:120px}.modal-time-current{background:#f5f5f5}.modal-time-ai{background:#edf3ef}.modal-time-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.modal-time-value{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--color-text)}.modal-time-ai .modal-time-value{color:#3d6b4f}.modal-time-arrow{color:var(--color-text-muted);font-size:1.1rem;flex-shrink:0}.diff-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .45rem;border-radius:999px}.diff-easy{background:#edf3ef;color:#3d6b4f}.diff-moderate{background:#f5ede7;color:#9a5c2e}.diff-advanced{background:#f3eaed;color:#8b3a4a}.time-saved-badge{display:inline-flex;align-self:flex-start;font-size:.75rem;font-weight:600;color:#3d6b4f;background:#edf3ef;padding:.2rem .6rem;border-radius:999px}.enhancement-badge{display:inline-flex;align-self:flex-start;font-size:.75rem;font-weight:600;color:#4e3660;background:#f0ebf3;padding:.2rem .6rem;border-radius:999px}.modal-enhancement-block{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:#f0ebf3;border-radius:var(--radius-sm);border-left:3px solid #6B4C82}.modal-enhancement-icon{font-size:1.2rem;color:#6b4c82;flex-shrink:0}.modal-enhancement-label{display:block;font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:#4e3660}.modal-enhancement-subtitle{display:block;font-size:.75rem;color:#7a6188;font-weight:400}.modal-ai-label-enhancer,.event-ai-badge-enhancer{color:#6b4c82}.tier-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;border-radius:999px;margin-left:.35rem}.tier-free{background:#edf3ef;color:#3d6b4f}.modal-tool{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.6rem .8rem;background:var(--color-bg);border-radius:var(--radius-sm)}.modal-tool-label{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.modal-tool-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.875rem;font-weight:600;color:var(--brand-accent);text-decoration:none}.modal-tool-link:hover{text-decoration:underline}.modal-tool-arrow{font-size:.8rem}.chevron{font-size:1.2rem;color:var(--color-text-muted);transition:transform .2s var(--ease-airbnb);display:inline-block;flex-shrink:0}.chevron-open{transform:rotate(90deg)}.quick-wins-block{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.quick-wins-toggle{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-lg);gap:var(--space-md)}.quick-wins-toggle:hover{background:#00000004}.quick-wins-toggle-left{display:flex;align-items:center;gap:var(--space-md)}.quick-wins-icon{font-size:2rem;line-height:1}.quick-wins-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--brand-primary)}.quick-wins-subtitle{font-size:.85rem;color:var(--color-text-muted)}.quick-wins-content{padding:0 var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.quick-win-item{padding:var(--space-md);background:var(--color-bg);border-radius:var(--radius-sm)}.quick-win-item-header{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xs)}.quick-win-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--brand-primary);color:#fff;font-size:.8rem;font-weight:700}.quick-win-item-title{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--color-text)}.quick-win-time{font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.quick-win-item-desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.55;margin-left:calc(28px + var(--space-sm))}.prompt-block{margin-left:calc(28px + var(--space-sm));margin-top:var(--space-sm);background:#f8f7f5;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.prompt-label{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);background:#f2f0ec}.prompt-label-icon{font-size:.85rem}.prompt-text{padding:.75rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.6;color:var(--color-text);white-space:pre-wrap;word-break:break-word}.prompt-copy-btn{display:block;width:100%;padding:.5rem;border:none;border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--brand-accent);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.prompt-copy-btn:hover{background:var(--brand-accent);color:#fff}