@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}ul,ol{padding:0;list-style:none}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0}input,button,textarea,select{font:inherit}a{display:inline-block;color:inherit;text-decoration:none;cursor:pointer}button{border:none;background:none;padding:0;cursor:pointer}img{max-width:100%}:root{--bg-color: #1a1a2e;--bg-deep: #12121a;--bg-surface: rgba(255, 255, 255, .03);--card-bg: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b80;--accent-energy: #ffd700;--accent-love: #ff4d6d;--accent-soft: rgba(255, 77, 109, .12);--btn-primary: #4361ee;--btn-primary-hover: #5a75f5;--nav-bg: rgba(26, 26, 46, .95);--border-subtle: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .08);--font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;font-family:var(--font-family);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;letter-spacing:-.3px}h2,.h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--space-sm)}h3,.h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0 0 var(--space-xs)}p,.body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0;color:var(--text-primary)}.text-secondary{color:var(--text-secondary);font-size:var(--font-size-sm)}.text-muted{color:var(--text-muted);font-size:var(--font-size-sm)}.text-small{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}a{font-weight:var(--font-weight-medium);color:var(--accent-love);text-decoration:none;transition:color .2s}a:hover{color:var(--text-primary)}body{margin:0;padding:0;min-width:320px;min-height:100vh}#app{max-width:480px;width:100%;margin:0 auto;min-height:100vh}#landing{width:100%;min-height:100vh}.section-header{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.section-desc{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-lg);line-height:var(--line-height-relaxed)}.card{background:var(--card-bg);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-md)}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-lg)}button{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform .15s,background .2s}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent-love);outline-offset:2px}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0;transition:all .2s}.back-btn:active{transform:scale(.92);background:#ffffff14}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.popup-card{position:relative;background:var(--bg-color);background-image:var(--bg-image, url(/yumi-about.jpeg));background-size:cover;background-position:top;background-repeat:no-repeat;border-radius:var(--radius-xl);padding:var(--space-lg);width:100%;max-width:360px;text-align:center;box-shadow:0 20px 60px #00000080;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.popup-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a2ebf;z-index:0;border-radius:var(--radius-xl)}.popup-icon{position:relative;z-index:1;font-size:48px;margin-bottom:var(--space-md);filter:drop-shadow(0 0 16px rgba(255,255,255,.15))}.popup-title{position:relative;z-index:1;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0 0 var(--space-sm);color:var(--text-primary)}.popup-desc{position:relative;z-index:1;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-lg)}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--btn-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eruda-entry-btn,.eruda-container .eruda-entry-btn{display:none!important}