:root{--bg-color:#1a1c20;--bg-gradient:linear-gradient(180deg, #24272c 0%, #151619 100%);--text-primary:#e6e6e6;--text-secondary:#a0a4aa;--text-accent:#fff;--border-color:#ffffff1a;--border-highlight:#ffffff40;--color-correct:#4a90e2;--color-impossible:#e24a4a;--font-serif:"Playfair Display", serif;--font-sans:"Inter", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{height:100dvh;overflow:hidden}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-primary);background-attachment:fixed;justify-content:center;align-items:center;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;line-height:1.5;display:flex;position:fixed;overflow:hidden}#root{background:var(--bg-gradient);flex-direction:column;width:100%;max-width:1000px;height:100%;max-height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}button{font-family:var(--font-sans);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff1a;border-radius:8px;padding:12px 24px;font-size:16px;transition:all .2s}button:active{background:#fff3;transform:scale(.98)}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:1s forwards fadeIn}.fade-out{animation:1s forwards fadeOut}.app-container{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.screen{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;position:absolute;top:0;left:0;overflow:hidden}.splash-screen{background:var(--bg-color);justify-content:center;align-items:center}.splash-title{letter-spacing:4px;color:var(--text-accent);font-size:42px}.home-screen{align-items:center;padding:40px 20px}.app-header{letter-spacing:2px;margin-bottom:60px;font-size:28px}.home-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.puzzle-title{margin-bottom:12px;font-size:36px}.puzzle-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:14px}.intro-screen{padding:20px 0}.top-bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 20px 10px;display:flex}.screen-title{font-size:20px}.icon-button{color:var(--text-secondary);text-align:left;background:0 0;border:none;width:60px;padding:8px 0;font-size:16px}.spacer{width:60px}.intro-content{flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.story-text p{color:var(--text-primary);font-size:18px;line-height:1.6;font-family:var(--font-serif);margin-bottom:24px}.bottom-bar{border-top:1px solid var(--border-color);padding:20px}.primary-button{border:1px solid var(--border-highlight);color:#fff;background:linear-gradient(#3a3f47 0%,#2a2d35 100%);border-radius:12px;padding:14px 32px;font-weight:500;box-shadow:0 4px 12px #0003}.primary-button.full-width{width:100%}.puzzle-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.notes-view{height:100%;padding:24px;overflow-y:auto}.section-header{font-family:var(--font-serif);color:var(--text-primary);border-bottom:1px solid #ffffff0d;margin-bottom:24px;padding-bottom:12px;font-size:22px}.clue-list{list-style:none}.clue-list li{color:var(--text-secondary);margin-bottom:8px;line-height:1.5;display:flex}.clue-bullet{background:#fff3;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px;margin-right:16px}.clue-text{font-size:16px}.arrange-view{flex-direction:column;flex:1;min-height:0;padding-top:10px;display:flex}.avatar-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:12px;padding:8px 20px 12px;display:flex}.avatar-card{opacity:.5;flex-direction:column;flex:1;align-items:center;transition:opacity .2s;display:flex}.avatar-card.selected{opacity:1}.avatar-circle{aspect-ratio:1;width:100%;height:auto;font-size:24px;font-family:var(--font-serif);border:1px solid var(--border-color);background:#2a2d35;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.avatar-name{font-size:14px}.relationship-list{flex:1;min-height:0;padding:0 24px;overflow-y:auto}.review-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.category-section{margin-top:12px}.category-title{color:var(--text-accent);margin-bottom:4px;font-size:14px;font-weight:500}.relationship-row{cursor:pointer;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.relationship-name{color:var(--text-secondary);font-size:14px}.checkbox{background:#2a2d35;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.checkbox.status-certain{background:var(--color-correct);color:#fff}.checkbox.status-impossible{color:var(--color-impossible)}.tab-bar{justify-content:center;display:flex}.tab-buttons{background:#ffffff0d;border-radius:12px;width:100%;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);background:0 0;border:none;border-radius:8px;flex:1;padding:12px 0}.tab-btn.active{color:var(--text-accent);background:#ffffff1a}