@import"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--pink: #f3c3d2;--purple: #cbb8e4;--pale-blue: #a9d4dc;--mint: #b7e0c0;--peach: #fcd1a0;--gold: #f6c56a;--coral: #f4b5a4;--lavender: #eadcf2;--cream: #ffffff;--text: #6a6358;--text-soft: #9a9284;--teal: #8fbfc4;--shadow: rgba(166, 162, 148, .16);--radius: 28px;--radius-sm: 20px;--font: "Zen Maru Gothic", "Noto Sans JP", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--cream);min-height:100vh;line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;transition:opacity .5s}body:before,body.theme-tansak:before,body.theme-compass:before,body.theme-chighag:before{background:radial-gradient(ellipse 46% 28% at -4% -2%,rgba(255,214,196,.95) 0%,transparent 68%),radial-gradient(ellipse 34% 22% at 8% 12%,rgba(248,196,210,.72) 0%,transparent 70%),radial-gradient(ellipse 40% 26% at 104% -4%,rgba(253,210,222,.9) 0%,transparent 68%),radial-gradient(ellipse 42% 26% at -6% 104%,rgba(255,198,196,.85) 0%,transparent 70%),radial-gradient(ellipse 48% 30% at 106% 106%,rgba(226,240,176,.92) 0%,transparent 70%)}body.theme-tansak:before{background:radial-gradient(ellipse 46% 28% at -4% -2%,rgba(255,206,176,.95) 0%,transparent 68%),radial-gradient(ellipse 34% 22% at 10% 14%,rgba(248,196,210,.7) 0%,transparent 70%),radial-gradient(ellipse 40% 26% at 104% -4%,rgba(253,214,222,.88) 0%,transparent 68%),radial-gradient(ellipse 42% 26% at -6% 104%,rgba(255,210,196,.8) 0%,transparent 70%),radial-gradient(ellipse 48% 30% at 106% 106%,rgba(244,214,196,.75) 0%,transparent 70%)}body.theme-compass:before{background:radial-gradient(ellipse 46% 28% at -4% -2%,rgba(210,236,214,.95) 0%,transparent 68%),radial-gradient(ellipse 34% 22% at 8% 12%,rgba(248,214,210,.65) 0%,transparent 70%),radial-gradient(ellipse 40% 26% at 104% -4%,rgba(253,220,214,.85) 0%,transparent 68%),radial-gradient(ellipse 42% 26% at -6% 104%,rgba(214,236,210,.8) 0%,transparent 70%),radial-gradient(ellipse 48% 30% at 106% 106%,rgba(226,240,176,.9) 0%,transparent 70%)}body.theme-chighag:before{background:radial-gradient(ellipse 46% 28% at -4% -2%,rgba(196,226,232,.9) 0%,transparent 68%),radial-gradient(ellipse 34% 22% at 8% 12%,rgba(255,214,204,.7) 0%,transparent 70%),radial-gradient(ellipse 40% 26% at 104% -4%,rgba(255,206,196,.85) 0%,transparent 68%),radial-gradient(ellipse 42% 26% at -6% 104%,rgba(255,214,206,.75) 0%,transparent 70%),radial-gradient(ellipse 48% 30% at 106% 106%,rgba(246,230,176,.8) 0%,transparent 70%)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.app-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border-bottom:1px solid rgba(227,217,207,.85);position:sticky;top:0;z-index:100}.app-header__logo{display:flex;align-items:center;justify-content:center}.app-header__logo-img{height:36px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(166,162,148,.18))}.app-header__back{font-size:.8rem;color:var(--text-soft);padding:.4rem .85rem;border-radius:999px;background:#ffffffd1;border:1px solid rgba(227,217,207,.95);transition:transform .2s,background .2s;white-space:nowrap}.app-header__back:hover{transform:translate(-2px)}.app-header__back--spacer{visibility:hidden}.app-main{flex:1;padding:0 1.25rem 6rem;max-width:480px;margin:0 auto;width:100%}.app-logo-hero{text-align:center;padding:1.25rem 0 1.75rem;position:relative}.app-logo-hero__img{width:min(280px,85vw);height:auto;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(166,162,148,.16));animation:logoFloat 5s ease-in-out infinite}.app-logo-hero__sparkle{position:absolute;font-size:.75rem;opacity:.6;animation:sparkle 2.5s ease-in-out infinite;pointer-events:none}.app-logo-hero__sparkle--1{top:10%;left:15%;animation-delay:0s}.app-logo-hero__sparkle--2{top:20%;right:12%;animation-delay:.8s}.app-logo-hero__sparkle--3{bottom:15%;left:20%;animation-delay:1.5s}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.9;transform:scale(1.1)}}.step-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#c46a32;background:#fcd18c73;padding:.3rem .8rem;border-radius:999px;margin-bottom:.75rem}.step-title{font-size:1.35rem;font-weight:700;margin-bottom:.5rem;line-height:1.5}.step-hint{font-size:.9rem;color:var(--text-soft);margin-bottom:1.5rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:999px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f6c56a,#f08a3a);box-shadow:0 8px 24px #f08a3a47;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--shadow)}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:500;color:var(--text);background:#ffffffdb;border:1px solid rgba(227,217,207,.95)}.mic-btn{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f6c56a,#f08a3a);box-shadow:0 8px 32px #f08a3a59;display:flex;align-items:center;justify-content:center;font-size:2rem;z-index:200;transition:transform .2s,box-shadow .2s}.mic-btn:hover{transform:translate(-50%) scale(1.05)}.mic-btn.recording{animation:pulse-mic 1s ease-in-out infinite;box-shadow:0 0 0 8px #fcd18c73}@keyframes pulse-mic{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.08)}}.fade-in{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.float-tag{position:absolute;font-weight:700;white-space:nowrap;animation:floatTag 3s ease-in-out infinite;pointer-events:none}@keyframes floatTag{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cloud-card{background:#ffffffd1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.95);box-shadow:0 8px 28px var(--shadow),inset 0 1px #ffffffe6;padding:1.25rem;position:relative;overflow:hidden}.cloud-card:before{content:"";position:absolute;top:-30%;right:-20%;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(252,209,140,.16),transparent 70%);pointer-events:none}.hidden{display:none!important}.app-deco{position:fixed;pointer-events:none;z-index:0;opacity:.12}.app-deco__logo{width:100%;height:auto;object-fit:contain}.app-deco--tansak{top:8%;right:-25%;width:min(340px,85vw);transform:rotate(-8deg);opacity:.14}.app-deco--compass{top:12%;left:-30%;width:min(320px,80vw);transform:rotate(6deg);opacity:.12}.app-deco--chighag{bottom:15%;right:-28%;width:min(300px,78vw);transform:rotate(-5deg);opacity:.13}