@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#fa7447;--primary-hover:#f9561f;--primary-light:#fef0eb;--secondary:#1bbb93;--secondary-hover:#169c7b;--secondary-light:#e9fcf7;--neutral-dark:#1f242e;--neutral-text:#363d49;--neutral-muted:#818898;--neutral-light:#f3f4f6;--neutral-border:#e2e4e9;--bg-app:#fbfaf9;--bg-card:#fff;--font-family:"Outfit", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--shadow-sm:0 2px 8px #1e140a08;--shadow-md:0 8px 24px #1e140a0d;--shadow-lg:0 16px 40px #1e140a14;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{touch-action:pan-y;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{overscroll-behavior-x:none}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--neutral-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.mobile-viewport{background-color:var(--bg-card);flex-direction:column;width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:80px;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 32px #00000014}h1{color:var(--neutral-dark);text-align:left;font-size:24px;font-weight:700;line-height:1.3}h2{color:var(--neutral-dark);text-align:left;font-size:18px;font-weight:700;line-height:1.4}h3{color:var(--neutral-dark);text-align:left;font-size:15px;font-weight:600;line-height:1.4}p{color:var(--neutral-text);text-align:left;font-size:14px;font-weight:400}small{color:var(--neutral-muted);font-size:12px}a{color:inherit;text-decoration:none}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none;outline:none;font-family:inherit}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--neutral-border);border-radius:4px}.btn{border-radius:var(--radius-md);transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-light);color:var(--secondary);border:1px solid #1bbb9326}.btn-secondary:hover{background-color:#1bbb931a}.btn-outline{border:1px solid var(--neutral-border);color:var(--neutral-text)}.btn-outline:hover{background-color:var(--neutral-light)}.admin-viewport{background-color:var(--neutral-light);min-height:100vh;font-family:var(--font-family);color:var(--neutral-text)}@keyframes floatBubble{0%{transform:translate(0)scale(1)}50%{transform:translate(15px,-20px)scale(1.02)}to{transform:translate(-10px,-40px)scale(.98)}}.clickable{transition:transform .1s}.clickable:active{transform:scale(.97)}.fade-in{animation:.3s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}