:root{color-scheme:light;--sun-1: #ffe29a;--sun-2: #ffb703;--ink: #3a2b12;--paper: #fff8e7;--accent: #e76f51;--accent-ink: #ffffff;--muted: #8a7a5c;--shadow: 0 6px 0 rgba(58, 43, 18, .18);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 50% 0%,var(--sun-1),var(--sun-2)) fixed;min-height:100vh}.app{max-width:520px;margin:0 auto;padding:.75rem 1rem calc(1.25rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.75rem;min-height:100vh}.logo{font-size:2.2rem;margin:.5rem 0 0;text-align:center;letter-spacing:-.02em;text-shadow:2px 2px 0 rgba(255,255,255,.6);transform:rotate(-2deg)}.card{background:var(--paper);border-radius:20px;box-shadow:var(--shadow);padding:1rem}.btn{font:inherit;font-weight:700;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:999px;padding:.5rem 1.1rem;cursor:pointer;box-shadow:var(--shadow)}.btn:active{transform:translateY(3px);box-shadow:none}.btn-big{font-size:1.4rem;padding:.8rem 2rem;background:var(--accent);color:var(--accent-ink)}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.field label{font-weight:700;font-size:.9rem}.field input{font:inherit;padding:.6rem .8rem;border:3px solid var(--ink);border-radius:12px;background:#fff}.error{background:#ffe0dc;border:2px solid var(--accent);border-radius:12px;padding:.5rem .75rem;font-weight:600}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:.5rem}.spacer{flex:1}.tagline{text-align:center;margin:0;font-weight:600}.auth-toggle{font:inherit;background:none;border:none;text-decoration:underline;color:var(--ink);cursor:pointer;padding:.5rem}.offline-banner{background:var(--ink);color:#fff;text-align:center;border-radius:12px;padding:.4rem .75rem;font-weight:600;font-size:.9rem}.gear{padding:.35rem .6rem;font-size:1.1rem}.overlay{position:fixed;inset:0;background:#3a2b128c;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden;z-index:20}.confetti{position:absolute;top:0;width:10px;height:14px;border-radius:3px;pointer-events:none}.result-card{border:6px solid var(--accent);text-align:center;max-width:340px;width:100%;padding:1.5rem}.result-emoji{font-size:3.5rem;line-height:1}.result-title{margin:.5rem 0 .25rem;font-size:1.6rem}.result-actions{justify-content:center;margin-top:1rem;flex-wrap:wrap}.machine{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:.5rem 0}.wheel-machine{position:relative}.wheel-pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);font-size:1.8rem;color:var(--ink);z-index:2;text-shadow:0 2px 0 rgba(255,255,255,.7)}.wheel-disc{width:min(78vw,320px);height:min(78vw,320px);border-radius:50%;box-shadow:var(--shadow);background:#fff}.logo-small{font-size:1.5rem;margin:0}.tabs{display:flex;gap:.4rem}.tab{flex:1;font:inherit;font-weight:700;padding:.5rem .25rem;border:3px solid var(--ink);border-radius:14px;background:#fff9;cursor:pointer}.tab-active{background:#fff;box-shadow:var(--shadow)}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{font:inherit;font-size:.85rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;border:2px solid var(--chip-color, var(--ink));background:var(--chip-color, #fff);color:#fff;cursor:pointer}.chip-off{background:transparent;color:var(--ink);opacity:.55}.machine-card{min-height:340px;display:flex;align-items:center;justify-content:center}.empty{text-align:center;font-weight:600;padding:1rem}.slot-machine{flex-direction:row;align-items:center;gap:1rem}.slot-window{position:relative;width:min(62vw,260px);height:168px;overflow:hidden;border:4px solid var(--ink);border-radius:16px;background:#fff}.slot-strip{display:flex;flex-direction:column}.slot-item{height:56px;display:flex;align-items:center;justify-content:center;padding:0 .6rem;text-align:center;font-weight:700;font-size:.95rem;border-bottom:1px dashed #e5dcc3}.slot-spinning .slot-strip{filter:blur(2px)}.slot-highlight{position:absolute;top:56px;left:0;right:0;height:56px;border-top:3px solid var(--accent);border-bottom:3px solid var(--accent);pointer-events:none}.slot-lever{width:26px;height:120px;border:3px solid var(--ink);border-radius:13px;background:#fff;cursor:pointer;position:relative;padding:0}.slot-lever:disabled{opacity:.5}.slot-lever-knob{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:34px;height:34px;border-radius:50%;background:var(--accent);border:3px solid var(--ink);display:block}.gacha-machine{gap:0}.gacha-globe{position:relative;width:min(60vw,230px);height:min(60vw,230px);border-radius:50%;border:5px solid var(--ink);background:radial-gradient(circle at 35% 30%,#fffffff2,#d2e6ff8c);overflow:hidden;box-shadow:var(--shadow)}.gacha-capsule{position:absolute;width:34px;height:34px;border-radius:50%;border:2px solid rgba(58,43,18,.35);transform:translate(-50%,-50%);box-shadow:inset -4px -5px #0000001f,inset 3px 4px #ffffff80}.gacha-base{width:min(60vw,230px);background:var(--accent);border:4px solid var(--ink);border-radius:0 0 20px 20px;margin-top:-6px;padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.gacha-knob{width:54px;height:54px;border-radius:50%;border:3px solid var(--ink);background:#fff;font-size:1.5rem;cursor:pointer}.gacha-knob:disabled{opacity:.55;cursor:default}.gacha-tray{flex:1;height:60px;border-radius:12px;background:#3a2b1259;border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden}.gacha-prize{width:44px;height:44px;border-radius:50%;border:3px solid var(--ink);cursor:pointer;box-shadow:inset -4px -5px #00000026,inset 3px 4px #ffffff80}.gacha-hint{margin:.6rem 0 0;font-weight:600}.pin-pad{text-align:center}.pin-pad h2{margin-top:0}.pin-dots{display:flex;justify-content:center;gap:.6rem;margin-bottom:.75rem}.pin-dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--ink);display:inline-block}.pin-dot-full{background:var(--ink)}.pin-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:240px;margin:.75rem auto}.pin-key{font-size:1.3rem;padding:.6rem 0}.pin-keys .pin-key:last-child{grid-column:2}.manage{display:flex;flex-direction:column;gap:.75rem}.manage h3{margin:0 0 .5rem}.manage-list{list-style:none;margin:0 0 .75rem;padding:0}.manage-item{padding:.35rem 0;border-bottom:1px dashed #e5dcc3}.manage-delete{padding:.15rem .55rem;box-shadow:none;border-width:2px}.manage-add{flex-wrap:wrap}.manage-add input,.manage-add select{font:inherit;padding:.45rem .6rem;border:2px solid var(--ink);border-radius:10px;flex:1;min-width:0}.manage-add input[type=color]{flex:0 0 46px;padding:.1rem;height:38px}.manage-emoji{flex:0 0 60px!important;text-align:center}.manage-swatch{width:16px;height:16px;border-radius:5px;border:2px solid rgba(58,43,18,.4);display:inline-block}