:root{--bg: #0E1220;--bg2: #161C30;--card: #1C2338;--accent: #FF5C8A;--gold: #FFC247;--green: #35D07F;--blue: #5CB8FF;--red: #FF4D5E;--text: #F2F4FB;--muted: #9AA3C0;--hint: #6B7598}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:linear-gradient(180deg,#0e1220,#161c30);font-family:system-ui;color:var(--text);-webkit-text-size-adjust:100%}.screen{min-height:100vh}.screen-body{max-width:480px;margin:0 auto;padding:20px 24px 40px}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}.spread{display:flex;justify-content:space-between;align-items:center}.center{display:flex;align-items:center;justify-content:center}.wrap{display:flex;flex-wrap:wrap;gap:8px}.grow{flex-grow:1}.g8{gap:8px}.g12{gap:12px}.mt8{margin-top:8px}.mt16{margin-top:16px}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.divider{height:1px;background:#323c6180;margin:12px 0}.h1{font-size:34px;font-weight:700;color:var(--text)}.h2{font-size:24px;font-weight:700;color:var(--text)}.h3{font-size:20px;font-weight:700;color:var(--text)}.sub{font-size:16px;color:var(--muted)}.hint{font-size:14px;color:var(--hint)}.small{font-size:12px;color:var(--muted)}.card{background:var(--card);border-radius:24px;border:1px solid rgba(50,60,97,.5)}.card-pad{padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#232b45;border-radius:16px;padding:12px 22px;font-size:18px;font-weight:600;color:var(--text);border:none;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-warm{background:linear-gradient(90deg,var(--accent),#FF9A5C);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--muted);color:var(--text)}.btn-icon{width:64px;height:64px;border-radius:18px;font-size:26px;background:var(--bg2);border:1px solid rgba(50,60,97,.5);color:var(--text);cursor:pointer}.btn-sm{padding:6px 12px;font-size:15px;border-radius:12px}.btn-block{width:100%;display:block}.pill{border-radius:999px;padding:8px 14px;border:1px solid rgba(50,60,97,.5);background:transparent;color:var(--text);font-size:14px;display:inline-block;cursor:default}.pill-on{background:#ff5c8a38;border-color:var(--accent);color:var(--text)}.pill-sm{padding:4px 10px;font-size:12px}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#ffffff14;color:var(--text);font-size:13px}.badge-gold{background:#ffc2472e;color:var(--gold)}.badge-good{background:#35d07f29;color:var(--green)}.badge-danger{background:#ff4d5e29;color:var(--red)}.badge-info{background:#5cb8ff29;color:var(--blue)}.avatar{width:56px;height:56px;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;background:#b0b8d0}.avatar-glyph{font-size:31px;font-weight:700;color:#fff}.chips{display:flex;flex-direction:row;align-items:center;gap:8px}.chip{padding:4px 12px;border-radius:999px;background:#ffffff12;color:var(--text);font-size:14px}.chip-karma{background:#ff4c5e2e;color:#ff6b7b}.chip-sparkles{background:#ffc2472e;color:var(--gold)}.topbar{position:sticky;top:0;display:flex;align-items:center;height:60px;padding:0 16px;background:#0e1220e6;border-bottom:1px solid #323C61;z-index:100}.back-btn{width:56px;height:56px;border:none;background:transparent;color:var(--text);font-size:30px;border-radius:14px;cursor:pointer}.title{flex-grow:1;font-size:20px;font-weight:700;color:var(--text);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-card{background:var(--card);border-radius:28px;padding:16px;border:1px solid rgba(50,60,97,.5)}.feed-photo{min-height:420px;border-radius:28px;display:flex;align-items:center;justify-content:center;flex-grow:1;overflow:hidden}.feed-actions{display:flex;flex-direction:row;justify-content:space-around;padding:18px 8px}.roulette-timer{font-size:120px;font-weight:700;color:#ff9a5c}.blind-overlay{background:#232948;border-radius:28px;min-height:420px;display:flex;align-items:center;justify-content:center}.fact-row{padding:10px 14px;background:#ffffff0d;border-radius:14px;margin:6px 0;color:var(--muted)}.field-label{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}input,textarea,select{width:100%;background:#ffffff0d;border:1px solid #323C61;border-radius:14px;padding:12px 14px;color:var(--text);font-size:17px;font-family:system-ui}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}textarea{resize:vertical}.chat-list-row{display:flex;flex-direction:row;align-items:center;border-radius:20px;padding:14px;margin:10px 0;background:var(--card);border:1px solid rgba(50,60,97,.5);cursor:pointer}.bubbles{padding:20px 16px 80px;display:flex;flex-direction:column}.bubble{max-width:520px;margin:0 0 8px;padding:12px 16px;border-radius:18px;background:#232b45;color:var(--text);white-space:normal;font-size:16px;display:inline-block}.bubble-me{background:#ff5c8a47;align-self:flex-end;border-bottom-right-radius:4px}.bubble-partner{align-self:flex-start;border-bottom-left-radius:4px}.bubble-system{background:#5cb8ff1f;color:#5cb8ff;font-size:13px;align-self:center}.bubble-gift{background:#ffc24726;color:var(--gold)}.chat-input-row{position:sticky;bottom:0;display:flex;padding:10px 16px;background:#0e1220eb;border-top:1px solid #323C61;gap:8px}.chat-typing{font-size:13px;color:var(--hint)}.progress{height:14px;border-radius:999px;background:#ffffff0f;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),#FF9A5C);border-radius:999px;transition:width .3s}@keyframes toast-in{0%{opacity:0}to{opacity:1}}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);max-width:90vw;border-radius:18px;background:#1c2338f5;border:1px solid var(--accent);color:var(--text);padding:12px 22px;z-index:500;transition:opacity .25s;animation:toast-in .25s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a12b8;display:flex;align-items:center;justify-content:center;z-index:400}.modal-box{width:320px;max-width:92vw;background:var(--card);border-radius:24px;padding:26px;color:var(--text)}.modal-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:10px}.modal-text{font-size:16px;color:var(--muted);margin-bottom:16px}.menu-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card);border-radius:22px;padding:18px 10px;border:1px solid rgba(50,60,97,.5);flex-grow:1;cursor:pointer}.menu-tile:hover{border-color:var(--accent)}.icon-circle{width:64px;height:64px;border-radius:999px;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:30px}.tile-title{font-size:17px;font-weight:700;margin-top:6px;color:var(--text);text-align:center}.shop-row{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#ffffff0d;margin:8px 0}.rating-row{display:flex;flex-direction:row;align-items:center;padding:10px 12px;border-radius:14px;margin:6px 0;background:#ffffff0a}.rating-pos{width:52px;color:#ffc247;font-size:16px;font-weight:700}.rating-name{flex-grow:1;color:var(--text);font-size:16px}.rating-karma{color:var(--text);font-size:16px;font-weight:600}.karma-delta-plus{color:var(--green)}.karma-delta-minus{color:var(--red)}.locked{opacity:.45}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:700}