:root{--bg: #0b1220;--bg-2: #0e1729;--surface: #131d33;--surface-2: #1a2744;--line: #243253;--text: #eef2fb;--muted: #94a2bd;--accent: #ffb454;--accent-ink: #2a1800;--teal: #4cc3d9;--ok: #5bd6a0;--warn: #ffcc66;--danger: #ff7070;--violet: #a78bfa;--radius: 20px;--radius-sm: 12px;--shadow: 0 10px 30px rgba(0,0,0,.35);--display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:.005em;margin:0;line-height:1.15}h1{font-size:30px}h2{font-size:22px}h3{font-size:18px}p{margin:0 0 .6em}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(1200px 500px at 50% -120px,#1c3158 0%,transparent 60%),var(--bg)}.topbar{position:sticky;top:0;z-index:20;padding:calc(var(--safe-top) + 10px) 18px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(var(--bg) 70%,transparent);backdrop-filter:blur(8px)}.brand{font-family:var(--display);font-size:17px;letter-spacing:.02em;color:var(--accent)}.brand small{display:block;color:var(--muted);font:12px var(--sans);letter-spacing:.06em;text-transform:uppercase}.main{flex:1;padding:6px 16px calc(96px + var(--safe-bottom));max-width:720px;width:100%;margin:0 auto}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:#0b1220eb;backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 6px calc(6px + var(--safe-bottom))}.tabs a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;color:var(--muted);font-size:11px;border-radius:12px;min-height:52px;justify-content:center}.tabs a svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tabs a.active{color:var(--accent)}.banner{margin:0 16px 8px;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);background:var(--surface)}.banner.warn{border-color:#5b4a1f;background:#2a2210;color:#ffe2a3}.banner.info{border-color:#1f4d5b;background:#0f2630;color:#bdeaf4}.card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:0 0 14px;box-shadow:var(--shadow)}.card.flat{box-shadow:none;background:var(--surface)}.sec{margin:22px 2px 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.row{display:flex;align-items:center;gap:12px}.row.sb{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.stack>*+*{margin-top:10px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;background:#1d2b4b;color:#cdd8f0;border:1px solid #2c3d66;white-space:nowrap}.chip.gold{background:#3a2a0c;color:#ffd68a;border-color:#6a4c14}.chip.teal{background:#0d3340;color:#9be6f4;border-color:#1c5b6e}.chip.ok{background:#0e3a2b;color:#8ff0c8;border-color:#1d6a50}.chip.warn{background:#3b2e0c;color:#ffdf8a;border-color:#6c5514}.chip.danger{background:#411818;color:#ffb0b0;border-color:#7a2a2a}.chip.violet{background:#2a2250;color:#cfc2ff;border-color:#4a3c8f}.btn{appearance:none;border:0;border-radius:14px;padding:12px 18px;min-height:46px;background:var(--accent);color:var(--accent-ink);font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.sub{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.btn.danger{background:#5a1f1f;color:#ffd0d0}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:default}.btn.small{min-height:36px;padding:6px 12px;border-radius:10px;font-size:14px}.field{display:block;margin:0 0 14px}.field>span{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-height:46px}textarea{min-height:88px;resize:vertical}.err{color:#ffb0b0;font-size:14px;margin:6px 0}.ok-t{color:var(--ok);font-size:14px}.hero{position:relative;border-radius:var(--radius);overflow:hidden;min-height:190px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);isolation:isolate;box-shadow:var(--shadow);margin-bottom:14px}.hero:before{content:"";position:absolute;inset:0;background:var(--art, linear-gradient(160deg, #20407a, #0b1220));z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 20%,rgba(5,9,18,.82))}.hero .glyph{position:absolute;right:14px;top:10px;font-size:54px;opacity:.85;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.hero h2{font-size:26px;text-shadow:0 2px 14px rgba(0,0,0,.5)}.hero .sub{color:#dbe5fb;margin-top:4px}.hero.mystery{--art: radial-gradient(circle at 70% 20%, #3a2a6a 0%, #151a38 55%, #0b1220 100%);min-height:150px}.mystery-q{font-family:var(--display);font-size:22px;line-height:1.25}.sparkle{animation:twinkle 3.2s ease-in-out infinite}@keyframes twinkle{50%{opacity:.45;transform:scale(.94)}}.reveal-in{animation:revealIn .7s cubic-bezier(.2,.8,.2,1) both}@keyframes revealIn{0%{opacity:0;transform:translateY(14px) scale(.98);filter:blur(6px)}}@media(prefers-reduced-motion:reduce){.reveal-in,.sparkle,.sheet{animation:none!important}*{scroll-behavior:auto!important}}.opt{display:block;width:100%;text-align:left;padding:14px 16px;margin:8px 0;border-radius:14px;background:var(--surface);border:1px solid var(--line);cursor:pointer;min-height:52px}.opt:active,.opt.sel{border-color:var(--accent);background:#2a2210}.sheet-back{position:fixed;inset:0;z-index:50;background:#03060ea8;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:560px;max-height:88%;overflow:auto;background:var(--bg-2);border:1px solid var(--line);border-radius:26px 26px 0 0;padding:22px 18px calc(22px + var(--safe-bottom));animation:up .35s cubic-bezier(.2,.8,.2,1)}@keyframes up{0%{transform:translateY(40px);opacity:0}}.tl{position:relative}.tl-item{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.tl-item:first-child{border-top:0}.tl-time{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:650;padding-top:1px}.tl-time small{display:block;color:var(--muted);font-weight:400;font-size:11px}.tl-item.anchor .tl-title{font-weight:650}.tl-item.flex{opacity:.92}.day-row{display:flex;gap:14px;align-items:center;padding:14px 16px}.datebox{width:54px;text-align:center;border-radius:14px;background:var(--bg-2);border:1px solid var(--line);padding:6px 0;flex:none}.datebox b{display:block;font-family:var(--display);font-size:22px;line-height:1}.datebox span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.check{display:flex;gap:12px;align-items:flex-start;padding:10px 0;min-height:44px}.check input{width:22px;height:22px;margin-top:2px;accent-color:var(--accent);flex:none}.rate{display:flex;gap:8px;flex-wrap:wrap}.rate button{flex:1;min-width:70px}.photo{width:100%;border-radius:14px;display:block;background:var(--bg-2);aspect-ratio:4/3;object-fit:cover}.photos{display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.photos.one{grid-template-columns:1fr}.emoji{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;min-height:36px;cursor:pointer}.emoji.mine{border-color:var(--accent);background:#2a2210}.kv{display:grid;grid-template-columns:minmax(120px,44%) 1fr;gap:6px 12px;font-size:14px}.kv dt{color:var(--muted)}.kv dd{margin:0;word-break:break-word}hr{border:0;border-top:1px solid var(--line);margin:14px 0}.big-count{font-family:var(--display);font-size:54px;line-height:1;color:var(--accent)}.center{text-align:center}.login{max-width:420px;margin:0 auto;padding:calc(var(--safe-top) + 56px) 20px 40px}.btn{white-space:nowrap}