:root{--color-bg: #FAFAF8;--color-bg-warm: #F5F0EB;--color-surface: #FFFFFF;--color-text: #1A1A1A;--color-text-secondary: #6B6B6B;--color-text-muted: #999999;--color-accent: #C9A96E;--color-accent-light: #D4BA85;--color-accent-dark: #A8893E;--color-border: #E8E4DE;--color-border-light: #F0ECE6;--color-user-bubble: #1A1A1A;--color-user-text: #FAFAF8;--color-assistant-bubble: #F5F0EB;--color-error: #C44D4D;--color-locked: #D5D0C8;--font-serif: "Cormorant Garamond", "Georgia", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 50px rgba(0, 0, 0, .1);--shadow-gold: 0 4px 20px rgba(201, 169, 110, .15);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-weight:300;color:var(--color-text);background-color:var(--color-bg);line-height:1.6;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-serif);font-weight:400;letter-spacing:.08em}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-base) ease forwards}.brand-block{margin-bottom:var(--space-2xl);text-align:center}.brand-block__title{font-family:var(--font-serif);font-size:2.8rem;font-weight:300;letter-spacing:.25em;color:var(--color-text)}.brand-block__divider{width:40px;height:1px;background:var(--color-accent);margin:var(--space-sm) auto}.brand-block__subtitle{font-family:var(--font-sans);font-size:.75rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-secondary)}.app{display:flex;flex-direction:column;height:100dvh;background:var(--color-bg);overflow:hidden}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:var(--color-bg)}.app-loading__text{font-family:var(--font-serif);font-size:2rem;font-weight:300;letter-spacing:.25em;color:var(--color-text-muted);animation:pulse 1.5s infinite ease-in-out}.app-error{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-warm);border-bottom:1px solid var(--color-border);font-size:.8rem;color:var(--color-error)}.app-error button{font-family:var(--font-sans);font-size:.7rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-dark);background:transparent;border:1px solid var(--color-accent-dark);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:all var(--transition-fast)}.app-error button:hover{background:var(--color-accent-dark);color:var(--color-surface)}.login{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-lg);background:var(--color-bg)}.login__card{width:100%;max-width:380px;background:var(--color-surface);padding:var(--space-3xl) var(--space-xl);box-shadow:var(--shadow-xl);animation:fadeInScale var(--transition-slow) ease forwards;text-align:center}.login__instruction{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-weight:300}.login__form{display:flex;flex-direction:column;gap:var(--space-lg)}.login__field{position:relative}.login__input{width:100%;padding:var(--space-md) 0;font-family:var(--font-sans);font-size:.9rem;font-weight:300;letter-spacing:.05em;color:var(--color-text);background:transparent;border:none;outline:none;text-align:center}.login__input::placeholder{color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem}.login__input-line{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:var(--color-border);transition:all var(--transition-base)}.login__input:focus~.login__input-line{width:100%;background:var(--color-accent)}.login__error{font-size:.75rem;color:var(--color-error);letter-spacing:.05em}.login__button{padding:var(--space-md) var(--space-xl);font-family:var(--font-sans);font-size:.7rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--color-surface);background:var(--color-text);border:1px solid var(--color-text);cursor:pointer;transition:all var(--transition-base)}.login__button:hover:not(:disabled){background:transparent;color:var(--color-text)}.login__button:disabled{opacity:.4;cursor:not-allowed}@media(min-width:768px){.login__card{padding:var(--space-3xl) var(--space-2xl)}.login__card .brand-block__title{font-size:3.2rem}}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-lg) var(--space-md);text-align:center;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header__inner{max-width:600px;margin:0 auto;position:relative}.header__title{font-family:var(--font-serif);font-size:2rem;font-weight:300;letter-spacing:.25em;color:var(--color-text);margin-bottom:var(--space-xs)}.header__divider{width:40px;height:1px;background:var(--color-accent);margin:var(--space-sm) auto}.header__subtitle{font-family:var(--font-sans);font-size:.75rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.header__progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.header__progress-text{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.header__progress-bar{width:120px;height:2px;background:var(--color-border);border-radius:1px;overflow:hidden}.header__progress-fill{height:100%;background:var(--color-accent);border-radius:1px;transition:width var(--transition-slow)}.header__logout{position:absolute;top:var(--space-sm);right:var(--space-sm);background:transparent;border:none;color:var(--color-text-muted);font-size:.75rem;cursor:pointer;padding:var(--space-xs);opacity:.4;transition:opacity var(--transition-fast)}.header__logout:hover{opacity:1}@media(min-width:768px){.header{padding:var(--space-xl) var(--space-lg)}.header__title{font-size:2.5rem}}.gallery{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.gallery__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:transparent;border:none;cursor:pointer;font-family:var(--font-sans);color:var(--color-text-secondary);transition:color var(--transition-fast)}.gallery__toggle:hover{color:var(--color-text)}.gallery__toggle-label{font-size:.65rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;display:flex;align-items:center;gap:var(--space-sm)}.gallery__toggle-count{color:var(--color-accent);font-weight:500}.gallery__toggle-icon{font-size:1rem;transition:transform var(--transition-base);transform:rotate(90deg)}.gallery__toggle-icon--open{transform:rotate(-90deg)}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-sm);padding:0 var(--space-md) var(--space-md)}.gallery__card{aspect-ratio:1;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:all var(--transition-base);position:relative}.gallery__card--revealed{border-color:var(--color-accent);box-shadow:var(--shadow-gold)}.gallery__image-wrapper{width:100%;height:100%;overflow:hidden}.gallery__image{width:100%;height:100%;object-fit:cover;animation:fadeIn var(--transition-slow) ease forwards}.gallery__name{position:absolute;bottom:0;left:0;right:0;padding:2px var(--space-xs);font-size:.55rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--color-surface);background:linear-gradient(transparent,#1a1a1ab3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery__locked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);color:var(--color-locked);width:100%;height:100%;background:var(--color-bg)}.gallery__locked-icon{opacity:.5}.gallery__locked-text{font-family:var(--font-serif);font-size:1.2rem;font-weight:300;color:var(--color-text-muted)}@media(max-width:480px){.gallery__grid{gap:var(--space-xs);padding:0 var(--space-sm) var(--space-sm)}.gallery__name{font-size:.45rem}.gallery__locked-text{font-size:1rem}}@media(min-width:768px){.gallery__grid{max-width:600px;margin:0 auto;gap:var(--space-md);padding:0 var(--space-lg) var(--space-lg)}.gallery__name{font-size:.65rem;padding:var(--space-xs) var(--space-sm)}}.chat{flex:1;display:flex;flex-direction:column;max-width:600px;width:100%;margin:0 auto;min-height:0;position:relative}.chat__swirl{position:absolute;inset:-2px;border-radius:var(--radius-lg);pointer-events:none;z-index:1;overflow:hidden;opacity:0;transition:opacity var(--transition-base)}.chat--loading .chat__swirl{opacity:1}.chat__swirl-track{position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0%,transparent 60%,var(--color-accent-light) 75%,var(--color-accent) 85%,var(--color-accent-light) 95%,transparent 100%);animation:swirl-rotate 2.5s linear infinite}.chat--loading .chat__swirl-track{animation-play-state:running}@keyframes swirl-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat__messages,.chat__input-area{position:relative;z-index:2}.chat__swirl:after{content:"";position:absolute;inset:2px;background:var(--color-bg);border-radius:var(--radius-lg)}.chat__messages{flex:1;overflow-y:auto;padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.chat__welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-lg);text-align:center;flex:1}.chat__welcome-emoji{font-size:2.5rem;margin-bottom:var(--space-md)}.chat__welcome-text{font-family:var(--font-serif);font-size:1.3rem;font-weight:400;letter-spacing:.03em;color:var(--color-text);margin-bottom:var(--space-sm)}.chat__welcome-hint{font-size:.8rem;color:var(--color-text-muted);font-weight:300}.chat__bubble{max-width:85%;padding:var(--space-md) var(--space-lg);line-height:1.6;font-size:.9rem;font-weight:300}.chat__bubble--user{align-self:flex-end;background:var(--color-user-bubble);color:var(--color-user-text);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg);box-shadow:var(--shadow-md)}.chat__bubble--assistant{align-self:flex-start;background:var(--color-assistant-bubble);color:var(--color-text);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.chat__bubble-text{white-space:pre-wrap;word-break:break-word}.chat__bubble--typing{display:flex;gap:6px;padding:var(--space-md) var(--space-lg)}.chat__typing-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);animation:pulse 1.2s infinite ease-in-out}.chat__typing-dot:nth-child(2){animation-delay:.2s}.chat__typing-dot:nth-child(3){animation-delay:.4s}.chat__input-area{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 10px #00000008}.chat__input{flex:1;padding:var(--space-md) var(--space-lg);font-family:var(--font-sans);font-size:.85rem;font-weight:300;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:border-color var(--transition-fast)}.chat__input:focus{border-color:var(--color-accent)}.chat__input::placeholder{color:var(--color-text-muted);font-weight:300}.chat__send{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-text);color:var(--color-surface);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.chat__send:hover:not(:disabled){background:var(--color-accent-dark);box-shadow:var(--shadow-gold)}.chat__send:disabled{opacity:.3;cursor:not-allowed}@media(max-width:480px){.chat__messages{padding:var(--space-md) var(--space-sm)}.chat__bubble{max-width:90%;padding:var(--space-sm) var(--space-md);font-size:.85rem}.chat__input-area{padding:var(--space-sm)}}@media(min-width:768px){.chat__messages{padding:var(--space-xl) var(--space-lg)}}