:root{--il-accent:#f59e0b;--il-accent-h:#d97706;--il-accent-fg:#1c1207;--il-accent-deep:#b45309;--il-accent-deeper:#92400e;--il-warm-bg:#f59e0b1a;--il-warm-border:#f59e0b59}[hidden]{display:none!important}.screen{display:none}.screen.active{animation:.25s ilFadeIn;display:block}@keyframes ilFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ilFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes ilFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.il-intro-screen{text-align:center;background:radial-gradient(circle at 20% 30%, #f59e0b1a 0, transparent 40%), radial-gradient(circle at 80% 70%, #f59e0b0f 0, transparent 35%), var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;animation:.6s ilFadeUp}.il-intro-screen.active{display:flex}.intro-tag{background:var(--il-accent);color:var(--il-accent-fg);letter-spacing:.05em;border-radius:99px;margin-bottom:18px;padding:5px 14px;font-size:14px;font-weight:700;display:inline-block}.intro-emoji{margin-bottom:12px;font-size:80px;line-height:1;animation:2.4s ease-in-out infinite ilFloat}.il-intro-screen h1.app-title{justify-content:center;gap:4px 10px;margin-bottom:6px;font-size:32px;font-weight:800}.intro-sub{color:var(--fg-muted);margin-bottom:20px;font-size:15px;line-height:1.7}.intro-card{background:var(--card-bg);border:2px dashed var(--il-accent);border-radius:16px;width:100%;max-width:440px;margin-bottom:24px;padding:20px 24px}.intro-card h3{margin-bottom:8px;font-size:17px;font-weight:800}.intro-card p{color:var(--fg-muted);font-size:14px;line-height:1.7}.il-intro-start{max-width:320px}.il-work{grid-template-columns:1fr 400px;width:100%;height:100dvh;display:none}body.il-in-work .il-work{display:grid}.il-stage{background:radial-gradient(circle at 30% 25%, #f59e0b14 0, transparent 45%), radial-gradient(circle at 75% 75%, #f59e0b0d 0, transparent 40%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:0;padding:48px 32px;display:flex;position:relative;overflow:hidden}.il-stage-emoji{text-align:center;font-size:clamp(72px,16vw,140px);line-height:1.15;animation:3s ease-in-out infinite ilFloat}.il-stage-title{text-align:center;word-break:keep-all;font-size:clamp(18px,2.4vw,26px);font-weight:800}.il-stage-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.il-stage-chips .il-magic-chip{background:var(--card-bg)}.il-stage-art{border-radius:1rem;width:min(60%,380px);overflow:hidden;box-shadow:0 12px 40px #0000002e}.il-stage-art img{width:100%;height:auto;display:block}.il-side{background:var(--card-bg);border-left:2px solid var(--border);flex-direction:column;display:flex;overflow-y:auto;box-shadow:-4px 0 24px #0000000f}.il-side-head{background:linear-gradient(135deg, var(--il-accent-deep) 0%, var(--il-accent-deeper) 100%);color:#fff;flex-shrink:0;padding:16px 20px 14px}.il-side-head h2{align-items:center;gap:6px;margin:0;font-size:17px;font-weight:800;display:flex}.il-side-sub{margin-top:2px;font-size:14px}.il-side-body{flex:1;padding:16px}@media (width>=801px){.il-side-head{padding-top:64px}}@media (width<=800px){.il-work{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:100dvh}.il-stage{z-index:40;height:34vh;min-height:220px;padding:48px 16px 16px;position:sticky;top:0}.il-stage-emoji{font-size:64px}.il-side{border-left:none;border-top:2px solid var(--border)}body.il-typing .il-stage{gap:6px;height:auto;min-height:0;padding:52px 16px 10px;position:relative}body.il-typing .il-stage-emoji{font-size:40px;animation:none}body.il-typing .il-stage-chips,body.il-typing .il-stage-art{display:none}}@media (width<=800px) and (height<=500px){.il-stage{gap:8px;height:auto;min-height:0;padding:52px 16px 12px;position:relative}.il-stage-emoji{font-size:48px}.il-stage-art{width:min(40%,200px)}}.il-actions{align-items:center;display:flex}.il-count-badge{background:var(--il-accent-deep);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 6px;font-size:12px;font-weight:800;display:inline-flex}.il-progress{justify-content:center;gap:6px;margin-bottom:18px;display:flex}.il-dot{background:var(--border);border-radius:999px;width:8px;height:8px;transition:background .2s,transform .2s}.il-dot.done{background:var(--il-accent)}.il-dot.now{background:var(--il-accent);transform:scale(1.4)}.il-step-label{text-align:center;color:var(--fg-muted);margin-bottom:6px;font-size:14px;font-weight:700}.il-btn{background:var(--il-accent);color:var(--il-accent-fg);cursor:pointer;border:none;border-radius:.9rem;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:.85rem 1.6rem;font-family:inherit;font-size:1rem;font-weight:800;transition:background .15s,transform .1s;display:inline-flex}.il-btn:hover{background:var(--il-accent-h)}.il-btn:active{transform:scale(.98)}.il-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.il-btn-ghost{background:var(--card-bg);color:var(--fg);border:1px solid var(--border)}.il-btn-ghost:hover{border-color:var(--il-accent);color:var(--il-accent-deep)}.il-btn-row{gap:10px;margin-top:18px;display:flex}.il-btn-row .il-btn{flex:1;width:auto}.il-back-btn{margin-bottom:14px}.il-danger-row{justify-content:flex-end;margin-top:18px;display:flex}.il-tts-btn{background:var(--card-bg);border:1px solid var(--border);width:44px;height:44px;min-height:44px;color:var(--fg-muted);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:18px;display:inline-flex}.il-tts-btn:hover{border-color:var(--il-accent);color:var(--il-accent-deep)}.il-no-tts .il-tts-btn{display:none!important}.il-say-row{align-items:flex-start;gap:10px;display:flex}.il-say-row>:first-child{flex:1;min-width:0}.il-final-name-row{justify-content:center;align-items:center;gap:8px;margin:6px 0 12px;display:flex}.il-final-name-row .il-final-name{margin:0}.il-num{background:var(--il-accent-deep);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:inline-flex}.il-feedback .ic,.il-offline-note .ic{margin-right:4px}.il-card{background:var(--card-bg);border:1px solid var(--border);border-radius:1.1rem;margin-bottom:16px;padding:20px}.il-headline{margin:0 0 6px;font-size:20px;font-weight:800;line-height:1.35}.il-sub{color:var(--fg-muted);margin:0 0 18px;font-size:14px;line-height:1.6}.il-intro-hero{text-align:center;padding:20px 10px 8px}.il-intro-emoji{margin-bottom:10px;font-size:56px}.il-magic-legend{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;display:grid}.il-magic-chip{background:var(--bg-sec);border:1px solid var(--border);border-radius:.8rem;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.il-magic-chip .em{font-size:20px}.il-explore-card{text-align:center}.il-explore-emoji{margin-bottom:6px;font-size:64px}.il-explore-title{margin-bottom:4px;font-size:19px;font-weight:800}.il-explore-q{color:var(--fg-muted);margin-bottom:16px;font-size:14px}.il-magic-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.il-magic-btn{border:2px solid var(--border);background:var(--bg-sec);cursor:pointer;min-height:64px;color:var(--fg);border-radius:.9rem;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;font-family:inherit;font-size:15px;font-weight:700;transition:border-color .15s,transform .1s;display:flex}.il-magic-btn .em{font-size:24px}.il-magic-btn:hover{border-color:var(--il-accent)}.il-magic-btn:active{transform:scale(.97)}.il-magic-btn.selected{border-color:var(--il-accent);background:var(--il-warm-bg)}.il-magic-btn.correct{border-color:var(--success);background:#17c9641f}.il-magic-btn.wrong{border-color:var(--danger);background:#f312601a}.il-magic-btn:disabled{cursor:default}.il-feedback{min-height:20px;margin-top:14px;font-size:14px;font-weight:700}.il-feedback.ok{color:var(--success)}.il-feedback.no{color:var(--danger)}.il-section-title{align-items:center;gap:6px;margin:22px 0 10px;font-size:15px;font-weight:800;display:flex}.il-item-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.il-item-btn{border:2px solid var(--border);background:var(--bg-sec);cursor:pointer;min-height:64px;color:var(--fg);word-break:keep-all;border-radius:.8rem;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-family:inherit;font-size:14px;font-weight:700;transition:border-color .15s,transform .1s;display:flex}.il-item-btn .em{font-size:24px}.il-item-btn:hover{border-color:var(--il-accent)}.il-item-btn:active{transform:scale(.96)}.il-item-btn.selected{border-color:var(--il-accent);background:var(--il-warm-bg)}@media (width<=480px){.il-item-grid{grid-template-columns:repeat(4,1fr)}}.il-custom-row{gap:8px;margin-top:10px;display:flex}.il-custom-row .hero-input{flex:1}.il-question-row{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.il-question-text{flex:1;font-size:18px;font-weight:800;line-height:1.4}.il-choice-list{flex-direction:column;gap:8px;display:flex}.il-choice-btn{text-align:left;border:2px solid var(--border);background:var(--bg-sec);cursor:pointer;min-height:48px;color:var(--fg);border-radius:.8rem;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:700;transition:border-color .15s,transform .1s;display:flex}.il-choice-btn:hover{border-color:var(--il-accent)}.il-choice-btn:active{transform:scale(.98)}.il-choice-btn.picked{border-color:var(--il-accent);background:var(--il-warm-bg)}.il-offline-note{color:var(--fg-muted);background:var(--bg-sec);border-radius:.6rem;margin-bottom:12px;padding:6px 10px;font-size:14px;display:inline-block}.il-loading{text-align:center;padding:40px 10px}.il-spinner{border:5px solid var(--border);border-top-color:var(--il-accent);border-radius:999px;width:46px;height:46px;margin:0 auto 16px;animation:.9s linear infinite ilSpin}@keyframes ilSpin{to{transform:rotate(360deg)}}.il-loading-text{color:var(--fg);font-size:15px;font-weight:700}.il-loading-sub{color:var(--fg-muted);margin-top:6px;font-size:14px}.il-final-card{background:linear-gradient(160deg, var(--il-warm-bg), var(--card-bg) 55%);border:1px solid var(--il-warm-border);text-align:center;border-radius:1.3rem;padding:26px 20px}.il-final-badges{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:10px;display:flex}.il-final-badge{background:var(--il-accent);color:var(--il-accent-fg);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800}.il-final-name{word-break:keep-all;margin:6px 0 12px;font-size:24px;font-weight:900}.il-final-art{background:var(--bg-sec);border-radius:1rem;width:100%;max-width:320px;margin:0 auto 14px;overflow:hidden}.il-final-art img{width:100%;height:auto;display:block}.il-emoji-art{justify-content:center;align-items:center;gap:12px;padding:30px 10px;font-size:64px;display:flex}.il-final-summary{color:var(--fg);text-align:left;background:var(--bg-sec);border-radius:.8rem;padding:14px 16px;font-size:15px;line-height:1.7}.il-final-details{border:1px solid var(--border);background:var(--bg-sec);text-align:left;border-radius:.8rem;flex-direction:column;gap:8px;margin-top:16px;padding:16px;font-size:14px;display:flex}.il-detail-row{justify-content:space-between;gap:10px;line-height:1.4;display:flex}.il-detail-row strong{color:var(--fg-muted);flex-shrink:0}.il-detail-row span{color:var(--fg);text-align:right;word-break:keep-all;font-weight:700}.il-collection-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.il-collection-grid{grid-template-columns:1fr}}.il-work-card{cursor:pointer;text-align:center;width:100%;color:var(--fg);padding:16px 10px;font-family:inherit;display:block}.il-work-card:hover{border-color:var(--il-accent)}.il-work-emoji{margin-bottom:6px;font-size:34px}.il-work-name{margin-bottom:2px;font-size:14px;font-weight:800}.il-work-date{color:var(--fg-muted);font-size:13px}.il-empty{text-align:center;color:var(--fg-muted);padding:40px 10px;font-size:14px}.il-privacy-note{color:var(--fg-muted);text-align:center;margin:10px 0 0;font-size:14px}.il-attempt-note{color:var(--fg-muted);text-align:center;margin-top:8px;font-size:14px}.il-answers{text-align:left;color:var(--il-accent-deeper);font-size:14px;font-weight:600}.il-custom-row .hero-input{font-size:16px}