.splash-page{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.page-bg{position:fixed;inset:0;z-index:0}.bg-gradient{position:absolute;inset:0;background:linear-gradient(160deg,var(--canvas) 0%,var(--surface-soft) 45%,var(--surface-card) 100%)}.bg-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}.splash-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:var(--space-section) var(--space-xl) var(--space-section);text-align:center}.brand-hero{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-xxl)}.brand-lockup{display:flex;align-items:center;gap:clamp(12px,2.5vw,24px);position:relative}.brand-logo{width:clamp(48px,8vw,76px);height:clamp(48px,8vw,76px);border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 4px 16px #2c241a26;border:2px solid var(--surface-hairline);position:relative;z-index:2;opacity:0;animation:logoFadeIn .6s ease 1.1s both}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.logo-intro{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:var(--canvas);animation:introOut .6s ease 1.1s both;pointer-events:none}.logo-intro-img{width:clamp(110px,20vw,160px);height:clamp(110px,20vw,160px);border-radius:50%;object-fit:cover;box-shadow:0 8px 32px #2c241a33;border:3px solid var(--surface-hairline);animation:introZoom 1.1s cubic-bezier(.22,1,.36,1) both}@keyframes introZoom{0%{transform:scale(.6);opacity:0}15%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes introOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.brand-text{text-align:left;flex:1;min-width:0;animation:fadeRight .8s ease 1.2s both}.brand-title{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,3rem);font-weight:700;color:var(--ink-primary);margin:0 0 clamp(6px,1vw,12px);letter-spacing:-.02em;line-height:1.15}.brand-title .accent{color:var(--accent-clay)}.brand-subtitle{font-family:var(--font-body);font-size:clamp(.85rem,2.2vw,1.1rem);color:var(--ink-muted);margin:0;line-height:1.7;max-width:460px}@keyframes fadeRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.choose-btn{margin-top:clamp(20px,4vw,40px);box-shadow:0 4px 16px #b8734b40;animation:fadeUp .8s ease 1.4s both}.choose-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #b8734b59}.intro-section{margin-top:var(--space-xxl);animation:fadeUp .8s ease 1.2s both}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.intro-card{background:#faf3e9f2;border:1px solid var(--surface-hairline);box-shadow:0 2px 8px #2c241a0f;padding:var(--space-xl);text-align:left;transition:all .3s ease;display:flex;flex-direction:column}.intro-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #2c241a1a;border-color:var(--accent-clay)}.intro-icon{font-size:2rem;margin-bottom:var(--space-md);color:var(--accent-clay)}.intro-card h3{font-family:var(--font-display);font-size:1.2rem;color:var(--ink-primary);margin:0 0 var(--space-md);position:relative;padding-bottom:var(--space-sm)}.intro-card h3:after{content:"";display:block;width:32px;height:3px;background:var(--accent-clay);margin-top:var(--space-sm);opacity:.7}.intro-card p{font-family:var(--font-body);font-size:.95rem;color:var(--ink-muted);line-height:1.8;margin:0}#identity-modal{display:flex;align-items:center;justify-content:center;background:#2c241a59;backdrop-filter:blur(4px);z-index:1000;animation:modalFade .3s ease both}.identity-modal{position:relative;width:90%;max-width:420px;background:#fdf8f1eb;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(232,221,208,.9);box-shadow:0 16px 48px #2c241a40;padding:var(--space-xl) var(--space-lg);text-align:center;animation:modalPop .4s ease both}.identity-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.identity-modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--ink-primary)}.modal-close{display:inline-flex;align-items:center;gap:4px;background:var(--surface-soft);border:1px solid var(--surface-hairline);box-shadow:0 1px 4px #2c241a1a;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--ink-muted);cursor:pointer;padding:6px 12px;border-radius:4px;transition:all .2s ease}.modal-close:hover{color:var(--ink-primary);background:var(--surface-card);border-color:var(--accent-clay);box-shadow:0 2px 8px #2c241a26}.identity-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.identity-card{background:#f5ede3d9;border:1px solid var(--surface-hairline);padding:var(--space-lg) var(--space-md);text-decoration:none;color:var(--ink-primary);transition:all .25s ease;cursor:pointer;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.identity-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #b8734b33;border-color:var(--accent-clay);background:#faf3e9f2}.identity-card:active{transform:scale(.97)}.card-icon{font-size:1.8rem;margin-bottom:var(--space-xs)}.identity-card h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--ink-primary);margin:0 0 var(--space-xs)}.identity-card p{font-family:var(--font-body);font-size:.8rem;color:var(--ink-muted);margin:0;line-height:1.4}.ip-selector{text-align:left;animation:fadeUp .3s ease both}.selector-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--surface-hairline)}.selector-header h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--ink-primary);margin:0}.ip-list{display:flex;flex-direction:column;gap:var(--space-xs)}.ip-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:#faf3e9cc;text-decoration:none;color:var(--ink-primary);transition:all .2s ease}.ip-item:hover{background:#f5ede3f2;transform:translate(4px)}.ip-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--ink-reverse);background:linear-gradient(135deg,var(--accent-clay),var(--accent-ochre));flex-shrink:0}.ip-name{flex:1;font-family:var(--font-ui);font-size:.95rem;font-weight:500}.ip-arrow{color:var(--ink-light);transition:color .2s}.ip-item:hover .ip-arrow{color:var(--accent-clay)}.loading-hint,.error-hint{text-align:center;padding:var(--space-lg);color:var(--ink-muted);font-size:.9rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:900px){.intro-grid{grid-template-columns:1fr;gap:var(--space-md)}.intro-card{padding:var(--space-lg);text-align:left}}@media(max-width:600px){.splash-content{padding:clamp(24px,6vw,48px) var(--space-md)}.brand-lockup{flex-direction:row;align-items:center}.brand-text{text-align:left}.identity-modal{width:92%;max-width:400px;padding:var(--space-lg)}.identity-cards{grid-template-columns:1fr;gap:var(--space-sm)}.identity-card{min-height:84px;flex-direction:row;gap:var(--space-md)}.card-icon{margin-bottom:0}.identity-card h2{margin-bottom:0;font-size:1.1rem}}