:root{--bg: #0c1236;--surface: #161c4a;--ink: #fff7ea;--muted: #b9b6d3;--gold: #f4cf7f;--line: #2c3368;--radius: 14px;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;background:radial-gradient(120% 60% at 50% 0%,#1f2266 0%,var(--bg) 60%) fixed,var(--bg)}button,input,select{font:inherit;color:inherit}.page{max-width:960px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.head{text-align:center;margin:4px 0 18px}.head h1{margin:0;font-size:1.7rem;font-weight:800;letter-spacing:-.01em}.head p{margin:6px auto 0;max-width:38ch;color:var(--muted);font-size:.95rem;line-height:1.45}.layout{display:grid;gap:22px}@media (min-width: 820px){.layout{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start}.preview{position:sticky;top:16px}}.preview{display:grid;gap:12px;justify-items:center}.preview canvas{width:min(100%,380px,calc((100dvh - 230px)*.5625));min-width:220px;aspect-ratio:9 / 16;height:auto;border-radius:18px;box-shadow:0 18px 50px #00000073;background:#081030}.days{display:flex;align-items:center;gap:14px;font-weight:700}.days button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:1.5rem;line-height:1;cursor:pointer}.days button:disabled{opacity:.35;cursor:default}.days span{min-width:7.5ch;text-align:center}.form{display:grid;gap:14px}.form label{display:grid;gap:6px}.field-label{font-size:.85rem;font-weight:600;color:var(--muted)}.form input,.form select{width:100%;min-height:48px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);font-size:1rem}.form select:disabled{opacity:.5}.form input:focus-visible,.form select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.note{margin:-4px 0 0;padding:10px 12px;border-radius:10px;background:#f4cf7f1f;color:var(--gold);font-size:.85rem;line-height:1.4}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:4px}.actions button{min-height:52px;border-radius:var(--radius);font-weight:800;cursor:pointer;border:0}.actions .primary{background:var(--gold);color:#1a1430}.actions .secondary{background:transparent;border:1.5px solid var(--gold);color:var(--gold)}.actions button:disabled{opacity:.55;cursor:progress}.status{min-height:1.3em;margin:0;font-weight:600;color:var(--gold)}.hint{margin:-8px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.infaq{display:grid;gap:8px;margin-top:6px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.infaq h2{margin:0 0 4px;font-size:1rem}.infaq a{display:block;padding:12px 14px;border-radius:12px;background:#ffffff0f;color:var(--ink);font-weight:700;text-decoration:none}.infaq a:after{content:" →";color:var(--gold)}.foot{margin-top:36px;text-align:center;color:var(--muted);font-size:.85rem}.foot p{margin:4px 0}.brand{display:inline-flex;flex-direction:column;align-items:center;gap:6px;color:inherit;text-decoration:none;margin-bottom:8px}.brand img{filter:brightness(0) invert(1);opacity:.85}.field-label{display:block}.gaya{display:grid;gap:8px;min-width:0}.strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;margin:0 -16px;padding-inline:16px}.thumb{position:relative;flex:0 0 auto;display:grid;gap:6px;justify-items:center;padding:0;border:0;background:none;cursor:pointer;scroll-snap-align:start;color:var(--muted);font-size:.78rem;font-weight:600}.thumb canvas{width:81px;height:144px;border-radius:10px;outline:2px solid transparent;outline-offset:2px;background:#081030}.thumb.on canvas{outline-color:var(--gold)}.thumb.on span{color:var(--ink)}.thumb em{position:absolute;top:6px;left:50%;transform:translate(-50%);padding:2px 7px;border-radius:999px;background:var(--gold);color:#1a1430;font-style:normal;font-size:.66rem;font-weight:800;white-space:nowrap}@media (min-width: 820px){.strip{margin:0;padding-inline:2px;flex-wrap:wrap;overflow:visible}}