:root{--card: #ffffff;--card-2: #fff3e8;--ink: #40342e;--ink-dim: #7d6e64;--ink-faint: #ab9c91;--coral: #ff7e9b;--coral-deep: #ff476f;--euca: #4fa078;--gold: #f0a93b;--line: #efe2d4;--radius: 22px;--shadow: 0 12px 34px rgba(70, 45, 30, .22);--shadow-soft: 0 6px 18px rgba(90, 60, 40, .14);--display: "Fredoka", "Inter", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background:#fbeede}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.bg-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transform:scale(1.05);transition:background-image .4s ease;animation:drift 30s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1.05) translateY(0)}to{transform:scale(1.12) translateY(-12px)}}.bg-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff7ee9e,#fff4e9c7 55%,#fff3e6e6);-webkit-backdrop-filter:saturate(1.1);backdrop-filter:saturate(1.1)}.app{max-width:540px;margin:0 auto;padding:16px 16px 70px;position:relative}.nav{display:flex;gap:6px;background:#ffffffe0;border:1.5px solid rgba(255,255,255,.6);border-radius:999px;padding:6px;margin-bottom:20px;position:sticky;top:12px;z-index:5;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-btn{flex:1;border:none;background:transparent;color:var(--ink-dim);font:inherit;font-weight:700;padding:11px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,transform .1s}.nav-btn:active{transform:scale(.96)}.nav-btn.active{background:linear-gradient(135deg,var(--coral),var(--coral-deep));color:#fff;box-shadow:0 4px 12px #ff476f59}.screen{animation:pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.title{font-family:var(--display);font-size:2.2rem;line-height:1.05;margin:6px 0;text-align:center;color:var(--ink);text-shadow:0 2px 10px rgba(255,255,255,.7)}.subtitle{color:var(--ink-dim);margin:0 0 24px;text-align:center;text-shadow:0 1px 6px rgba(255,255,255,.7)}.back-btn{background:none;border:none;color:var(--ink-dim);font:inherit;font-weight:600;cursor:pointer;padding:0;margin-bottom:14px}.back-btn:hover{color:var(--coral-deep)}.filter-group{margin-bottom:20px}.filter-group h2{font-family:var(--display);font-size:.95rem;color:var(--ink);margin:0 0 10px;text-shadow:0 1px 6px rgba(255,255,255,.7)}.filter-options{display:grid;gap:10px}.filter-btn{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;background:#fffffff0;border:2.5px solid transparent;border-radius:var(--radius);padding:14px 16px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--shadow-soft);transition:border-color .15s,transform .12s,box-shadow .15s}.filter-btn:hover{transform:translateY(-2px)}.filter-btn.selected{border-color:var(--coral);box-shadow:0 0 0 4px #ff7e9b33}.filter-icon{grid-row:1 / 3;font-size:1.7rem;align-self:center}.filter-label{font-weight:700}.filter-desc{color:var(--ink-faint);font-size:.85rem}.spin-btn,.action-btn{font:inherit;font-weight:700;border:none;border-radius:999px;padding:16px;cursor:pointer;width:100%;transition:transform .1s,opacity .15s,box-shadow .15s}.spin-btn.primary{margin-top:8px;font-family:var(--display);font-size:1.15rem;color:#fff;background:linear-gradient(135deg,var(--coral),var(--coral-deep));box-shadow:var(--shadow)}.spin-btn:disabled{opacity:.45;cursor:not-allowed}.spin-btn:not(:disabled):active{transform:scale(.97)}.wheel-meta{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.reel{position:relative;width:100%;max-width:460px;margin:0 auto 18px;overflow:hidden;border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fff7ef);border:4px solid #fff;box-shadow:var(--shadow),inset 0 0 0 2px #ff476f26}.reel-strip{will-change:transform}.reel-row{display:flex;align-items:center;justify-content:center;text-align:center;padding:0 22px;border-bottom:1px solid var(--line)}.reel-row-name{font-family:var(--display);font-weight:600;font-size:1.02rem;line-height:1.2;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reel-row.jackpot{background:linear-gradient(160deg,#fffaf0,#fff2d6)}.reel-row.jackpot .reel-row-name{color:#b87708}.reel-payline{position:absolute;left:0;right:0;z-index:2;pointer-events:none;border-top:3px solid var(--coral);border-bottom:3px solid var(--coral);background:#ff7e9b14;box-shadow:0 0 0 2px #ff476f1f}.reel-payline:before,.reel-payline:after{content:"▶";position:absolute;top:50%;transform:translateY(-50%);color:var(--coral-deep);font-size:.9rem}.reel-payline:before{left:6px}.reel-payline:after{right:6px;content:"◀"}.reel-fade{position:absolute;left:0;right:0;height:64px;z-index:1;pointer-events:none}.reel-fade.top{top:0;background:linear-gradient(180deg,#fffffff2,#fff0)}.reel-fade.bottom{bottom:0;background:linear-gradient(0deg,#fffffff2,#fff0)}.wheel-screen .spin-btn.primary{letter-spacing:.06em}.result-card{background:var(--card);border:2.5px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center;box-shadow:var(--shadow);position:relative;margin-bottom:16px}.result-card.jackpot{border-color:var(--gold);background:linear-gradient(160deg,#fffaf0,#fff2d6);box-shadow:0 0 0 4px #f0a93b40,var(--shadow)}.jackpot-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--gold);color:#5a3d06;font-family:var(--display);font-weight:700;font-size:.78rem;padding:5px 14px;border-radius:999px;white-space:nowrap}.result-name{font-family:var(--display);font-size:1.4rem;line-height:1.25;margin:4px 0 10px;color:var(--ink)}.result-quip{color:var(--ink-dim);font-style:italic;margin:0 0 16px}.result-actions{display:grid;gap:10px}.tag{font-size:.78rem;font-weight:600;padding:5px 12px;border-radius:999px;background:#ffffffe6;color:var(--ink-dim);border:1.5px solid var(--line)}.action-btn{background:var(--card-2);color:var(--ink);border:2px solid var(--line);box-shadow:var(--shadow-soft)}.action-btn:active{transform:scale(.97)}.done-btn{background:linear-gradient(135deg,var(--euca),#3f9069);color:#fff;border:none;box-shadow:0 6px 16px #4fa07859}.counter-btn:hover,.reroll-btn:hover{border-color:var(--coral)}.no-rerolls{text-align:center;color:var(--ink-faint);font-size:.9rem;margin:4px 0 0}.secondary-btn{background:transparent;box-shadow:none}.done-form{background:var(--card);border:2.5px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.done-form h3{font-family:var(--display);margin:0 0 4px}.done-form>p{color:var(--ink-dim);margin:0 0 14px;font-size:.92rem}.done-form-actions{display:grid;gap:10px;margin-top:16px}.photo-search{display:flex;gap:8px;margin-bottom:12px}.photo-search input{flex:1;background:#fff;border:2px solid var(--line);border-radius:14px;padding:11px 14px;color:var(--ink);font:inherit}.photo-search input:focus{outline:none;border-color:var(--coral)}.photo-search button{border:none;background:var(--card-2);color:var(--ink);border-radius:14px;padding:0 18px;font:inherit;font-weight:700;cursor:pointer}.picker-status{color:var(--ink-faint);font-size:.92rem;text-align:center;padding:14px 0}.picker-status.error{color:var(--coral-deep)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:320px;overflow-y:auto;border-radius:14px}.photo-thumb{aspect-ratio:1;padding:0;border:3px solid transparent;border-radius:14px;overflow:hidden;cursor:pointer;background:var(--card-2);transition:transform .1s}.photo-thumb:active{transform:scale(.96)}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb.selected{border-color:var(--coral);box-shadow:0 0 0 3px #ff7e9b4d}.browse-title{font-family:var(--display);font-size:1.6rem;margin:4px 0 16px;color:var(--ink);text-shadow:0 1px 6px rgba(255,255,255,.7);display:flex;align-items:center;gap:10px}.browse-count{font-size:.85rem;background:var(--coral);color:#fff;border-radius:999px;padding:2px 10px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chip{border:1.5px solid var(--line);background:#ffffffeb;color:var(--ink-dim);font:inherit;font-weight:600;font-size:.85rem;padding:7px 13px;border-radius:999px;cursor:pointer;transition:all .12s}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.idea-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.idea-card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-soft)}.idea-card.jackpot{border-color:var(--gold);background:linear-gradient(160deg,#fffaf0,#fff5e0)}.idea-card.is-done{opacity:.66}.idea-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.idea-name{font-weight:700}.idea-done-badge{flex-shrink:0;font-size:.72rem;font-weight:700;color:var(--euca);border:1.5px solid var(--euca);border-radius:999px;padding:2px 8px}.idea-quip{color:var(--ink-dim);font-style:italic;font-size:.9rem;margin:6px 0 10px}.idea-tags{display:flex;gap:6px;flex-wrap:wrap}.idea-tags .tag{font-size:.72rem;padding:3px 9px}.log-title{font-family:var(--display);font-size:1.6rem;margin:4px 0 18px;color:var(--ink);text-shadow:0 1px 6px rgba(255,255,255,.7)}.log-empty{color:var(--ink-dim);text-align:center;padding:24px 0;background:#fffc;border-radius:var(--radius)}.log-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.log-entry{display:flex;gap:14px;align-items:center;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-soft)}.log-thumb{width:58px;height:58px;border-radius:14px;object-fit:cover;flex-shrink:0;background:var(--card-2)}.log-entry-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.log-activity-name{font-weight:700}.log-date{color:var(--ink-faint);font-size:.82rem}.immich-link{color:var(--euca);text-decoration:none;font-size:.85rem;font-weight:700;white-space:nowrap}.immich-link:hover{text-decoration:underline}