@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap";:root{--color-bg:#fdf9f0;--color-surface:#fff;--color-ink:#2a2a35;--color-text:#2a2a35;--color-text-sub:#4a4a5e;--color-text-muted:#8a8a95;--color-primary:#6c5ce7;--color-primary-light:#a29bfe;--color-primary-bg:#6c5ce714;--color-accent:#ff8b5e;--color-accent-deep:#e8703d;--color-accent-bg:#fff1ea;--color-pop:#ffe27a;--color-mint:#8bd3c7;--color-mint-deep:#2f9d8a;--color-mint-bg:#eaf7f4;--color-meter-1:#8bd3c7;--color-meter-2:#6c5ce7;--color-meter-3:#ff8b5e;--color-meter-1-text:#2f9d8a;--color-meter-2-text:#6c5ce7;--color-meter-3-text:#e8703d;--color-track:#f0e9db;--color-hairline:#e5ddcc;--color-shadow-soft:#2a2a3514;--border-sticker:2px solid var(--color-ink);--shadow-sticker:2.5px 2.5px 0 var(--color-ink);--shadow-sticker-lift:3.5px 3.5px 0 var(--color-ink);--shadow-sticker-press:1px 1px 0 var(--color-ink);--text-hero:clamp(2rem, 1.2rem + 3.6vw, 3rem);--text-xl:clamp(1.5rem, 1rem + 2vw, 2rem);--text-lg:clamp(1.125rem, 1rem + .5vw, 1.375rem);--text-base:clamp(.9375rem, .875rem + .25vw, 1.0625rem);--text-sm:clamp(.8125rem, .75rem + .25vw, .875rem);--text-xs:.75rem;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--duration-fast:.15s;--duration-normal:.3s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--font-main:"M PLUS Rounded 1c", "Hiragino Sans", sans-serif}*,:before,:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);min-height:100dvh;line-height:1.7}.sticker{border:var(--border-sticker);box-shadow:var(--shadow-sticker);background:var(--color-surface)}.sticker-press{transition:transform var(--duration-fast) var(--ease-bounce), box-shadow var(--duration-fast)}.sticker-press:hover{box-shadow:var(--shadow-sticker-lift);transform:translate(-1px,-1px)}.sticker-press:active{box-shadow:var(--shadow-sticker-press);transform:translate(1.5px,1.5px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{max-width:480px;padding:var(--space-md) var(--space-sm);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;display:flex}.intro{text-align:center;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl) 0}.intro-badge{background:var(--color-pop);color:var(--color-ink);border:var(--border-sticker);border-radius:var(--radius-full);box-shadow:var(--shadow-sticker);font-size:var(--text-sm);padding:4px 16px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.intro-title{font-size:var(--text-hero);color:var(--color-ink);letter-spacing:.01em;font-weight:700;line-height:1.4}.intro-title-chip{background:var(--color-primary);color:#fff;border:var(--border-sticker);box-shadow:3px 3px 0 var(--color-ink);border-radius:12px;margin-left:6px;padding:1px 14px;display:inline-block;transform:rotate(1deg)}.intro-title-chip ruby,.wordmark-chip ruby{ruby-align:center}.intro-title-chip rt,.wordmark-chip rt{letter-spacing:.08em;font-size:.28em;font-weight:700;transform:translateY(.25em)}.intro-lead{font-size:var(--text-lg);color:var(--color-text-sub);text-wrap:balance;max-width:34ch;font-weight:400;line-height:1.9}.lead-line{display:block}.nowrap{white-space:nowrap}.intro-arts{justify-content:center;align-items:flex-end;gap:var(--space-sm);animation:3s ease-in-out infinite float;display:flex}.intro-art{border:var(--border-sticker);border-radius:var(--radius-lg);width:clamp(64px,20vw,88px);height:auto;box-shadow:var(--shadow-sticker)}.intro-art:nth-child(2){z-index:1;width:clamp(76px,24vw,104px);position:relative;transform:translateY(-6px)rotate(-1deg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.btn-start{background:var(--color-accent);color:var(--color-ink);border:var(--border-sticker);border-radius:var(--radius-full);box-shadow:3px 3px 0 var(--color-ink);padding:var(--space-sm) var(--space-xl);font-size:var(--text-lg);font-weight:700;font-family:var(--font-main);cursor:pointer;letter-spacing:.05em;min-height:60px}.intro-consent{font-size:var(--text-xs);color:var(--color-text-muted);max-width:32ch}.intro-links{gap:var(--space-xs);flex-direction:column;align-items:center;display:flex}.intro-links a{font-size:var(--text-sm);color:var(--color-primary);text-underline-offset:3px;font-weight:700;text-decoration:underline}.about{gap:var(--space-md);padding-top:var(--space-lg);text-align:center}.about .wordmark{align-self:center}.about-tagline{letter-spacing:.03em;margin:0;font-size:clamp(1rem,.45rem + 2.6vw,1.6rem);font-weight:900;line-height:1.6}.about-tagline .lead-line{white-space:nowrap}.about-block{background:var(--color-surface);border:var(--border-sticker);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);padding:var(--space-md);text-align:left;font-size:var(--text-sm);color:var(--color-text-sub);gap:var(--space-xs);flex-direction:column;line-height:1.9;display:flex}.about-block p{margin:0}.about-subtitle{font-size:var(--text-base);color:var(--color-ink);margin:0;font-weight:900}.about-list{gap:var(--space-xs);flex-direction:column;margin:0;padding-left:1.3em;display:flex}.about-cta{text-align:center;align-self:center;padding-top:0;padding-bottom:0;line-height:60px;text-decoration:none;display:inline-block}.quiz{gap:var(--space-md);padding-top:var(--space-lg)}.quiz-progress{align-items:center;gap:var(--space-sm);display:flex}.quiz-count{font-size:var(--text-sm);color:var(--color-ink);white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--color-pop);border:var(--border-sticker);border-radius:var(--radius-full);box-shadow:2px 2px 0 var(--color-ink);padding:2px 12px;font-weight:700}.quiz-bar{background:var(--color-track);border:var(--border-sticker);border-radius:var(--radius-full);flex:1;height:10px;overflow:hidden}.quiz-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));height:100%;transition:width var(--duration-normal) var(--ease-out)}.quiz-remaining{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.question-card{background:var(--color-surface);border:var(--border-sticker);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sticker)}.question-text{font-size:var(--text-lg);color:var(--color-ink);margin-bottom:var(--space-md);min-height:3.4em;font-weight:700;line-height:1.7}.level-buttons{gap:var(--space-xs);flex-direction:column;display:flex}.btn-level{padding:var(--space-sm);font-size:var(--text-base);font-weight:700;font-family:var(--font-main);border:var(--border-sticker);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);cursor:pointer;min-height:52px;box-shadow:2px 2px 0 var(--color-ink);transition:transform var(--duration-fast) var(--ease-bounce), box-shadow var(--duration-fast), background var(--duration-fast)}.btn-level:hover{box-shadow:3px 3px 0 var(--color-ink);transform:translate(-1px,-1px)}.btn-level:active{box-shadow:1px 1px 0 var(--color-ink);transform:translate(1.5px,1.5px)}.btn-level-3{background:var(--color-accent-bg)}.btn-level-0{background:var(--color-mint-bg)}.calculating{justify-content:center;align-items:center}.calculating-content{text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.calculating-spinner{border:4px solid var(--color-track);border-top-color:var(--color-primary);border-right-color:var(--color-accent);border-bottom-color:var(--color-mint);border-radius:50%;width:56px;height:56px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.calculating-text{font-size:var(--text-lg);color:var(--color-text-sub);font-weight:700;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.result{gap:var(--space-md);padding:var(--space-lg) 0}.result-archetype{text-align:center}.result-art{border:var(--border-sticker);border-radius:var(--radius-lg);width:200px;height:200px;box-shadow:var(--shadow-sticker);object-fit:cover}.result-name{font-size:var(--text-xl);color:var(--color-ink);margin-top:var(--space-sm);font-weight:700}.result-name .result-name-chip{background:var(--color-primary);color:#fff;border:var(--border-sticker);box-shadow:2.5px 2.5px 0 var(--color-ink);border-radius:10px;padding:0 10px;display:inline-block;transform:rotate(1deg)}.result-blurb{color:var(--color-text-sub);margin-top:var(--space-xs);line-height:1.8}.result-meters{background:var(--color-surface);border:var(--border-sticker);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);padding:var(--space-md)}.meter-row{margin:.75rem 0}.meter-head{font-size:var(--text-sm);justify-content:space-between;margin-bottom:4px;display:flex}.meter-label{color:var(--color-text-sub);font-weight:700}.meter-val{font-variant-numeric:tabular-nums;font-weight:700}.meter-val-1{color:var(--color-meter-1-text)}.meter-val-2{color:var(--color-meter-2-text)}.meter-val-3{color:var(--color-meter-3-text)}.meter-bar{background:var(--color-track);border:var(--border-sticker);border-radius:var(--radius-full);height:14px;overflow:hidden}.meter-fill{height:100%}.fill-1{background:var(--color-meter-1)}.fill-2{background:var(--color-meter-2)}.fill-3{background:var(--color-meter-3)}.result-section{background:var(--color-surface);border:var(--border-sticker);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);padding:var(--space-md);text-align:left}.result-section h3{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.result-section ul{margin:0;padding:0;line-height:2;list-style:none}.result-burning{border-left:6px solid var(--color-accent)}.result-released{border-left:6px solid var(--color-mint)}.result-feedback{background:var(--color-pop);border:var(--border-sticker);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);text-align:left;color:var(--color-ink);line-height:2;position:relative}.result-feedback:before{content:"💬";top:var(--space-sm);left:var(--space-sm);opacity:.6;font-size:1.2rem;position:absolute}.result-feedback p{font-size:var(--text-base);color:var(--color-ink);font-weight:400;line-height:2}.relief-survey{text-align:center;padding:var(--space-md) 0}.relief-question{font-size:var(--text-base);color:var(--color-text-sub);margin-bottom:var(--space-sm);font-weight:700}.relief-buttons{justify-content:center;gap:var(--space-sm);display:flex}.btn-relief{padding:var(--space-xs) var(--space-lg);font-size:var(--text-base);font-weight:700;font-family:var(--font-main);border:var(--border-sticker);border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;transition:transform var(--duration-fast) var(--ease-bounce), border-color var(--duration-fast), background var(--duration-fast);min-width:110px;min-height:48px;color:var(--color-text)}.btn-relief-yes:hover{border-color:var(--color-mint-deep);background:var(--color-mint-bg);color:var(--color-mint-deep);transform:scale(1.05)}.btn-relief-no:hover{border-color:var(--color-text-muted);background:#a0a0b014;transform:scale(1.05)}.relief-done p{color:var(--color-mint-deep);font-size:var(--text-sm);font-weight:700}.share-bar{padding:var(--space-md) 0}.share-title{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-sm);font-weight:700}.btn-copy{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-weight:700;font-family:var(--font-main);color:var(--color-ink);background:var(--color-accent);border:var(--border-sticker);border-radius:var(--radius-full);box-shadow:3px 3px 0 var(--color-ink);cursor:pointer;display:block}.btn-copy.is-copied{background:var(--color-mint)}.share-hint{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin:var(--space-xs) 0 var(--space-md);line-height:1.7}.share-buttons{justify-content:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.btn-share{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:700;font-family:var(--font-main);border:var(--border-sticker);border-radius:var(--radius-full);background:var(--color-surface);box-shadow:2px 2px 0 var(--color-ink);cursor:pointer;color:var(--color-ink);transition:transform var(--duration-fast) var(--ease-bounce), box-shadow var(--duration-fast)}.btn-share:hover{box-shadow:3px 3px 0 var(--color-ink);transform:translate(-1px,-1px)}.btn-share:active{box-shadow:1px 1px 0 var(--color-ink);transform:translate(1.5px,1.5px)}.btn-save{background:var(--color-primary);color:#fff}.community{gap:var(--space-md)}.community-header{padding:var(--space-sm) 0;justify-content:space-between;align-items:center;display:flex}.wordmark{font-size:var(--text-base);color:var(--color-ink);font-weight:700;text-decoration:none}.wordmark-chip{background:var(--color-primary);color:#fff;border:var(--border-sticker);box-shadow:2px 2px 0 var(--color-ink);border-radius:8px;margin-left:3px;padding:0 6px;display:inline-block;transform:rotate(1deg)}.community-nav{gap:var(--space-sm);display:flex}.community-nav a{font-size:var(--text-sm);color:var(--color-ink);border:var(--border-sticker);border-radius:var(--radius-full);background:var(--color-surface);box-shadow:2px 2px 0 var(--color-ink);padding:2px 14px;font-weight:700;text-decoration:none}.community-title{font-size:var(--text-xl);color:var(--color-ink);font-weight:700}.community-subtitle{font-size:var(--text-base);color:var(--color-text-sub);margin-top:var(--space-lg);font-weight:700}.community-lead{color:var(--color-text-sub);line-height:1.9}.community-note{font-size:var(--text-sm);color:var(--color-text-muted)}.community-error{font-size:var(--text-sm);color:#c0392b;font-weight:700}.community-back{font-size:var(--text-sm);color:var(--color-text-muted)}.community-login{gap:var(--space-md);text-align:center;padding:var(--space-xl) 0;flex-direction:column;align-items:center;display:flex}.login-buttons{gap:var(--space-sm);flex-direction:column;width:100%;max-width:320px;display:flex}.btn-login{background:var(--color-accent);color:var(--color-ink);border:var(--border-sticker);border-radius:var(--radius-full);box-shadow:3px 3px 0 var(--color-ink);padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);font-weight:700;font-family:var(--font-main);text-align:center;cursor:pointer;text-decoration:none;display:block}.member-grid{gap:var(--space-sm);flex-direction:column;display:flex}.member-card{gap:var(--space-sm);background:var(--color-surface);border:var(--border-sticker);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);padding:var(--space-sm);align-items:flex-start;display:flex;position:relative}.member-avatar{border:var(--border-sticker);border-radius:var(--radius-md);flex:none;justify-content:center;align-items:flex-end;width:72px;height:72px;padding:4px 4px 0;display:flex;overflow:hidden}.member-avatar img{width:100%;height:auto}.member-body{flex:1;min-width:0}.member-name{font-size:var(--text-base);color:var(--color-ink);font-weight:700}.member-bio{font-size:var(--text-sm);color:var(--color-text-sub);margin-top:2px;line-height:1.7}.member-x{font-size:var(--text-xs);color:var(--color-primary)}.member-reactions{margin-top:var(--space-xs);gap:6px;display:flex}.btn-react{border:1.5px solid var(--color-hairline);background:var(--color-surface);border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer;font-family:var(--font-main);padding:2px 10px}.btn-react.is-mine{border:var(--border-sticker);background:var(--color-pop);box-shadow:1.5px 1.5px 0 var(--color-ink)}.react-count{font-size:var(--text-xs);margin-left:3px;font-weight:700}.member-report{color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;font-family:var(--font-main);background:0 0;border:none;position:absolute;top:8px;right:10px}.stats-list{color:var(--color-text-sub);line-height:2.1;font-size:var(--text-sm);margin:0;padding:0;list-style:none}.stats-count{color:var(--color-ink);font-weight:700}.community-profile{gap:var(--space-md);flex-direction:column;display:flex}.profile-avatar-preview{border:var(--border-sticker);border-radius:var(--radius-lg);width:120px;height:120px;box-shadow:var(--shadow-sticker);justify-content:center;align-items:flex-end;margin:0 auto;padding:8px 8px 0;display:flex;overflow:hidden}.profile-avatar-preview img{width:100%;height:auto}.profile-field{font-size:var(--text-sm);color:var(--color-text-sub);flex-direction:column;gap:6px;font-weight:700;display:flex}.profile-field input[type=text],.profile-field input:not([type]){border:var(--border-sticker);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-main);background:var(--color-surface);color:var(--color-ink);padding:10px 12px}.profile-toggle{flex-direction:row;align-items:center;gap:8px;font-weight:400}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:1.5px solid var(--color-hairline);cursor:pointer;border-radius:50%;width:34px;height:34px}.swatch.is-active{border:var(--border-sticker);box-shadow:2px 2px 0 var(--color-ink)}.received-list{color:var(--color-text-sub);margin:0;padding:0;line-height:2;list-style:none}.history-list{line-height:2.1;font-size:var(--text-sm);margin:0;padding:0;list-style:none}.history-list a{color:var(--color-primary);text-underline-offset:3px;font-weight:700}.profile-danger{gap:var(--space-md);margin-top:var(--space-lg);justify-content:center;display:flex}.btn-plain{color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;font-family:var(--font-main);background:0 0;border:none;text-decoration:underline}.btn-danger{color:#c0392b}.relink-banner{background:var(--color-pop);border:var(--border-sticker);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);gap:var(--space-xs);font-size:var(--text-sm);flex-direction:column;display:flex}.relink-banner p{margin:0}.relink-actions{align-items:center;gap:var(--space-md);display:flex}.btn-relink{background:var(--color-accent);color:var(--color-ink);border:var(--border-sticker);border-radius:var(--radius-full);box-shadow:2px 2px 0 var(--color-ink);font-size:var(--text-sm);font-weight:700;font-family:var(--font-main);cursor:pointer;align-self:flex-start;padding:6px 18px}.my-mini-profile{align-items:center;gap:var(--space-sm);background:var(--color-surface);border:var(--border-sticker);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);display:flex}.my-mini-avatar{border-radius:var(--radius-md);border:1.5px solid var(--color-ink);flex-shrink:0;justify-content:center;align-items:flex-end;width:48px;height:48px;padding:3px 3px 0;display:flex;overflow:hidden}.my-mini-avatar img{width:100%;height:auto}.my-mini-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.my-mini-nickname{font-weight:700;font-size:var(--text-base)}.my-mini-bio{font-size:var(--text-sm);color:var(--color-text-sub);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.my-mini-edit{font-size:var(--text-sm);color:var(--color-primary);flex-shrink:0;font-weight:700;text-decoration:none}.btn-community{background:var(--color-primary);color:#fff;border:var(--border-sticker);border-radius:var(--radius-full);box-shadow:3px 3px 0 var(--color-ink);padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);text-align:center;margin:var(--space-sm) 0;font-weight:700;text-decoration:none;display:block}