@import"https://fonts.googleapis.com/css2?family=DotGothic16&display=swap";:root,[data-theme=dark]{--px-bg: #1a1226;--px-bg-card: #3a2018;--px-bg-panel: #4a2a18;--px-text: #fff5e0;--px-text-sub: #e8c896;--px-text-mute: #b89870;--px-accent: #e87830;--px-accent-sub:#ffd76b;--px-success: #6abe60;--px-warn: #ffaa00;--px-danger: #d93030;--px-border: 2px solid #c43c3c;--px-border-color: #c43c3c;--px-shadow: 4px 4px 0 rgba(0, 0, 0, .45);--px-glow: rgba(232, 120, 48, .35);--px-btn-primary-text: #2a1410;--px-bg-tile: none;--px-bg-tile-wash: transparent;--px-font: "DotGothic16", monospace;--stat-hp: #6abe60;--stat-atk: #d93030;--stat-def: #ffaa00;--stat-sp-atk: #42a5f5;--stat-sp-def: #ab47bc;--stat-spd: #ffd76b}[data-theme=pastel]{--px-bg: #fff0f5;--px-bg-card: #ffffff;--px-bg-panel: #ffd6e7;--px-text: #2d1b3d;--px-text-sub: #4e3568;--px-text-mute:#6b5288;--px-accent: #ff5c9f;--px-accent-sub: #4f9dff;--px-success: #2e9e4e;--px-warn: #e07b00;--px-danger: #d32f2f;--px-border: 2px solid #ff5c9f;--px-border-fancy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' fill='none'/%3E%3Crect x='0' y='0' width='2' height='2' fill='%23ff5c9f'/%3E%3Crect x='6' y='0' width='2' height='2' fill='%23ff5c9f'/%3E%3Crect x='0' y='6' width='2' height='2' fill='%23ff5c9f'/%3E%3Crect x='6' y='6' width='2' height='2' fill='%23ff5c9f'/%3E%3Crect x='2' y='1' width='1' height='1' fill='%23ff8ec1'/%3E%3Crect x='5' y='1' width='1' height='1' fill='%23ff8ec1'/%3E%3Crect x='3' y='2' width='2' height='1' fill='%23ff8ec1'/%3E%3Crect x='3' y='6' width='2' height='1' fill='%23ff8ec1'/%3E%3C/svg%3E");--px-shadow: 4px 4px 0 rgba(255, 92, 159, .35);--px-btn-primary-text: #ffffff;--px-bg-tile: url(/themes/pastel/tile.png);--px-bg-tile-wash: rgba(255, 255, 255, .86);--stat-hp: #2e9e4e;--stat-atk: #d32f2f;--stat-def: #e07b00;--stat-sp-atk: #1f7ac4;--stat-sp-def: #7e3bbf;--stat-spd: #0e8aa8}[data-theme=daylight]{--px-bg: #f4f2e1;--px-bg-card: #fffdf0;--px-bg-panel: #cce5a0;--px-text: #2d3a1f;--px-text-sub: #43552c;--px-text-mute:#5a6f3f;--px-accent: #e47d2e;--px-accent-sub: #7fa64a;--px-success: #3a7d2e;--px-warn: #c78a00;--px-danger: #c0392b;--px-border: 2px solid #e47d2e;--px-border-fancy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' fill='none'/%3E%3Crect x='0' y='0' width='2' height='2' fill='%238a5a2b'/%3E%3Crect x='6' y='0' width='2' height='2' fill='%238a5a2b'/%3E%3Crect x='0' y='6' width='2' height='2' fill='%238a5a2b'/%3E%3Crect x='6' y='6' width='2' height='2' fill='%238a5a2b'/%3E%3Crect x='1' y='3' width='6' height='1' fill='%23a9763a'/%3E%3Crect x='3' y='1' width='1' height='6' fill='%236d4721'/%3E%3C/svg%3E");--px-shadow: 4px 4px 0 rgba(58, 125, 46, .25);--px-btn-primary-text: #ffffff;--px-bg-tile: url(/themes/daylight/tile.png);--px-bg-tile-wash: rgba(255, 255, 255, .82);--stat-hp: #3a7d2e;--stat-atk: #c0392b;--stat-def: #c78a00;--stat-sp-atk: #1f6aa8;--stat-sp-def: #7a3dab;--stat-spd: #0b8a97}[data-theme=aqua]{--px-bg: #e0f7ff;--px-bg-card: #ffffff;--px-bg-panel: #b3e5fc;--px-text: #0d3a52;--px-text-sub: #245c77;--px-text-mute:#3f748d;--px-accent: #00a0c8;--px-accent-sub: #3fb6d7;--px-success: #1f8a5b;--px-warn: #cc8a00;--px-danger: #c0392b;--px-border: 2px solid #00a0c8;--px-border-fancy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' fill='none'/%3E%3Crect x='0' y='0' width='2' height='2' fill='%2300a0c8'/%3E%3Crect x='6' y='0' width='2' height='2' fill='%2300a0c8'/%3E%3Crect x='0' y='6' width='2' height='2' fill='%2300a0c8'/%3E%3Crect x='6' y='6' width='2' height='2' fill='%2300a0c8'/%3E%3Crect x='1' y='2' width='2' height='1' fill='%2364d7ef'/%3E%3Crect x='3' y='3' width='2' height='1' fill='%2364d7ef'/%3E%3Crect x='5' y='2' width='2' height='1' fill='%2364d7ef'/%3E%3C/svg%3E");--px-shadow: 4px 4px 0 rgba(0, 160, 200, .3);--px-btn-primary-text: #ffffff;--px-bg-tile: url(/themes/aqua/tile.png);--px-bg-tile-wash: rgba(255, 255, 255, .84);--stat-hp: #1f8a5b;--stat-atk: #c0392b;--stat-def: #cc8a00;--stat-sp-atk: #1b75bb;--stat-sp-def: #6a3ea1;--stat-spd: #0d8ea5}html,body,#root{background:var(--px-bg);color:var(--px-text);min-height:100vh;margin:0}a{color:var(--px-accent)}h1,h2,h3,h4,h5,h6{color:var(--px-text);font-family:var(--px-font)}.px-card{background:var(--px-bg-card);border:var(--px-border);box-shadow:var(--px-shadow);padding:16px}.px-btn{background:transparent;border:var(--px-border);font-family:var(--px-font);color:var(--px-accent);cursor:pointer;padding:6px 14px;line-height:1.6;transition:background .1s,color .1s,transform .1s,box-shadow .1s;box-shadow:var(--px-shadow)}.px-btn:hover{background:var(--px-accent);color:var(--px-btn-primary-text)}.px-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #00000073}.px-btn-primary{background:var(--px-accent);color:var(--px-btn-primary-text);font-family:var(--px-font);border:var(--px-border);cursor:pointer;padding:6px 14px;line-height:1.6;transition:filter .1s,transform .1s,box-shadow .1s;box-shadow:var(--px-shadow)}.px-btn-primary:hover{filter:brightness(1.2)}.px-btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px #00000073}.px-btn-danger{background:var(--px-danger);color:#fff;font-family:var(--px-font);border:2px solid var(--px-danger);cursor:pointer;padding:6px 14px;line-height:1.6}.px-input{background:var(--px-bg-card);border:var(--px-border);color:var(--px-text);font-family:var(--px-font);padding:6px 10px;line-height:1.6;outline:none;transition:box-shadow .15s}.px-input:focus{box-shadow:0 0 0 2px var(--px-accent)}.px-label{color:var(--px-text-sub);font-family:var(--px-font);font-size:.875rem;line-height:1.6;text-transform:uppercase;letter-spacing:.05em}.px-badge{background:var(--px-bg-panel);color:var(--px-accent);border:var(--px-border);font-family:var(--px-font);font-size:.875rem;line-height:1.6;padding:3px 8px;display:inline-block}.px-progress{border:var(--px-border);height:12px;border-radius:0;background:var(--px-bg-card);overflow:hidden}.px-progress>.px-progress-bar{height:100%;background:var(--px-success);transition:width .3s}.px-progress-warn>.px-progress-bar{background:var(--px-warn)}.px-progress-danger>.px-progress-bar{background:var(--px-danger)}.px-divider{border:none;border-top:1px dotted var(--px-accent);opacity:.3;margin:8px 0}.px-dialog{background:var(--px-bg-card);border:var(--px-border);box-shadow:var(--px-shadow),inset 0 0 0 3px var(--px-bg-panel);padding:16px}.px-header{color:var(--px-accent);font-family:var(--px-font);font-size:1.25rem}:root{--px-border-fancy-width: 8;--px-border-fancy-slice: 4}.px-card-fancy,.px-dialog-fancy{border:8px solid transparent;border-image-source:var(--px-border-fancy);border-image-slice:var(--px-border-fancy-slice) fill;border-image-width:var(--px-border-fancy-width);border-image-repeat:round}.theme-swatch--fancy{border:6px solid transparent;border-image-source:var(--px-border-fancy);border-image-slice:var(--px-border-fancy-slice) fill;border-image-width:6;border-image-repeat:round}.variant-switcher{position:fixed;top:10px;left:50%;transform:translate(-50%);background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:30px;display:flex;gap:10px;z-index:10000;border:1px solid rgba(255,255,255,.2);align-items:center}.variant-switcher span{color:#fff;font-size:.8rem;font-weight:700;margin-right:10px}.variant-switcher button{background:transparent;color:#ccc;border:1px solid transparent;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:.8rem;transition:all .2s}.variant-switcher button:hover{background:#ffffff1a}.variant-switcher button.active{background:#fff;color:#000;border:1px solid white}.variant-a{background:linear-gradient(135deg,#fff5f8,#fff0f5);color:#333;min-height:100vh;font-family:"M PLUS Rounded 1c",sans-serif;overflow:hidden;position:relative}.va-blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.6}.va-blob-1{width:400px;height:400px;background:#ffb6c1;top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.va-blob-2{width:300px;height:300px;background:#ffdab9;bottom:-50px;left:-50px;animation:float 10s ease-in-out infinite reverse}.va-container{max-width:1100px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.va-header{display:flex;justify-content:space-between;align-items:center;padding:32px 0}.va-logo{font-size:1.5rem;font-weight:800;color:#ff69b4;letter-spacing:-.5px}.va-nav-btn{background:none;border:none;padding:10px 20px;cursor:pointer;font-weight:600;color:#555;transition:.2s}.va-nav-btn.primary{background:#ff69b4;color:#fff;border-radius:100px;box-shadow:0 4px 14px #ff69b466}.va-nav-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff69b499}.va-hero-content{text-align:center;padding:80px 0 60px}.va-title{font-size:3.5rem;line-height:1.2;font-weight:800;color:#333;margin-bottom:24px}.va-subtitle{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto 40px;line-height:1.6}.va-cta-main{background:linear-gradient(135deg,#ff69b4,#ff8c00);color:#fff;border:none;padding:18px 40px;font-size:1.2rem;font-weight:700;border-radius:100px;cursor:pointer;box-shadow:0 10px 30px #ff69b44d;transition:transform .2s}.va-cta-main:hover{transform:scale(1.05)}.va-features{display:flex;gap:24px;margin-top:60px;padding-bottom:80px;justify-content:center}.va-feature-card{background:#fff;padding:32px;border-radius:24px;flex:1;max-width:320px;box-shadow:0 10px 40px #0000000d;text-align:center;transition:transform .3s}.va-feature-card:hover{transform:translateY(-10px)}.va-emoji{font-size:3rem;margin-bottom:16px;display:block}.va-feature-card h3{font-size:1.25rem;margin-bottom:12px;color:#333}.va-feature-card p{color:#777;font-size:.95rem;line-height:1.5}.variant-b{background:#0d1117;color:#c9d1d9;min-height:100vh;font-family:Fira Code,monospace;padding-bottom:100px}.vb-container{max-width:1000px;margin:0 auto;padding:0 24px}.vb-header{display:flex;justify-content:space-between;align-items:center;padding:32px 0}.vb-logo{font-size:1.5rem;font-weight:700;color:#58a6ff}.vb-nav a{color:#8b949e;text-decoration:none;margin-right:24px;transition:color .2s}.vb-nav a:hover{color:#c9d1d9}.vb-btn{background:#238636;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:600}.vb-btn:hover{background:#2ea043}.vb-main{margin-top:60px}.vb-hero{text-align:left}.vb-title{font-size:3rem;color:#fff;margin-bottom:24px}.vb-subtitle{font-size:1.1rem;color:#8b949e;max-width:600px;line-height:1.6;margin-bottom:40px}.vb-terminal{background:#161b22;border:1px solid #30363d;border-radius:8px;overflow:hidden;max-width:700px;box-shadow:0 20px 40px #0006;margin-bottom:40px}.vb-terminal-header{background:#21262d;padding:10px 16px;display:flex;gap:8px;border-bottom:1px solid #30363d}.vb-dot{width:12px;height:12px;border-radius:50%}.vb-red{background:#ff5f56}.vb-yellow{background:#ffbd2e}.vb-green{background:#27c93f}.vb-terminal-body{padding:20px;color:#e6edf3;line-height:1.5}.vb-prompt{color:#58a6ff}.vb-success{color:#3fb950}.vb-cta{background:#fff;color:#000;border:none;padding:12px 24px;font-size:1.1rem;border-radius:6px;cursor:pointer;font-weight:700}.vb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px;border-top:1px solid #30363d;padding-top:40px}.vb-grid-item h4{color:#fff;margin-bottom:12px;font-size:1.1rem}.vb-grid-item p{color:#8b949e;font-size:.9rem;line-height:1.5}.variant-c{background:#fff;color:#000;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.vc-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;position:absolute;top:0;width:100%;box-sizing:border-box}.vc-logo{font-weight:700;font-size:1.25rem;letter-spacing:-.5px}.vc-nav-links button{background:none;border:none;font-size:.95rem;margin-left:20px;cursor:pointer;font-weight:500}.vc-btn-outline{border:1px solid #000!important;padding:8px 16px;border-radius:20px}.vc-main{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px}.vc-headline{font-size:6rem;font-weight:800;letter-spacing:-2px;line-height:1.05;margin-bottom:24px;background:linear-gradient(135deg,#000,#555);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vc-subhead{font-size:1.5rem;color:#666;font-weight:400;margin-bottom:40px}.vc-btn-solid{background:#000;color:#fff;border:none;padding:16px 32px;font-size:1.1rem;border-radius:30px;cursor:pointer;transition:opacity .2s}.vc-btn-solid:hover{opacity:.8}.vc-features{padding:100px 40px;background:#fafafa}.vc-feature-row{display:flex;max-width:1200px;margin:0 auto;align-items:center;gap:80px}.vc-feature-text{flex:1}.vc-feature-text h2{font-size:3rem;letter-spacing:-1px;margin-bottom:24px}.vc-feature-text p{font-size:1.25rem;color:#555;line-height:1.6}.vc-feature-visual{flex:1;height:400px;background:#ebebeb;border-radius:30px;position:relative;display:flex;align-items:center;justify-content:center}.vc-circle-indicator{width:150px;height:150px;border-radius:50%;background:linear-gradient(45deg,#d4d4d4,#fff);box-shadow:0 20px 40px #0000001a;animation:pulse 4s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(10deg)}to{transform:translateY(0) rotate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}}.variant-d{background:var(--px-bg, #1a1a2e);color:var(--px-text, #e0e0e0);min-height:100vh;font-family:DotGothic16,monospace;position:relative;overflow-x:hidden;display:flex;flex-direction:column;align-items:stretch}.variant-d:before{display:none}[data-theme=dark] .variant-d:before{content:"";display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#12101000 50%,#00000026 50%);background-size:100% 4px;z-index:100;pointer-events:none}.vd-lang-switch{position:absolute;top:16px;right:20px;z-index:101}.vd-hero{padding:80px 20px 60px;display:flex;justify-content:center;position:relative;z-index:10}.vd-hero-inner{display:flex;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:960px}.vd-hero-mascot{display:block;width:200px;height:auto;image-rendering:pixelated;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.35));animation:vd-mascot-bob 2.4s ease-in-out infinite alternate;flex-shrink:0}@keyframes vd-mascot-bob{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media(min-width:720px){.vd-hero-inner{flex-direction:row;align-items:center;gap:48px}.vd-hero-mascot{width:280px}}@media(prefers-reduced-motion:reduce){.vd-hero-mascot{animation:none}}.vd-dialog-box{background:var(--px-bg-card, #16213e);border:4px solid var(--px-accent, #00d4ff);padding:40px 30px;max-width:640px;box-shadow:inset 0 0 0 2px #000,8px 8px #00d4ff4d;position:relative;text-align:center}.vd-title{font-size:3.6rem;color:var(--px-accent, #00d4ff);text-shadow:4px 4px 0 rgba(255,0,127,.4);margin:0 0 16px;letter-spacing:2px}.vd-tagline{font-size:1.4rem;color:var(--px-text, #e0e0e0);margin:0 0 12px;font-weight:700}.vd-subtitle{font-size:1.1rem;line-height:1.7;color:var(--px-text-sub, #a0a0b0);margin:0 0 30px}.vd-actions{margin:20px 0 10px}.vd-btn-start{background:var(--px-accent, #00d4ff);color:#000;border:3px solid #000;font-family:inherit;font-size:1.4rem;font-weight:700;cursor:pointer;padding:14px 32px;box-shadow:4px 4px #000;transition:transform .1s,box-shadow .1s}.vd-btn-start:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.vd-btn-start:active{transform:translate(4px,4px);box-shadow:none}.vd-nav{margin-top:24px;display:flex;gap:24px;justify-content:center}.vd-nav-btn{background:transparent;color:var(--px-text-sub, #a0a0b0);border:2px solid var(--px-text-sub, #a0a0b0);font-family:inherit;font-size:1rem;cursor:pointer;padding:6px 16px;transition:color .1s,border-color .1s}.vd-nav-btn:hover{color:var(--px-accent, #00d4ff);border-color:var(--px-accent, #00d4ff)}.vd-section{max-width:960px;margin:0 auto;padding:48px 20px;width:100%;position:relative;z-index:10;box-sizing:border-box}.vd-section-title{font-size:1.8rem;color:var(--px-accent, #00d4ff);text-align:center;margin:0 0 40px;letter-spacing:4px}.vd-section-lead{text-align:center;color:var(--px-text-sub, #a0a0b0);font-size:1rem;line-height:1.7;margin:-20px auto 28px;max-width:60ch}.vd-pet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.vd-pet-card{margin:0;background:var(--px-bg-card, #16213e);border:2px solid var(--px-accent, #00d4ff);padding:14px;box-shadow:4px 4px #00d4ff4d;text-align:center}.vd-pet-img{display:block;width:100%;max-width:160px;height:auto;margin:0 auto 8px;image-rendering:pixelated}.vd-pet-cap{font-size:.9rem;color:var(--px-text, #e0e0e0);margin:0;letter-spacing:1px}@media(min-width:720px){.vd-pet-grid{grid-template-columns:repeat(4,1fr)}}.vd-mcp-diagram{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:8px auto 18px}.vd-mcp-node{background:var(--px-bg-card, #16213e);border:2px solid var(--px-accent, #00d4ff);color:var(--px-text, #e0e0e0);padding:12px 22px;font-size:1rem;letter-spacing:1px;box-shadow:4px 4px #00d4ff4d}.vd-mcp-node--mid{background:var(--px-accent, #00d4ff);color:#000}.vd-mcp-arrow{font-size:1.6rem;color:var(--px-accent, #00d4ff)}.vd-mcp-note{text-align:center;font-size:.9rem;color:var(--px-text-sub, #a0a0b0);margin:0 auto;max-width:60ch;line-height:1.6}.vd-command-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px;padding:12px 16px;background:#00d4ff14;border:1px dashed var(--px-accent, #00d4ff)}.vd-command-label{color:var(--px-text-sub, #a0a0b0);font-size:.95rem}.vd-command-code{background:#0a0e1c;border:1px solid var(--px-accent, #00d4ff);padding:6px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1rem;color:var(--px-text, #e0e0e0)}.vd-command-copy{background:var(--px-accent, #00d4ff);color:#000;border:2px solid var(--px-accent, #00d4ff);font-family:inherit;font-size:.9rem;padding:6px 16px;cursor:pointer;letter-spacing:1px}.vd-command-copy:active{transform:translate(2px,2px)}.vd-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.vd-feature-card{background:var(--px-bg-card, #16213e);border:2px solid var(--px-accent, #00d4ff);padding:24px;box-shadow:4px 4px #00d4ff4d;position:relative}.vd-feature-num{font-size:2.4rem;color:var(--px-accent, #00d4ff);opacity:.6;line-height:1;margin-bottom:8px}.vd-feature-title{font-size:1.3rem;color:var(--px-text, #e0e0e0);margin:0 0 12px}.vd-feature-body{font-size:1rem;line-height:1.7;color:var(--px-text-sub, #a0a0b0);margin:0}.vd-feature-body b{color:var(--px-accent, #00d4ff);font-weight:400}.vd-steps{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.vd-step{flex:1;min-width:140px;text-align:center;background:var(--px-bg-card, #16213e);border:2px solid var(--px-accent, #00d4ff);padding:20px 12px;box-shadow:4px 4px #00d4ff4d}.vd-step-num{font-size:2.4rem;color:var(--px-accent, #00d4ff);line-height:1;margin-bottom:8px}.vd-step-label{font-size:1rem;color:var(--px-text, #e0e0e0)}.vd-step-arrow{font-size:1.6rem;color:var(--px-accent, #00d4ff);opacity:.6}.vd-setup-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.vd-tab{background:transparent;color:var(--px-text-sub, #a0a0b0);border:2px solid var(--px-text-sub, #a0a0b0);font-family:inherit;font-size:1rem;cursor:pointer;padding:8px 20px;transition:color .1s,border-color .1s,background .1s}.vd-tab.active{background:var(--px-accent, #00d4ff);color:#000;border-color:var(--px-accent, #00d4ff)}.vd-setup-body{background:var(--px-bg-card, #16213e);border:2px solid var(--px-accent, #00d4ff);padding:24px;box-shadow:4px 4px #00d4ff4d}.vd-setup-steps{list-style:none;padding:0;margin:0;counter-reset:setup-step}.vd-setup-steps li{counter-increment:setup-step;padding:10px 0 10px 48px;position:relative;color:var(--px-text, #e0e0e0);line-height:1.7;border-bottom:1px dashed rgba(0,212,255,.2)}.vd-setup-steps li:last-child{border-bottom:none}.vd-setup-steps li:before{content:counter(setup-step);position:absolute;left:0;top:10px;width:32px;height:32px;border:2px solid var(--px-accent, #00d4ff);color:var(--px-accent, #00d4ff);text-align:center;line-height:28px;font-weight:700}.vd-setup-steps code{background:#00d4ff1a;color:var(--px-accent, #00d4ff);padding:2px 6px;font-family:inherit}.vd-code-block{background:#000;border:2px solid var(--px-accent, #00d4ff);color:var(--px-success, #00ff88);padding:16px;font-family:DotGothic16,Courier New,monospace;font-size:1rem;overflow-x:auto;margin:0 0 16px}.vd-setup-hint{color:var(--px-text-sub, #a0a0b0);font-size:.95rem;margin:0}.vd-privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vd-privacy-item{background:var(--px-bg-card, #16213e);border:2px solid var(--px-success, #00ff88);padding:20px;text-align:center;box-shadow:4px 4px #00ff8840}.vd-privacy-icon{font-size:2rem;margin-bottom:12px}.vd-privacy-title{font-size:1.1rem;color:var(--px-success, #00ff88);margin:0 0 12px}.vd-privacy-body{font-size:.95rem;line-height:1.6;color:var(--px-text-sub, #a0a0b0);margin:0}.vd-roadmap{list-style:none;padding:0;margin:0 auto;max-width:720px}.vd-roadmap-item{padding:14px 16px;margin-bottom:8px;background:var(--px-bg-card, #16213e);border-left:4px solid var(--px-text-sub, #a0a0b0);color:var(--px-text-sub, #a0a0b0);font-size:1rem}.vd-roadmap-item.done{border-left-color:var(--px-success, #00ff88);color:var(--px-text, #e0e0e0)}.vd-roadmap-mark{color:var(--px-success, #00ff88);margin-right:12px;font-weight:700}.vd-roadmap-item:not(.done) .vd-roadmap-mark{color:var(--px-text-sub, #a0a0b0)}.vd-dev-body{text-align:center;color:var(--px-text-sub, #a0a0b0);line-height:1.7;margin:0 0 16px}.vd-dev-link{display:inline-block;padding:10px 24px;background:var(--px-bg-card, #16213e);border:2px solid var(--px-accent, #00d4ff);color:var(--px-accent, #00d4ff);text-decoration:none;margin-left:50%;transform:translate(-50%);box-shadow:4px 4px #00d4ff4d}.vd-dev-link:hover{background:var(--px-accent, #00d4ff);color:#000}.vd-footer{padding:32px 20px;text-align:center;color:var(--px-text-sub, #a0a0b0);font-size:.9rem;border-top:1px solid rgba(0,212,255,.2);margin-top:40px}.vd-footer-link{color:var(--px-text-sub, #a0a0b0);text-decoration:none;margin:0 4px}.vd-footer-link:hover{color:var(--px-accent, #00d4ff)}.vd-footer-sep{color:var(--px-text-sub, #a0a0b0);opacity:.4;margin:0 4px}@media(max-width:768px){.vd-title{font-size:2.4rem}.vd-feature-grid{grid-template-columns:1fr}.vd-steps{flex-direction:column}.vd-step-arrow{transform:rotate(90deg)}.vd-privacy-grid{grid-template-columns:1fr}}.admin-page{max-width:1100px;margin:0 auto;padding:24px 16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px}.admin-title{font-size:20px;font-weight:700;margin:0 0 4px}.admin-subtitle{color:#aab;margin:0 0 16px;font-size:12px}.admin-params-card{background:#252540;border:1px solid #444;border-radius:8px;padding:12px 16px;margin-bottom:16px}.admin-params-header{display:flex;gap:12px;align-items:center;margin-bottom:8px}.admin-params-stage{font-weight:700;font-size:14px;color:#e0e0ff}.admin-params-version{color:#889;font-size:11px}.admin-params-health{font-size:11px;padding:2px 6px;border-radius:4px;background:#2a4a2a;color:#8f8}.admin-params-health--sick{background:#4a2a2a;color:#f88}.admin-params-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media(max-width:600px){.admin-params-grid{grid-template-columns:repeat(2,1fr)}}.admin-param-item{display:flex;align-items:center;gap:6px}.admin-param-label{color:#ccc;font-size:11px;min-width:105px}.admin-param-value{font-weight:600;min-width:40px;text-align:right;font-size:12px}.admin-param-bar{flex:1;height:6px;background:#2e2e48;border-radius:3px;overflow:hidden;position:relative}.admin-param-center{position:absolute;left:50%;top:0;width:1px;height:100%;background:#555}.admin-param-fill{position:absolute;height:100%;transition:left .3s,width .3s}.admin-param-fill--pos{background:#4caf50}.admin-param-fill--neg{background:#f44336}.admin-tabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}.admin-tab{padding:6px 14px;background:#2e2e48;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;font-size:12px;font-family:inherit}.admin-tab:hover{background:#2a2a3e}.admin-tab--active{background:#2a2a5e;color:#fff;border-color:#55a}.admin-tab--refresh{margin-left:auto;color:#6af}.admin-tab--refresh:disabled{opacity:.4}.admin-section{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th{text-align:left;padding:6px 8px;background:#252540;color:#aab;font-weight:600;border-bottom:1px solid #444;white-space:nowrap;position:sticky;top:0}.admin-table td{padding:5px 8px;border-bottom:1px solid #1a1a2e;vertical-align:top}.admin-table tbody tr:hover{background:#1a1a28}.admin-cell-time{white-space:nowrap;color:#aab;font-size:11px}.admin-cell-param{font-weight:600;white-space:nowrap}.admin-cell-str{text-align:right;font-weight:600}.admin-cell-reasoning{max-width:320px;word-wrap:break-word;color:#ccc}.admin-cell-id{color:#666;font-size:11px}.admin-cell-payload{max-width:500px}.admin-dir--positive{color:#4caf50;font-weight:700}.admin-dir--negative{color:#f44336;font-weight:700}.admin-dir--neutral{color:#888}.admin-row--positive{border-left:3px solid #4caf5044}.admin-row--negative{border-left:3px solid #f4433644}.admin-source-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;background:#333;color:#ccc}.admin-source--agent_observation{background:#1a3a5e;color:#6af}.admin-source--real_life_observation{background:#1a4a3e;color:#6fa}.admin-source--cross_session_observe{background:#4a3a1a;color:#fa6}.admin-source--interpretation_event{background:#3a1a4e;color:#a6f}.admin-source--rule_interpreter{background:#333;color:#888}.admin-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.admin-badge--consumed{background:#2a4a2a;color:#8a8}.admin-badge--pending{background:#4a4a1a;color:#aa8}.admin-event-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap}.admin-event-type--signal-recorded{background:#1a3a5e;color:#6af}.admin-event-type--batch-processed{background:#1a4a3e;color:#6fa}.admin-event-type--observation-recorded{background:#4a3a1a;color:#fa6}.admin-event-type--evolution_committed{background:#3a1a4e;color:#a6f}.admin-payload{margin:0;font-size:11px;color:#ccc;white-space:pre-wrap;word-break:break-all;max-height:120px;overflow-y:auto}.admin-batch-card{background:#252540;border:1px solid #444;border-radius:8px;padding:12px 16px;margin-bottom:12px}.admin-batch-header{display:flex;justify-content:space-between;margin-bottom:8px}.admin-batch-date{font-weight:700;font-size:14px;color:#e0e0ff}.admin-batch-consumed{color:#aab;font-size:12px}.admin-batch-deltas h4,.admin-batch-params h4{margin:8px 0 4px;font-size:11px;color:#aab;text-transform:uppercase}.admin-delta-grid{display:flex;flex-wrap:wrap;gap:8px}.admin-delta-item{display:flex;gap:4px;align-items:center;background:#2e2e48;padding:3px 8px;border-radius:4px}.admin-delta-label{font-size:11px;color:#ccc}.admin-delta-value{font-weight:700;font-size:12px}.admin-delta--pos .admin-delta-value{color:#4caf50}.admin-delta--neg .admin-delta-value{color:#f44336}.admin-empty{text-align:center;color:#889;padding:24px}.admin-empty-block{text-align:center;color:#889;padding:32px;background:#252540;border-radius:8px}.admin-empty-inline{color:#889;font-style:italic}.admin-error{background:#4a1a1a;color:#f88;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:12px}.admin-login-form{max-width:320px;margin:40px auto;display:flex;flex-direction:column;gap:10px}.admin-input{padding:10px 14px;background:#252540;border:1px solid #444;border-radius:6px;color:#eee;font-family:inherit;font-size:14px}.admin-input:focus{outline:none;border-color:#55a}.admin-login-btn{padding:10px;background:#2a2a5e;border:1px solid #55a;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;font-family:inherit}.admin-login-btn:hover{background:#3a3a7e}.admin-selector{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.admin-select{padding:6px 10px;background:#252540;border:1px solid #444;border-radius:6px;color:#eee;font-family:inherit;font-size:12px;min-width:180px}.admin-filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.admin-select--filter{min-width:200px}.admin-signal-summary{background:#252540;border:1px solid #444;border-radius:8px;padding:10px 14px;margin-bottom:12px}.admin-signal-summary h4{margin:0 0 8px;font-size:11px;color:#aab;text-transform:uppercase}.admin-cell-session{white-space:nowrap}.admin-session-link{background:none;border:1px solid #444;border-radius:4px;color:#6af;font-size:10px;font-family:inherit;cursor:pointer;padding:1px 5px}.admin-session-link:hover{background:#1a3a5e;border-color:#6af}.admin-tab--breakdown{margin-left:auto;color:#fa6;font-size:11px;border-color:#4a3a1a}.admin-tab--breakdown:hover{background:#4a3a1a}.admin-breakdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.admin-breakdown-modal{background:#0d0d1a;border:1px solid #444;border-radius:10px;padding:20px;max-width:900px;width:100%;max-height:80vh;overflow-y:auto;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px}.admin-breakdown-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.admin-breakdown-header h3{margin:0;font-size:16px;color:#e0e0ff}.admin-breakdown-count{color:#aab;font-size:12px}.admin-breakdown-param{background:#252540;border:1px solid #2a2a3e;border-radius:8px;padding:10px 14px;margin-bottom:10px}.admin-breakdown-param-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.admin-breakdown-delta{font-size:12px;font-weight:600}.admin-breakdown-source{margin-bottom:8px;padding-left:8px;border-left:2px solid #333}.admin-breakdown-source-count{color:#889;font-size:10px;margin-left:4px}.admin-breakdown-signals{margin-top:4px}.admin-breakdown-signal{display:flex;gap:8px;align-items:baseline;padding:3px 0;font-size:11px;border-bottom:1px solid #1a1a2e}.admin-breakdown-signal:last-child{border-bottom:none}.admin-breakdown-reasoning{flex:1;color:#ccc;word-wrap:break-word;max-width:400px}.admin-breakdown-session{color:#6af;font-size:9px;background:#1a2a3e;padding:1px 4px;border-radius:3px}.admin-health-card{background:#252540;border:1px solid #444;border-radius:8px;padding:16px;margin-bottom:16px}.admin-health--ok{border-left:4px solid #4caf50}.admin-health--warn{border-left:4px solid #ff9800}.admin-health--critical{border-left:4px solid #f44336}.admin-health-title{margin:0 0 12px;font-size:14px;font-weight:700;color:#e0e0ff}.admin-health--ok .admin-health-title{color:#81c784}.admin-health--warn .admin-health-title{color:#ffb74d}.admin-health--critical .admin-health-title{color:#e57373}.admin-health-stats{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.admin-health-stat{display:flex;flex-direction:column;gap:2px;background:#2e2e48;padding:8px 14px;border-radius:6px;min-width:100px}.admin-health-stat-label{font-size:10px;color:#aab;text-transform:uppercase}.admin-health-stat-value{font-size:18px;font-weight:700;color:#e0e0ff}.admin-health-warning{padding:8px 12px;border-radius:6px;font-size:12px;margin-top:8px}.admin-health-warning--critical{background:#4a1a1a;color:#f88}.admin-health-warning--warn{background:#4a3a1a;color:#fa6}.admin-health-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.admin-health-badge--ok{background:#2a4a2a;color:#8f8}.admin-health-badge--warn{background:#4a3a1a;color:#fa6}.admin-health-badge--critical{background:#4a1a1a;color:#f88}.admin-graph-canvas{width:100%;height:200px;border-radius:8px;background:#111;margin-bottom:16px}.pop-in-bubble-container{position:fixed;top:50%;right:2rem;transform:translateY(-50%);z-index:1000;pointer-events:none}.pop-in-bubble{position:relative;max-width:280px;background:#fff;border:2px solid #ff6b9d;border-radius:16px;padding:12px 16px;box-shadow:0 4px 12px #00000026;pointer-events:auto;cursor:pointer;opacity:0;transform:translate(20px);transition:opacity .3s ease,transform .3s ease}.pop-in-bubble.visible{opacity:1;transform:translate(0)}.pop-in-bubble.hidden{opacity:0;transform:translate(20px)}.pop-in-bubble-pointer{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:12px solid #ff6b9d;border-top:8px solid transparent;border-bottom:8px solid transparent}.pop-in-bubble-text{font-size:14px;line-height:1.4;color:#333;word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Kaku Gothic ProN,sans-serif;margin-right:20px}.pop-in-bubble-close{position:absolute;top:4px;right:8px;font-size:18px;color:#999;cursor:pointer;line-height:1;-webkit-user-select:none;user-select:none}.pop-in-bubble-close:hover{color:#333}@media(max-width:640px){.pop-in-bubble-container{top:auto;bottom:80px;right:1rem;left:1rem;transform:none}.pop-in-bubble{max-width:100%}.pop-in-bubble-pointer{display:none}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:var(--px-text, #fff5e0);background:var(--px-bg, #1a1226);font-size:15px;line-height:1.65;transition:background-color .2s ease,color .2s ease;-webkit-font-smoothing:antialiased}[data-theme=pastel] body,[data-theme=daylight] body,[data-theme=aqua] body{background-image:linear-gradient(var(--px-bg-tile-wash),var(--px-bg-tile-wash)),var(--px-bg-tile);background-repeat:repeat;background-size:64px 64px;background-blend-mode:normal,normal}.emotion-character{position:relative;display:flex;align-items:center;justify-content:center;background:transparent}.emotion-character__image{display:block;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.emotion-character--loading{opacity:.5}.emotion-character--error{display:flex;align-items:center;justify-content:center;background:var(--px-bg-card, #16213e);border:var(--px-border, 2px solid #00d4ff);color:var(--px-danger, #ff4444);font-size:.75rem;padding:8px;text-align:center}.emotion-character__error-text{word-break:break-word}.app-shell{min-height:100vh;background:var(--px-bg)}.app-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 20px;background:#1a0e0a;border-bottom:2px solid var(--px-border-color, #c43c3c);font-family:var(--px-font)}.app-header-left{display:flex;align-items:center;gap:12px}.app-title{font-size:18px;font-weight:400;color:var(--px-accent);font-family:var(--px-font);cursor:pointer;white-space:nowrap;line-height:1;background:none;border:none;padding:0;margin:0;letter-spacing:1px}.app-title-sub{font-size:14px;font-weight:400;color:var(--px-text);margin-left:6px;display:inline-flex;align-items:center;line-height:1.2;padding:2px 6px;border:1px solid var(--px-accent-sub, var(--px-accent));background:color-mix(in srgb,var(--px-bg-panel) 88%,transparent)}.portfolio-link{font-size:13px;color:var(--px-accent-sub, var(--px-accent));text-decoration:none;border:2px solid var(--px-accent-sub, var(--px-accent));border-radius:0;padding:4px 12px;background:transparent;font-family:var(--px-font);transition:background .1s,color .1s;white-space:nowrap}.portfolio-link:hover{background:var(--px-accent-sub, var(--px-accent));color:var(--px-btn-primary-text)}.sidebar-toggle{display:flex;flex-direction:column;gap:4px;background:transparent;border:2px solid var(--px-accent-sub, var(--px-accent));cursor:pointer;padding:6px}.sidebar-toggle:hover{background:color-mix(in srgb,var(--px-accent-sub, var(--px-accent)) 16%,transparent)}.sidebar-toggle-bar{display:block;width:18px;height:2px;background:var(--px-accent-sub, var(--px-accent));border-radius:0}.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:var(--px-bg-card);border-right:2px solid var(--px-accent);padding:12px 0;transform:translate(-100%);transition:transform .2s ease;z-index:90;overflow-y:auto;font-family:var(--px-font)}.sidebar--open{transform:translate(0)}.sidebar-overlay{position:fixed;top:56px;right:0;bottom:0;left:0;background:#00000080;z-index:80}.sidebar-item{display:block;width:100%;padding:12px 20px;border:none;background:transparent;text-align:left;font-size:14px;color:var(--px-text);font-family:var(--px-font);cursor:pointer;text-decoration:none;transition:background .1s,color .1s;border-left:3px solid transparent}.sidebar-item:hover{background:#00d4ff1a;color:var(--px-accent);border-left-color:var(--px-accent)}.sidebar-item--active{color:var(--px-accent);background:#00d4ff26;border-left-color:var(--px-accent);font-weight:400}.sidebar-divider{height:2px;background:var(--px-accent);opacity:.3;margin:8px 16px}.app-main{margin-top:56px;background:var(--px-bg);min-height:calc(100vh - 56px)}.pet-app{max-width:960px;margin:0 auto;padding:24px;color:var(--px-text);font-family:var(--px-font)}.landing{max-width:1200px;margin:0 auto;padding:0 40px}.landing-hero{position:relative;text-align:center;padding:72px 0 56px;overflow:hidden}.hero-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(108,92,231,.12) 0%,rgba(168,85,247,.06) 40%,transparent 70%);pointer-events:none;animation:glow-pulse 6s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.7;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#6c5ce7;opacity:.3;animation:float-up 8s ease-in-out infinite}.particle:nth-child(1){left:15%;animation-delay:0s;animation-duration:7s}.particle:nth-child(2){left:35%;animation-delay:1.5s;animation-duration:9s;background:#a855f7}.particle:nth-child(3){left:55%;animation-delay:3s;animation-duration:6s}.particle:nth-child(4){left:75%;animation-delay:2s;animation-duration:8s;background:#a855f7}.particle:nth-child(5){left:90%;animation-delay:4s;animation-duration:10s}@keyframes float-up{0%{bottom:-10px;opacity:0}20%{opacity:.4}80%{opacity:.2}to{bottom:100%;opacity:0}}.hero-top-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;animation:fade-in-up .6s ease-out;position:relative}.hero-badge{display:inline-block;padding:6px 18px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#6c5ce7;background:#6c5ce714;border:1px solid rgba(108,92,231,.2);border-radius:20px}.hero-portfolio-wrap{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.hero-portfolio-hint{font-size:11px;color:#999;letter-spacing:.5px}.hero-portfolio-btn{padding:12px 32px;font-size:16px;font-weight:700;color:#6c5ce7;background:#6c5ce714;border:2px solid rgba(108,92,231,.3);border-radius:12px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.hero-portfolio-btn:hover{background:#6c5ce726;border-color:#6c5ce780;transform:translateY(-50%) scale(1.03)}.landing-hero-title{font-size:48px;font-weight:800;color:#111;margin-bottom:20px;line-height:1.15;letter-spacing:-1px;animation:fade-in-up .6s ease-out .1s both}.hero-gradient-text{background:linear-gradient(135deg,#6c5ce7,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-sub{font-size:17px;color:#666;line-height:1.7;max-width:540px;margin:0 auto 32px;animation:fade-in-up .6s ease-out .2s both}.landing-hero-actions{display:flex;gap:12px;justify-content:center;animation:fade-in-up .6s ease-out .3s both}.landing-cta{display:inline-block;padding:14px 36px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6c5ce7,#a855f7);border:none;border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #6c5ce74d}.landing-cta:hover{transform:translateY(-2px);box-shadow:0 6px 28px #6c5ce766}.landing-cta-secondary{display:inline-flex;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;color:#555;background:#fff;border:1.5px solid #ddd;border-radius:12px;text-decoration:none;transition:border-color .15s,color .15s}.landing-cta-secondary:hover{border-color:#6c5ce7;color:#6c5ce7}.hero-stats{display:flex;justify-content:center;align-items:center;gap:32px;animation:fade-in-up .6s ease-out .4s both}.hero-stat{display:flex;flex-direction:column;align-items:center}.hero-stat-value{font-size:28px;font-weight:800;color:#6c5ce7}.hero-stat-label{font-size:12px;color:#999;font-weight:500;margin-top:2px}.hero-stat-divider{width:1px;height:36px;background:#e0e0e0}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-section{margin-bottom:56px}.landing-section-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#222;margin-bottom:28px}.section-title-accent{display:inline-block;width:4px;height:28px;background:linear-gradient(180deg,#6c5ce7,#a855f7);border-radius:2px}.landing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.landing-card{padding:28px 24px;border-radius:16px;border:1px solid #eee;background:#fff;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.landing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.landing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.landing-card--purple:before{background:linear-gradient(90deg,#6c5ce7,#a855f7)}.landing-card--blue:before{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.landing-card--orange:before{background:linear-gradient(90deg,#f59e0b,#ef4444)}.landing-card--green:before{background:linear-gradient(90deg,#10b981,#6ee7b7)}.landing-card-num{font-size:32px;font-weight:800;color:#eee;margin-bottom:12px;line-height:1}.landing-card--purple .landing-card-num{color:#6c5ce726}.landing-card--blue .landing-card-num{color:#3b82f626}.landing-card--orange .landing-card-num{color:#f59e0b26}.landing-card--green .landing-card-num{color:#10b98126}.landing-card h4{font-size:16px;font-weight:700;color:#222;margin-bottom:8px}.landing-card p{font-size:13px;color:#666;line-height:1.7}.how-it-works{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:linear-gradient(135deg,#f8f6ff,#f0f8ff);border-radius:20px;padding:32px 24px;border:1px solid #ece8ff}.hiw-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;position:relative}.hiw-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;font-size:16px;font-weight:700}.hiw-text{display:flex;flex-direction:column;gap:2px}.hiw-text strong{font-size:15px;color:#333}.hiw-text span{font-size:12px;color:#888}.hiw-arrow{color:#c4b5fd;font-size:18px;font-weight:700;position:absolute;right:-8px;top:10px}.hiw-step:last-child .hiw-arrow{display:none}.landing-steps{display:flex;flex-direction:column;gap:24px}.landing-step{display:flex;gap:20px;align-items:flex-start;padding:20px 24px;background:#fff;border-radius:14px;border:1px solid #eee;transition:box-shadow .2s}.landing-step:hover{box-shadow:0 4px 16px #0000000d}.landing-step-num{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;border-radius:10px;font-size:16px;font-weight:700}.landing-step h4{font-size:16px;font-weight:600;color:#222;margin-bottom:6px}.landing-step p{font-size:14px;color:#666;line-height:1.6}.landing-notice{text-align:center;padding:10px 16px;background:#fff3e0;border:1px solid #ffe0b2;border-radius:8px;color:#e65100;font-size:13px;font-weight:500;margin-bottom:24px}.landing-setup-block{margin-bottom:28px}.landing-setup-block-title{font-size:16px;font-weight:700;color:#333;margin-bottom:12px;padding-left:4px}.landing-field-list{margin-top:10px;display:flex;flex-direction:column;gap:6px}.landing-field-row{display:flex;align-items:center;gap:8px}.landing-field-label{font-size:12px;color:#888;min-width:40px;font-weight:500}.landing-field-value{padding:4px 10px;background:#f5f3ef;border-radius:6px;font-size:13px;color:#333;border:1px solid #e0dcd5;-webkit-user-select:all;user-select:all}.landing-code{margin-top:10px;padding:16px 20px;background:#16161e;color:#c9d1d9;border-radius:12px;font-size:13px;line-height:1.7;overflow-x:auto;font-family:SF Mono,Fira Code,Consolas,monospace;border:1px solid #2a2a3a}.landing-link{color:#6c5ce7;text-decoration:none;font-weight:500}.landing-roadmap{display:flex;flex-direction:column;gap:0;position:relative;padding-left:28px}.landing-roadmap:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#81c784,#6c5ce7 60%,#ddd 60%);border-radius:1px}.roadmap-item{display:flex;gap:16px;align-items:flex-start;padding:16px 0;position:relative;border:none;background:none;border-radius:0}.roadmap-check{position:absolute;left:-28px;top:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700;background:#81c784;color:#fff;z-index:1}.roadmap-check--current{background:#6c5ce7;color:#fff;font-size:10px;box-shadow:0 0 0 4px #6c5ce733;animation:pulse-ring 2s ease-in-out infinite}.roadmap-check--future{background:#fff;color:#ccc;border:2px solid #ddd;font-size:10px}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 4px #6c5ce733}50%{box-shadow:0 0 0 8px #6c5ce71a}}.roadmap-phase{font-size:11px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px}.roadmap-label{font-size:16px;font-weight:600;color:#222;margin-left:10px}.roadmap-item p{font-size:13px;color:#777;margin-top:4px;line-height:1.5}.roadmap-item.roadmap-done{border-left:none}.roadmap-item.roadmap-current{border-left:none;background:none}.landing-cta-banner{text-align:center;padding:48px 24px;margin:16px 0 0;background:linear-gradient(135deg,#f8f6ff,#f0f0ff,#faf0ff);border-radius:24px;border:1px solid #ece8ff}.landing-cta-banner h3{font-size:28px;font-weight:800;color:#222;margin-bottom:8px}.landing-cta-banner p{font-size:15px;color:#888;margin-bottom:24px}.landing-footer{text-align:center;padding:36px 0;font-size:13px;color:#999;border-top:1px solid #f0f0f0;margin-top:48px}.landing-footer a{color:#6c5ce7;text-decoration:none}.footer-links{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:8px}.footer-sep{color:#ccc;font-size:12px}.footer-links span{color:#999;font-size:13px}.pet-guest-banner{max-width:480px;margin:0 auto 20px;padding:16px 20px;border:1px solid rgba(108,92,231,.3);border-radius:12px;background:#6c5ce70f;text-align:center}.pet-guest-banner p{margin:0 0 12px;font-size:14px;color:#666}.pet-guest-warning{color:#e65100!important;font-weight:600;font-size:13px!important}.pet-guest-actions{display:flex;gap:10px;justify-content:center}.pet-guest-actions .auth-btn{min-width:140px}.landing-dev-box{margin-top:28px;padding:20px 24px;border:1px solid rgba(108,92,231,.3);border-radius:14px;background:#6c5ce70f}.landing-dev-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.landing-dev-header h4{margin:0;font-size:16px;color:#333}.landing-dev-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#6c5ce726;color:#6c5ce7;border:1px solid rgba(108,92,231,.3)}.landing-dev-box p{margin:0 0 10px;font-size:14px;color:#666;line-height:1.6}.landing-dev-link{display:inline-flex;align-items:center;gap:6px;color:#6c5ce7;text-decoration:none;font-size:15px;font-weight:700}.landing-dev-link:hover{text-decoration:underline}.landing-link{display:inline-block;margin-top:8px;color:#6c5ce7;text-decoration:none;font-size:14px;font-weight:600}.landing-link:hover{text-decoration:underline}.landing-privacy{display:flex;flex-direction:column;gap:16px}.privacy-item{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:12px;background:#f8faf8;border:1px solid #e0e8e0}.privacy-icon{flex-shrink:0;font-size:24px;margin-top:2px}.privacy-item strong{display:block;font-size:15px;color:#334;margin-bottom:4px}.privacy-item p{font-size:13px;color:#667;line-height:1.6;margin:0}.landing-privacy-link{text-align:center;margin-top:16px;font-size:14px}.landing-privacy-link a{color:#6c5ce7;text-decoration:none;font-weight:600}.landing-privacy-link a:hover{text-decoration:underline}@media(max-width:768px){.landing{padding:0 16px}.landing-hero-title{font-size:32px}.landing-cards{grid-template-columns:1fr}.how-it-works{grid-template-columns:1fr 1fr;gap:16px}.hiw-arrow{display:none}.hero-portfolio-wrap{position:static;transform:none;margin-top:8px}.hero-top-row{flex-direction:column}}@media(max-width:480px){.landing-hero-title{font-size:26px}.how-it-works{grid-template-columns:1fr}.landing-hero-actions{flex-direction:column;align-items:stretch}}@media(max-height:500px)and (orientation:landscape){.landing-hero{padding:32px 0 24px}.landing-hero-title{font-size:28px}}@keyframes pet-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pet-happy{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-3deg)}75%{transform:translateY(-8px) rotate(3deg)}}@keyframes pet-sad{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes pet-angry{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes pet-sleepy{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.02);opacity:.75}}@keyframes pet-sick{0%,to{transform:rotate(0);filter:hue-rotate(0deg)}50%{transform:rotate(-2deg);filter:hue-rotate(40deg)}}@keyframes zzz-float{0%{opacity:1;transform:translate(0) scale(.8)}to{opacity:0;transform:translate(12px,-30px) scale(1.2)}}@keyframes egg-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}.pet-stage{position:relative;width:200px;height:200px;margin:0 auto}.pet-stage--egg{animation:egg-wobble 2.5s ease-in-out infinite}.pet-stage--happy{animation:pet-happy 1.2s ease-in-out infinite}.pet-stage--sad{animation:pet-sad 2s ease-in-out infinite}.pet-stage--angry{animation:pet-angry .3s ease-in-out infinite}.pet-stage--sleepy{animation:pet-sleepy 3s ease-in-out infinite}.pet-stage--sick{animation:pet-sick 2s ease-in-out infinite}.pet-stage--neutral{animation:pet-idle 3s ease-in-out infinite}.pet-stage--dead{opacity:.4;filter:grayscale(1)}.pet-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.pet-zzz{position:absolute;top:10px;right:10px;font-size:20px;animation:zzz-float 2s ease-out infinite}.pet-zzz:nth-child(2){animation-delay:.7s;right:0;top:0;font-size:16px}.pet-zzz:nth-child(3){animation-delay:1.4s;right:-5px;top:-5px;font-size:12px}.pet-app{position:relative;max-width:1400px;margin:0 auto}.pet-display-area{background:linear-gradient(180deg,#e8f4ff,#f8fcff);border-radius:0;padding:24px;margin-bottom:24px;border:1px solid #d0e0f0;min-height:400px;display:flex;align-items:center;justify-content:center}.stage-badge{background:#e0e8f0;padding:4px 10px;border-radius:12px;font-size:13px}.toast{text-align:center;padding:8px 16px;margin-bottom:8px;background:#e8f5e9;border-radius:8px;font-size:14px;color:#2e7d32;font-weight:500;animation:toast-in .3s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.error-box{color:#dc143c;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.4;background:#fff0f0;padding:8px;border-radius:8px}.pet-display{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.pet-display--image,.pet-display--canvas{background:transparent}.pet-display--empty{display:flex;align-items:center;justify-content:center;background:var(--px-bg-card, #16213e);border:var(--px-border, 2px solid #00d4ff);border-radius:2px}.pet-display-placeholder{color:var(--px-text-mute, #9aa6bf);font-size:.875rem;text-align:center}.error-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;margin-bottom:12px;background:#fff0f0;border:1px solid #ffcdd2;border-radius:8px}.error-banner-msg{flex:1;margin:0;color:#c62828;font-size:13px;line-height:1.4;word-break:break-word}.error-retry-btn{flex-shrink:0;background:#ef5350;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:13px;cursor:pointer}.error-retry-btn:hover{background:#e53935}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #e0e8f0;border-top-color:#7c4dff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:#888;margin:0}.pet-selector{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.pet-selector-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;font-size:13px;transition:border-color .15s,background .15s}.pet-selector-btn:hover{border-color:#b0b0b0}.pet-selector-btn--active{border-color:#7c4dff;background:#f3edff}.pet-selector-name{font-weight:600}.pet-selector-stage{font-size:11px;color:#888}.dashboard-nav-btns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.dashboard-nav-btn{flex:1;min-width:120px;padding:8px 12px;border:1px solid #d0d8e0;border-radius:8px;background:#f8f9fb;font-size:13px;cursor:pointer;text-align:center;transition:background .15s,border-color .15s}.dashboard-nav-btn:hover{background:#eef2f7;border-color:#b0b8c0}.dashboard-nav-btn:disabled{opacity:.5;cursor:default}.dashboard-nav-btn--danger{color:#d32f2f;border-color:#ffcdd2;background:#fff5f5}.dashboard-nav-btn--danger:hover{background:#ffebee;border-color:#ef9a9a}.signal-processing-section{flex:1;min-width:120px;text-align:center}.signal-pending-count{margin:0 0 4px;font-size:12px;font-weight:600;color:#1976d2}.signal-no-signals-hint{margin:0 0 4px;font-size:11px;color:#888;line-height:1.4}.signal-last-batch{margin:4px 0 0;font-size:10px;color:#aaa}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-card{background:#fff;border-radius:14px;padding:32px;max-width:460px;width:100%;box-shadow:0 8px 32px #00000026}.modal-title{margin:0 0 8px;font-size:18px;font-weight:700;color:#222}.modal-text{margin:0 0 20px;font-size:14px;color:#666;line-height:1.5}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.pet-list-toggle{position:absolute;top:12px;left:12px;padding:6px 14px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:#555;cursor:pointer;z-index:10}.pet-list-toggle:hover{background:#f5f5f5}.pet-list-modal{max-width:460px}.pet-list-grid{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.pet-list-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid #e0e0e0;border-radius:0;background:#fafafa;cursor:pointer;width:160px;transition:border-color .15s,background .15s}.pet-list-card:hover{background:#f0f0ff;border-color:#aac}.pet-list-card--active{border-color:#7b9cd0;background:#eef3ff}.pet-list-card-preview{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.pet-list-card-placeholder{width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#ccc;background:#f0f0f0;border-radius:50%}.pet-list-card-info{display:flex;flex-direction:column;align-items:center;gap:2px}.pet-list-card-name{font-size:14px;font-weight:600;color:#333}.pet-list-card-stage{font-size:11px;color:#888}.btn-danger{padding:8px 16px;border:none;border-radius:8px;background:#d32f2f;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.btn-danger:hover{background:#c62828}.btn-danger:disabled{opacity:.6;cursor:wait}.main-layout{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:start}.col-pet{position:sticky;top:76px}.col-details{min-width:0}@media(max-width:700px){.pet-app{padding:16px}.main-layout{grid-template-columns:1fr;gap:16px}.col-pet{position:static}.landing-hero{padding:40px 0 32px}.landing-hero-title{font-size:30px}.landing-hero-sub{font-size:14px}.hero-actions{flex-direction:column;align-items:center}.hero-stats{gap:20px}.hero-stat-value{font-size:22px}.landing-cards{grid-template-columns:1fr}.how-it-works{grid-template-columns:1fr 1fr;gap:16px;padding:24px 16px}.hiw-arrow{display:none}.landing-cta-banner{padding:32px 16px}.landing-cta-banner h3{font-size:22px}.dashboard-nav-btns{flex-direction:column}.dashboard-nav-btn{min-height:44px}.pet-selector{flex-direction:column}.pet-selector-btn{min-height:44px}.btn-sm{min-height:36px}.btn-evo,.interp-frame-btn{min-height:44px}.settings-page{padding:24px 16px}}@media(max-width:480px){.pet-app{padding:12px}.action-bar{gap:4px}.action-btn{font-size:12px;min-width:50px}.stat-label{width:56px;font-size:11px}.param-label{width:64px;font-size:10px}.section-card{padding:10px}.pet-display-area{padding:12px}.modal-card{padding:18px}.auth-card{padding:24px 18px}.settings-title{font-size:19px}}@media(max-width:320px){.pet-app{padding:8px}.action-bar{gap:3px}.action-btn{font-size:11px;padding:6px 2px}.app-title{font-size:16px}.app-title-sub{display:none}.auth-card{padding:20px 14px}.settings-page{padding:16px 10px}}.setup-guide{max-width:540px;margin:0 auto;padding:32px 20px;text-align:center}.setup-egg{margin-bottom:16px;animation:egg-wobble 3s ease-in-out infinite}@keyframes egg-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.setup-title{font-size:20px;font-weight:700;color:#334;margin:0 0 8px}.setup-subtitle{font-size:14px;color:#667;margin:0 0 24px}.setup-tabs{text-align:left}.setup-method{background:#f8f9fb;border:1px solid #e0e4ea;border-radius:10px;margin-bottom:10px;overflow:hidden}.setup-method[open]{background:#fff;border-color:#c0c8d4}.setup-method-title{font-size:14px;font-weight:600;color:#445;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.setup-method-title::-webkit-details-marker{display:none}.setup-method-title:before{content:"▶";display:inline-block;margin-right:8px;font-size:10px;transition:transform .2s}.setup-method[open]>.setup-method-title:before{transform:rotate(90deg)}.setup-steps{padding:0 16px 16px}.setup-step{display:flex;gap:12px;margin-bottom:14px}.setup-step:last-child{margin-bottom:0}.setup-step-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#6c5ce7;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.setup-step strong{display:block;font-size:13px;color:#334;margin-bottom:4px}.setup-hint{font-size:12px;color:#778;margin:2px 0 0;line-height:1.5}.setup-fields{margin-top:8px;display:flex;flex-direction:column;gap:6px}.setup-field{display:flex;align-items:center;gap:8px;background:#f4f5f7;border-radius:6px;padding:6px 10px}.setup-field-label{font-size:11px;color:#889;min-width:60px;white-space:nowrap}.setup-field-value{font-size:13px;color:#334;font-family:SF Mono,Menlo,Consolas,monospace;word-break:break-all}.setup-code{background:#1e1e2e;color:#cdd6f4;border-radius:8px;padding:12px 14px;font-size:12px;font-family:SF Mono,Menlo,Consolas,monospace;overflow-x:auto;margin:8px 0 0;line-height:1.6;white-space:pre-wrap;word-break:break-all}.setup-footer{font-size:12px;color:#889;margin-top:20px;text-align:center}.egg-dashboard{max-width:400px;margin:0 auto;padding:24px 16px;text-align:center}.tutorial-lang-row{display:flex;justify-content:flex-end;margin-bottom:12px}.egg-hatch-ready{animation:egg-wobble .6s ease-in-out infinite}@keyframes egg-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.egg-progress{margin:12px auto 16px;max-width:280px}.egg-progress-label{font-size:13px;color:#666;margin-bottom:4px;line-height:1.6}.egg-progress-track{height:8px;background:#e0dcd4;border-radius:4px;overflow:hidden}.egg-progress-fill{height:100%;background:linear-gradient(90deg,#f0c860,#e0a040);border-radius:4px;transition:width .5s ease}.egg-hatch-msg{font-size:14px;font-weight:600;color:#c08020;margin-top:6px;line-height:1.6;animation:egg-glow-text 1.5s ease-in-out infinite}@keyframes egg-glow-text{0%,to{opacity:.7}50%{opacity:1}}.tutorial-container{max-width:360px;margin:16px auto 0;text-align:left}.tutorial-title{font-size:18px;font-weight:700;color:#334;margin:0 0 4px;text-align:center}.tutorial-subtitle{font-size:14px;color:#667;margin:0 0 16px;text-align:center;line-height:1.6}.tutorial-setup-info{background:#f0f2f8;border-radius:10px;padding:14px;margin-bottom:16px}.tutorial-setup-heading{font-size:14px;font-weight:700;color:#334;margin:0 0 4px}.tutorial-setup-note{font-size:13px;color:#888;margin:0 0 10px;line-height:1.6}.tutorial-setup-block{margin-bottom:10px}.tutorial-setup-block:last-child{margin-bottom:0}.tutorial-setup-block strong{font-size:13px;color:#445}.tutorial-setup-path{font-size:13px;color:#556;margin:4px 0 6px;line-height:1.6}.tutorial-step{background:#fff;border:1px solid #e0dce0;border-radius:12px;padding:14px 16px;margin-bottom:10px;transition:border-color .3s,opacity .3s}.tutorial-step--done{border-color:#b0e0b0;background:#f4fbf4;opacity:.7}.tutorial-step-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.tutorial-step-num{width:28px;height:28px;border-radius:50%;background:#e8e4f0;color:#556;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutorial-step--done .tutorial-step-num{background:#c0e8c0;color:#2a7}.tutorial-step-title{font-weight:600;font-size:14px;color:#334}.tutorial-step-desc{font-size:14px;color:#556;margin:0 0 8px;line-height:1.6}.tutorial-btn{width:100%;margin-top:4px;font-size:14px;padding:8px 16px;line-height:1.6}.tutorial-actions-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.tutorial-action-item{font-size:14px;color:#445;padding:4px 8px;background:#f8f6fc;border-radius:6px;line-height:1.6}.tutorial-step-hint{font-size:14px;color:#2a7;font-weight:600;margin:4px 0 0;line-height:1.6;animation:egg-glow-text 1.5s ease-in-out infinite}.evo-animation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease-in;cursor:pointer}.evo-animation-container{text-align:center;color:#fff;max-width:320px;padding:32px}.evo-phase{animation:evo-fade-in .6s ease-out}@keyframes evo-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.evo-darken .evo-dots{font-size:32px;letter-spacing:8px;animation:evo-pulse 1s ease-in-out infinite}@keyframes evo-pulse{0%,to{opacity:.3}50%{opacity:1}}.evo-wonder-text{font-size:28px;font-weight:700;margin-bottom:12px;animation:evo-wonder 2s ease-in-out}@keyframes evo-wonder{0%{opacity:0;letter-spacing:4px}30%{opacity:1;letter-spacing:2px}to{opacity:1;letter-spacing:0}}.evo-wonder-sub{font-size:16px;opacity:.8}.evo-morph{display:flex;justify-content:center}.evo-silhouette{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.evo-silhouette-inner{width:80px;height:80px;background:#ffffff26;border-radius:50%;animation:evo-morph-pulse 1.5s ease-in-out infinite;box-shadow:0 0 40px #ffd7004d}@keyframes evo-morph-pulse{0%{transform:scale(.8) rotate(0);border-radius:50%}33%{transform:scale(1.1) rotate(5deg);border-radius:40% 60% 50% 50%}66%{transform:scale(.9) rotate(-3deg);border-radius:50% 40% 60% 50%}to{transform:scale(.8) rotate(0);border-radius:50%}}.evo-reveal-text{font-size:22px;font-weight:700;margin-bottom:8px;color:gold}.evo-reveal-stage{font-size:18px;font-weight:600;color:#8cf;margin-bottom:8px}.evo-reveal-variant{font-size:13px;color:#fff9;margin-bottom:16px}.evo-tap-hint{font-size:12px;opacity:.4;animation:evo-pulse 2s ease-in-out infinite}.catchphrase-section{margin-top:12px;padding:10px 14px;background:#f8f6ff;border-radius:10px;border:1px solid #e8e0f8}.catchphrase-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.catchphrase-label{font-size:12px;font-weight:600;color:#6c5ce7}.catchphrase-display{font-size:14px}.catchphrase-text{color:#333;font-style:italic}.catchphrase-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:10px;background:#6c5ce7;color:#fff;border-radius:4px;font-style:normal}.catchphrase-empty{color:#999;font-size:13px}.catchphrase-input{width:100%;padding:6px 10px;border:1px solid #d0c8f0;border-radius:8px;font-size:14px;outline:none;margin-bottom:6px}.catchphrase-input:focus{border-color:#6c5ce7}.catchphrase-actions{display:flex;gap:6px}.pet-app{background:var(--px-bg);color:var(--px-text)}.pet-display-area{background:var(--px-bg-panel);border:var(--px-border);border-radius:0;box-shadow:var(--px-shadow)}.stage-badge{background:var(--px-bg-panel);color:var(--px-accent);border:1px solid var(--px-accent);border-radius:0;font-family:var(--px-font)}.toast{background:var(--px-bg-card);color:var(--px-success);border:2px solid var(--px-success);border-radius:0;font-family:var(--px-font)}.section-card{background:var(--px-bg-card);border:var(--px-border);box-shadow:var(--px-shadow);border-radius:0}.section-header{color:var(--px-accent);font-family:var(--px-font)}.action-btn{background:transparent;border:var(--px-border);color:var(--px-accent);font-family:var(--px-font);border-radius:0;transition:background .1s,color .1s}.action-btn:hover:not(:disabled){background:var(--px-accent);color:#000}.action-btn:disabled{background:var(--px-bg-panel);color:var(--px-text-sub);opacity:.5}.action-btn--refresh{background:transparent}.btn-sm{background:transparent;border:var(--px-border);color:var(--px-accent);font-family:var(--px-font);border-radius:0}.btn-sm:hover:not(:disabled){background:var(--px-accent);color:#000}.btn-danger{background:var(--px-danger);border:2px solid var(--px-danger);border-radius:0;font-family:var(--px-font)}.btn-danger:hover{background:var(--px-danger);filter:brightness(1.15)}.btn-evo{background:var(--px-accent);border:var(--px-border);color:#000;border-radius:0;font-family:var(--px-font)}.btn-evo:disabled{background:var(--px-bg-panel);color:var(--px-text-sub);border-color:var(--px-text-sub)}.dashboard-nav-btn{background:transparent;border:var(--px-border);color:var(--px-accent);font-family:var(--px-font);border-radius:0}.dashboard-nav-btn:hover:not(:disabled){background:var(--px-accent);color:#000}.dashboard-nav-btn--danger{color:var(--px-danger);border-color:var(--px-danger);background:transparent}.dashboard-nav-btn--danger:hover:not(:disabled){background:var(--px-danger);color:#fff}.modal-overlay{background:#0a0a14d9}.modal-card{background:var(--px-bg-card);border:var(--px-border);border-radius:0;box-shadow:var(--px-shadow),inset 0 0 0 3px var(--px-bg-panel);color:var(--px-text)}.pet-list-toggle{position:static;display:inline-block;margin:8px 0 16px;padding:8px 16px;background:var(--px-bg-card);border:var(--px-border);color:var(--px-accent);border-radius:0;font-family:var(--px-font);font-size:14px;font-weight:400}.pet-list-toggle:hover{background:var(--px-accent);color:#000}.pet-list-card{background:var(--px-bg-card);border:2px solid var(--px-text-sub);border-radius:0}.pet-list-card:hover{background:var(--px-bg-panel);border-color:var(--px-accent)}.pet-list-card--active{border-color:var(--px-accent);background:var(--px-bg-panel)}.pet-list-card-stage{color:var(--px-text-sub)}.pet-list-card-placeholder{background:var(--px-bg-panel);color:var(--px-text-sub);border-radius:0}.error-banner{background:#ff44441a;border:2px solid var(--px-danger);border-radius:0}.error-retry-btn{border-radius:0}.catchphrase-section{background:var(--px-bg-card);border:var(--px-border);border-radius:0}.catchphrase-label{color:var(--px-accent);font-family:var(--px-font)}.catchphrase-text{color:var(--px-text)}.loading-spinner{border-color:var(--px-bg-panel);border-top-color:var(--px-accent)}.signal-pending-count{color:var(--px-accent);font-family:var(--px-font)}.signal-no-signals-hint,.signal-last-batch{color:var(--px-text-sub)}.daily-event-card{background:var(--px-bg-card);border:var(--px-border);border-radius:0;color:var(--px-text)}.evo-progress-bar{background:var(--px-bg-card);border:1px solid var(--px-accent);border-radius:0}.evo-progress-fill{background:var(--px-accent);border-radius:0}.evo-progress-next{color:var(--px-accent)}.evo-cond-track{background:var(--px-bg-card);border-radius:0}.evo-cond-label,.evo-cond-value{color:var(--px-text-sub)}.evo-card{background:var(--px-bg-card);border:1px solid var(--px-text-sub);border-radius:0;color:var(--px-text)}.evo-recommended-badge{background:var(--px-accent);color:#000;border-radius:0}.param-delta-overlay{background:#1a1a2ef2;border-radius:0}.param-delta-key{color:var(--px-text-sub);font-family:var(--px-font)}.evo-animation-overlay{background:var(--px-bg)}.evo-animation-container{color:var(--px-text);font-family:var(--px-font)}.evo-wonder-text{color:var(--px-accent)}.evo-wonder-sub{color:var(--px-text)}.evo-reveal-text{color:var(--px-accent);font-family:var(--px-font)}.evo-reveal-stage{color:var(--px-success)}.evo-silhouette-inner{background:#00d4ff26;box-shadow:0 0 40px #00d4ff66}.summon-entry-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.summon-entry-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:var(--px-border);font-family:var(--px-font);font-size:11px;line-height:1.4;color:var(--px-text-sub);background:var(--px-bg-panel)}.summon-entry-badge-dot{width:8px;height:8px;border-radius:0;background:var(--px-text-sub)}.summon-entry-badge--active{color:var(--px-success);border-color:var(--px-success)}.summon-entry-badge--active .summon-entry-badge-dot{background:var(--px-success);box-shadow:0 0 6px var(--px-success)}.summon-entry-badge--idle{color:var(--px-text-sub)}.summon-entry-cta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:8px 0}.summon-entry-cta-label{color:var(--px-text-sub);font-family:var(--px-font);font-size:11px}.summon-entry-prompt-code{flex:1 1 auto;padding:4px 8px;border:var(--px-border);background:var(--px-bg-panel);color:var(--px-accent);font-family:var(--px-font);font-size:12px;word-break:break-word}.summon-refresh-banner{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-start;justify-content:space-between;margin:8px 0 12px;padding:10px 12px;border:var(--px-border);border-color:var(--px-warning, var(--px-accent));background:var(--px-bg-panel)}.summon-refresh-banner-body{flex:1 1 240px;display:flex;flex-direction:column;gap:4px}.summon-refresh-banner-title{color:var(--px-warning, var(--px-accent));font-family:var(--px-font);font-size:12px}.summon-refresh-banner-desc{margin:0;color:var(--px-text);font-family:var(--px-font);font-size:11px;line-height:1.5}.summon-refresh-banner-prompt{display:inline-block;padding:2px 6px;border:var(--px-border);background:var(--px-bg);color:var(--px-accent);font-family:var(--px-font);font-size:11px;word-break:break-word}.summon-refresh-banner-actions{display:flex;gap:6px;flex-wrap:wrap}.summon-refresh-banner-cta{text-decoration:none}.pet-display-area{background:var(--px-bg-card);border:3px solid #1a0e0a;border-radius:0;box-shadow:inset 0 0 0 2px var(--px-bg-panel),3px 3px #0000004d}.toast{background:var(--px-bg-panel);border:2px solid #1a0e0a;border-radius:0;color:var(--px-accent);font-family:var(--px-font);box-shadow:2px 2px #0000004d}.error-box{background:var(--px-bg-card);border:var(--px-border);border-radius:0;color:var(--px-danger)}.error-banner{background:var(--px-bg-card);border:2px solid var(--px-danger);border-radius:0;box-shadow:2px 2px #0000004d}.error-banner-msg{color:var(--px-danger)}.error-retry-btn{background:var(--px-danger);border:2px solid #1a0e0a;border-radius:0;font-family:var(--px-font);box-shadow:inset -1px -1px #0000004d,1px 1px #0000004d}.loading-spinner{border:3px solid var(--px-bg-panel);border-top-color:var(--px-accent);border-radius:0;width:24px;height:24px;animation:spin .6s steps(8) infinite}.loading-text{color:var(--px-text-sub);font-family:var(--px-font)}.modal-overlay{background:#0a0604b3}.modal-card{background:var(--px-bg-card);border:3px solid #1a0e0a;border-radius:0;box-shadow:inset 0 0 0 2px var(--px-bg-panel),4px 4px #0006}.modal-title{color:var(--px-accent);font-family:var(--px-font)}.modal-text{color:var(--px-text-sub)}.dashboard-nav-btn{border:2px solid #1a0e0a;border-radius:0;background:var(--px-bg-panel);color:var(--px-text);font-family:var(--px-font);box-shadow:inset -1px -1px #0000004d,inset 1px 1px #ffffff1a,2px 2px #0000004d;transition:transform 60ms,box-shadow 60ms}.dashboard-nav-btn:hover:not(:disabled){background:var(--px-accent);color:var(--px-btn-primary-text, #2a1410);border-color:#1a0e0a}.dashboard-nav-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:inset 1px 1px #0000004d,inset -1px -1px #ffffff0f}.dashboard-nav-btn--danger{border-color:var(--px-danger);color:var(--px-danger);background:var(--px-bg-card)}.dashboard-nav-btn--danger:hover{background:var(--px-danger);color:#fff}.stage-badge{background:var(--px-bg-panel);border:1px solid #1a0e0a;border-radius:0;color:var(--px-accent-sub);font-family:var(--px-font);padding:1px 6px}.pet-selector-btn{border:2px solid #1a0e0a;border-radius:0;background:var(--px-bg-panel);color:var(--px-text);font-family:var(--px-font)}.pet-selector-btn:hover{border-color:var(--px-accent)}.pet-selector-btn--active{border-color:var(--px-accent);background:var(--px-bg-card)}.pet-selector-name{color:var(--px-text)}.pet-selector-stage{color:var(--px-text-mute)}.pet-list-card{border:2px solid #1a0e0a;border-radius:0;background:var(--px-bg-panel);color:var(--px-text);box-shadow:2px 2px #0000004d}.pet-list-card:hover{background:var(--px-bg-card);border-color:var(--px-accent)}.pet-list-card--active{border-color:var(--px-accent);background:var(--px-bg-card)}.pet-list-card-name{color:var(--px-text);font-family:var(--px-font)}.pet-list-card-stage{color:var(--px-text-mute)}.pet-list-card-placeholder{background:var(--px-bg-card);border-radius:0;color:var(--px-text-mute)}.btn-danger{border:2px solid #1a0e0a;border-radius:0;background:var(--px-danger);font-family:var(--px-font);box-shadow:inset -1px -1px #0000004d,1px 1px #0000004d}.pet-list-toggle{border:2px solid #1a0e0a;border-radius:0;background:var(--px-bg-panel);color:var(--px-text);font-family:var(--px-font);box-shadow:1px 1px #0000004d}.pet-list-toggle:hover{background:var(--px-accent);color:var(--px-btn-primary-text)}.interp-cooldown{color:var(--px-text-sub);font-family:var(--px-font)}.stat-bar-container{display:flex;flex-direction:column;gap:6px;width:100%}.stat-row{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.stat-label{width:72px;text-align:right;color:#666;text-transform:capitalize}.stat-track{flex:1;height:16px;background:#e8e8e8;border-radius:0;overflow:hidden}.stat-fill{height:100%;border-radius:5px;transition:width .4s ease}.stat-value{width:36px;text-align:right;font-size:11px;color:#999;font-variant-numeric:tabular-nums}.param-bar-container{display:flex;flex-direction:column;gap:5px;margin-top:8px}.param-row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.param-label{width:80px;text-align:right;color:#555;font-size:11px}.param-track{flex:1;height:14px;background:#eee;border-radius:0;overflow:hidden;position:relative}.param-fill{height:100%;border-radius:4px;transition:width .5s ease;opacity:.85}.param-center-mark{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#bbb}.param-value{width:28px;text-align:right;font-size:11px;color:#888;font-variant-numeric:tabular-nums}.personality-card{margin-bottom:16px;padding:16px 20px;background:linear-gradient(135deg,#f3e8ff,#e8f0ff);border-radius:0;border:1px solid #ddd0f0;font-size:14px}.personality-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.personality-title{font-weight:700;font-size:13px;color:#555}.personality-emotion{font-size:11px;color:#8860c0;background:#f0e0ff;padding:2px 8px;border-radius:10px}.personality-traits{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.personality-tag{background:#fff;border:1px solid #d8c8f0;color:#6a5090;padding:2px 8px;border-radius:10px;font-size:11px}.personality-desc{color:#666;line-height:1.4}.personality-shift{margin-top:4px;color:#c06000;font-style:italic;font-size:11px}.pet-message-banner{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;margin-bottom:20px;background:linear-gradient(135deg,#fff8e1,#fff3e0);border-radius:0;border:1px solid #ffe0b2;font-size:15px;color:#5d4037;line-height:1.6}.pet-message-icon{font-size:18px;flex-shrink:0}.pet-message-text{flex:1}.interp-card{margin-bottom:12px;padding:12px;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-radius:12px;border:1px solid #c8e6c9}.interp-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.interp-icon{font-size:18px}.interp-category{font-size:11px;color:#558b2f;background:#dcedc8;padding:2px 8px;border-radius:10px;text-transform:capitalize}.interp-situation{font-size:13px;color:#333;line-height:1.5;margin-bottom:6px}.interp-question{font-size:13px;color:#2e7d32;font-weight:600;margin-bottom:10px}.interp-frames{display:flex;flex-direction:column;gap:6px}.interp-frame-btn{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#fff;border:1px solid #c8e6c9;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.interp-frame-btn:hover:not(:disabled){background:#f1f8e9;border-color:#81c784}.interp-frame-btn:disabled{opacity:.5;cursor:wait}.interp-frame-hint{font-size:13px;color:#333;font-weight:500}.interp-frame-concept{font-size:10px;color:#888}.daily-event-card{margin-bottom:12px;padding:10px;background:#fffbeb;border-radius:10px;border:1px solid #f0e6c0;font-size:13px}.action-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.action-btn{flex:1 1 auto;min-width:80px;min-height:56px;padding:12px 8px;border:1px solid #ccc;border-radius:0;background:#fff;cursor:pointer;font-size:15px}.action-btn:disabled{background:#eee;cursor:wait}.action-btn--refresh{padding:8px 12px;background:#f0f8ff}.section-card{padding:20px 24px;background:#f8f8f8;border-radius:0;border:1px solid #e0e0e0;margin-bottom:20px}.section-header{display:flex;justify-content:space-between;align-items:center;font-size:18px;margin-bottom:12px}.btn-sm{font-size:12px;padding:4px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}.evo-card{padding:8px;background:#fff;border-radius:8px;border:1px solid #e8e8e8;font-size:12px}.summon-entry-card{background:#fff7f0;border-color:#f3d2b3}.summon-entry-desc{font-size:12px;color:#665;margin:6px 0 8px}.summon-entry-prompt{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e8e0d2;border-radius:8px;padding:6px 8px;margin-bottom:8px}.summon-entry-prompt code{flex:1;font-size:12px;color:#333;word-break:break-word}.summon-entry-actions{display:flex;flex-wrap:wrap;gap:8px}.summon-entry-help{margin-top:10px;padding:10px;background:#fff;border-radius:8px;border:1px solid #ecdcc8;font-size:12px;color:#554}.summon-entry-help ol{margin:6px 0 6px 18px;padding:0}.summon-entry-help li{margin-bottom:6px}.summon-entry-mcp-url{display:flex;align-items:center;gap:6px;margin-top:4px}.summon-entry-mcp-url code{flex:1;font-size:11px;background:#f4ece0;padding:2px 6px;border-radius:4px;word-break:break-all}.summon-entry-release{margin-top:8px;font-size:11px;color:#887}.evo-card--recommended{border-color:#6c5ce7;background:linear-gradient(135deg,#f8f5ff,#fff)}.evo-recommended-badge{display:inline-block;font-size:10px;color:#fff;background:#6c5ce7;padding:1px 6px;border-radius:8px;margin-left:6px;font-weight:600}.btn-evo{padding:8px 20px;border:none;border-radius:0;background:#6c5ce7;color:#fff;cursor:pointer;font-size:15px}.btn-evo:disabled{background:#ccc;cursor:wait}.evo-progress{margin-bottom:8px}.evo-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px}.evo-progress-next{font-size:11px;color:#6c5ce7;font-weight:600}.evo-progress-bar{height:6px;background:#eee;border-radius:3px;overflow:hidden;margin-bottom:8px}.evo-progress-fill{height:100%;background:linear-gradient(90deg,#a29bfe,#6c5ce7);border-radius:3px;transition:width .5s ease}.evo-conditions{display:flex;flex-direction:column;gap:4px}.evo-cond-row{display:flex;align-items:center;gap:6px;font-size:11px}.evo-cond-label{min-width:70px;max-width:90px;flex-shrink:0;text-align:right;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evo-cond-track{flex:1;height:6px;background:#eee;border-radius:3px;overflow:hidden}.evo-cond-fill{height:100%;border-radius:3px;transition:width .4s ease}.evo-cond-fill--met{background:#2ecc71}.evo-cond-fill--unmet{background:#f39c12}.evo-cond-value{min-width:70px;text-align:right;font-size:10px;color:#999;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.evo-cond-check{width:16px;text-align:center;font-size:11px;flex-shrink:0}.action-btn--locked{opacity:.35;cursor:not-allowed!important;position:relative}.traits-display{display:flex;gap:8px;margin-top:6px;margin-bottom:4px;justify-content:center}.trait-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 8px;border-radius:10px;background:#fff8e1;border:1px solid #ffe082;color:#795548}.trait-badge-icon{font-size:13px}.param-delta-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffeb;border-radius:10px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 16px;animation:delta-fade-in .3s ease;z-index:5}@keyframes delta-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.param-delta-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;padding:2px 0}.param-delta--up{color:#2ecc71}.param-delta--down{color:#e74c3c}.param-delta-key{color:#555;font-weight:500}.param-delta-value{font-variant-numeric:tabular-nums;min-width:48px;text-align:right}.game-mapping-card{padding:12px;background:linear-gradient(135deg,#fff3e0,#fce4ec);border-radius:12px;border:1px solid #ffccbc;font-size:12px}.game-mapping-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.game-mapping-nature{font-size:11px;color:#8d6e63;background:#efebe9;padding:2px 8px;border-radius:10px}.game-mapping-types{display:flex;gap:6px;margin-bottom:10px}.game-type-badge{color:#fff;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.2)}.game-stat-bars{display:flex;flex-direction:column;gap:4px}.game-stat-row{display:flex;align-items:center;gap:6px}.game-stat-label{width:50px;text-align:right;font-weight:600;color:#555;font-size:11px}.game-stat-track{flex:1;height:10px;background:#f5f5f5;border-radius:5px;overflow:hidden}.game-stat-fill{height:100%;border-radius:5px;transition:width .4s ease}.game-stat-value{width:30px;text-align:right;font-size:11px;color:#888;font-variant-numeric:tabular-nums}.game-mapping-total{text-align:right;margin-top:6px;font-size:12px;color:#666}.game-mapping-ability{margin-top:8px;padding:6px 8px;background:#fff;border-radius:8px;border:1px solid #ffe0b2}.game-ability-name{font-weight:700;color:#e65100;margin-right:6px}.game-ability-desc{color:#666;font-size:11px}.stat-label{color:var(--px-text-sub);font-family:var(--px-font)}.stat-track{background:var(--px-bg-card);border:var(--px-border);border-radius:0;height:12px}.stat-fill{border-radius:0}.stat-value,.param-label{color:var(--px-text-sub);font-family:var(--px-font)}.param-track{background:var(--px-bg-card);border:var(--px-border);border-radius:0;height:10px}.param-fill{border-radius:0;opacity:1}.param-center-mark{background:var(--px-warn);width:2px}.param-value{color:var(--px-text-sub);font-family:var(--px-font)}.personality-card{background:var(--px-bg-card);border:var(--px-border);border-radius:0}.personality-title{color:var(--px-accent);font-family:var(--px-font)}.personality-emotion{background:var(--px-bg-panel);color:var(--px-accent);border-radius:0}.personality-desc{color:var(--px-text-sub)}.personality-shift{color:var(--px-warn)}.pet-message-banner{background:var(--px-bg-card);border:var(--px-border);border-radius:0;box-shadow:var(--px-shadow),inset 0 0 0 3px var(--px-bg-panel);color:var(--px-text)}.game-mapping-card{background:var(--px-bg-card);border:var(--px-border);border-radius:0;color:var(--px-text)}.game-mapping-header strong{color:var(--px-accent);font-family:var(--px-font)}.game-mapping-nature{background:var(--px-bg-panel);color:var(--px-text-sub);border-radius:0}.game-stat-track{background:var(--px-bg-panel);border-radius:0}.game-stat-fill{border-radius:0}.game-stat-label{color:var(--px-text-sub);font-family:var(--px-font)}.game-stat-value,.game-mapping-total{color:var(--px-text-sub)}.game-mapping-ability{background:var(--px-bg-panel);border:1px solid var(--px-accent);border-radius:0}.game-ability-name{color:var(--px-accent)}.game-ability-desc{color:var(--px-text-sub)}.game-type-badge{border-radius:0;font-family:var(--px-font)}.trait-badge{background:var(--px-bg-panel);border:var(--px-border);color:var(--px-accent);border-radius:0;font-family:var(--px-font)}.action-btn{border:2px solid #1a0e0a;border-radius:0;background:var(--px-bg-panel);color:var(--px-text);font-family:var(--px-font);box-shadow:inset -2px -2px #00000059,inset 2px 2px #ffffff1f,2px 2px #0006;transition:transform 60ms,box-shadow 60ms;image-rendering:pixelated}.action-btn:hover:not(:disabled){background:var(--px-accent);color:var(--px-btn-primary-text, #2a1410)}.action-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:inset 2px 2px #00000059,inset -1px -1px #ffffff14}.action-btn:disabled{background:var(--px-bg-card);color:var(--px-text-mute);opacity:.5}.action-btn--refresh{background:var(--px-bg-card)}.action-btn--locked{opacity:.3}.action-btn-icon{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.action-btn-icon img{image-rendering:pixelated;image-rendering:crisp-edges}.section-card{padding:12px;background:var(--px-bg-card);border:3px solid #1a0e0a;border-radius:0;margin-bottom:12px;box-shadow:inset 0 0 0 2px var(--px-bg-panel),3px 3px #0000004d}.btn-sm{font-size:12px;padding:4px 10px;border:2px solid #1a0e0a;border-radius:0;background:var(--px-bg-panel);color:var(--px-text);font-family:var(--px-font);cursor:pointer;box-shadow:inset -1px -1px #0000004d,inset 1px 1px #ffffff1a,1px 1px #0000004d;transition:transform 60ms,box-shadow 60ms}.btn-sm:hover{background:var(--px-accent);color:var(--px-btn-primary-text, #2a1410)}.btn-sm:active{transform:translate(1px,1px);box-shadow:inset 1px 1px #0000004d,inset -1px -1px #ffffff0f}.evo-card{padding:8px;background:var(--px-bg-card);border:2px solid #1a0e0a;border-radius:0;font-size:12px;color:var(--px-text);box-shadow:2px 2px #0000004d}.evo-card--recommended{border-color:var(--px-accent);background:var(--px-bg-panel)}.evo-recommended-badge{border-radius:0;background:var(--px-accent);font-family:var(--px-font)}.btn-evo{padding:4px 12px;border:2px solid #1a0e0a;border-radius:0;background:var(--px-accent);color:var(--px-btn-primary-text, #2a1410);font-family:var(--px-font);cursor:pointer;box-shadow:inset -1px -1px #0000004d,inset 1px 1px #ffffff26,1px 1px #0000004d}.btn-evo:active{transform:translate(1px,1px);box-shadow:inset 1px 1px #0000004d}.btn-evo:disabled{background:var(--px-bg-card);color:var(--px-text-mute)}.daily-event-card{background:var(--px-bg-card);border:var(--px-border);border-radius:0;color:var(--px-text);box-shadow:var(--px-shadow)}.interp-card{background:var(--px-bg-card);border:var(--px-border);border-radius:0;box-shadow:var(--px-shadow);color:var(--px-text)}.interp-category{background:var(--px-bg-panel);color:var(--px-success);border-radius:0;font-family:var(--px-font)}.interp-situation{color:var(--px-text)}.interp-question{color:var(--px-accent);font-family:var(--px-font)}.interp-frame-btn{background:var(--px-bg-panel);border:2px solid #1a0e0a;border-radius:0;color:var(--px-text);box-shadow:inset -1px -1px #0000004d,inset 1px 1px #ffffff1a,1px 1px #0000004d}.interp-frame-btn:hover:not(:disabled){background:var(--px-accent);color:var(--px-btn-primary-text, #2a1410);border-color:var(--px-accent)}.interp-frame-hint{color:var(--px-text);font-family:var(--px-font)}.interp-frame-concept{color:var(--px-text-mute)}.stat-fill{background-image:repeating-linear-gradient(90deg,transparent 0,transparent 1px,rgba(0,0,0,.15) 1px,rgba(0,0,0,.15) 2px);background-size:8px 100%}.param-fill{background-image:repeating-linear-gradient(90deg,transparent 0,transparent 1px,rgba(0,0,0,.15) 1px,rgba(0,0,0,.15) 2px);background-size:6px 100%}.evo-progress-bar{border:var(--px-border);border-radius:0;background:var(--px-bg-card)}.evo-progress-fill{border-radius:0;background:var(--px-accent);background-image:repeating-linear-gradient(90deg,transparent 0,transparent 1px,rgba(0,0,0,.15) 1px,rgba(0,0,0,.15) 2px);background-size:6px 100%}.evo-cond-track{border:1px solid #1a0e0a;border-radius:0;background:var(--px-bg-card)}.evo-cond-fill{border-radius:0}.evo-cond-fill--met{background:var(--px-success)}.evo-cond-fill--unmet{background:var(--px-warn)}.evo-cond-label{color:var(--px-text-sub);font-family:var(--px-font)}.evo-cond-value{color:var(--px-text-sub)}.param-delta-overlay{background:#1a1226eb;border-radius:0;border:var(--px-border)}.param-delta-key{color:var(--px-text-sub)}.param-delta--up{color:var(--px-success)}.param-delta--down{color:var(--px-danger)}.summon-entry-card{background:var(--px-bg-card);border:var(--px-border);border-radius:0;box-shadow:var(--px-shadow)}.summon-entry-desc{color:var(--px-text-sub)}.summon-entry-prompt{background:var(--px-bg-panel);border:1px solid #1a0e0a;border-radius:0}.summon-entry-prompt code{color:var(--px-text)}.summon-entry-help{background:var(--px-bg-panel);border:1px solid #1a0e0a;border-radius:0;color:var(--px-text-sub)}.summon-entry-mcp-url code{background:var(--px-bg-card);border-radius:0}.personality-tag{background:var(--px-bg-panel);border:1px solid #1a0e0a;color:var(--px-accent);border-radius:0;font-family:var(--px-font)}.charamake{max-width:800px;margin:0 auto;padding:12px}.cm-top{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px}@media(max-width:520px){.cm-top{flex-direction:column;align-items:center}}.cm-preview{flex-shrink:0;background:linear-gradient(135deg,#f0f4ff,#e8f0e8);border-radius:16px;padding:8px;display:flex;align-items:center;justify-content:center}.cm-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.cm-name-input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:8px;font-size:15px;outline:none;box-sizing:border-box}.cm-name-input:focus{border-color:#7ec8e3;box-shadow:0 0 0 2px #7ec8e340}.cm-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.cm-tab{padding:6px 12px;font-size:12px;font-weight:600;color:#666;background:#f0f0f4;border:2px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.cm-tab:hover{background:#e8e6f0;color:#444}.cm-tab.active{background:#fff;color:#6c5ce7;border-color:#ddd;border-bottom-color:#fff;position:relative;z-index:1;margin-bottom:-2px}.cm-panel{background:#fff;border:2px solid #ddd;border-radius:0 8px 8px;padding:12px;min-height:80px}.cm-panel-label{display:block;font-size:11px;font-weight:600;color:#888;margin:8px 0 4px}.cm-panel-label:first-child{margin-top:0}.cm-btn-row{display:flex;gap:4px;flex-wrap:wrap}.cm-btn{padding:4px 8px;border:2px solid transparent;border-radius:6px;background:#f4f4f8;cursor:pointer;font-size:11px;color:#555;transition:border-color .12s,background .12s}.cm-btn.active{border-color:#6c5ce7;background:#f0ecff;color:#333}.cm-btn:hover{background:#eae6f4}.cm-color-panel{display:flex;gap:8px;align-items:center}.cm-swatches{display:flex;gap:4px;flex-wrap:wrap;flex:1}.cm-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .12s,transform .1s;padding:0}.cm-swatch.active{border-color:#333;transform:scale(1.15)}.cm-swatch:hover{transform:scale(1.1)}.cm-color-input{width:32px;height:26px;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:0;flex-shrink:0}.cm-toggle-group{display:flex;align-items:center;gap:8px;padding:4px 0}.cm-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:#555;cursor:pointer}.cm-toggle input[type=checkbox]{accent-color:#6c5ce7}.cm-acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cm-acc-grid select{width:100%;padding:4px 6px;border:1px solid #ddd;border-radius:6px;font-size:11px;color:#555;background:#fff}.cm-actions{display:flex;gap:8px;margin-top:12px}.cm-btn-secondary{flex:1;padding:10px;border:2px solid #ddd;border-radius:10px;background:#fff;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:background .15s}.cm-btn-secondary:hover{background:#f4f0ff;border-color:#bbb}.cm-btn-primary{flex:2;padding:10px;border:none;border-radius:10px;background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;cursor:pointer;font-size:15px;font-weight:700;transition:opacity .15s}.cm-btn-primary:hover{opacity:.9}.pet-canvas{border-radius:12px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);padding:24px}.auth-card{width:100%;max-width:400px;background:#fff;border-radius:16px;border:1px solid #eee;padding:36px 32px;box-shadow:0 4px 24px #0000000f}.auth-title{font-size:24px;font-weight:700;color:#222;margin:0 0 6px;text-align:center}.auth-subtitle{font-size:14px;color:#888;margin:0 0 20px;text-align:center;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:#555}.auth-input{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.auth-btn{padding:12px 16px;border:none;border-radius:10px;background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.auth-btn:hover:not(:disabled){opacity:.9}.auth-btn:disabled{opacity:.6;cursor:wait}.auth-btn--secondary{background:#fff;color:#6c5ce7;border:2px solid #6c5ce7}.auth-btn--secondary:hover:not(:disabled){background:#f8f6ff;opacity:1}.auth-error{padding:10px 12px;background:#fff0f0;color:#d32f2f;border-radius:8px;font-size:13px;line-height:1.4}.auth-success{padding:10px 12px;background:#f0fff4;color:#2e7d32;border-radius:8px;font-size:13px;line-height:1.4}.auth-switch{text-align:center;font-size:13px;color:#888;margin-top:16px}.auth-help-links{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #f0f0f0}.auth-link-btn{background:none;border:none;color:#6c5ce7;font-size:13px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.auth-link-btn:hover{color:#5a4bd6}.app-header-right{display:flex;align-items:center;gap:12px}.header-user-btn{background:transparent;border:2px solid var(--px-accent);color:var(--px-accent);padding:5px 14px;border-radius:0;font-size:13px;font-weight:400;font-family:var(--px-font);cursor:pointer;transition:background .1s,color .1s}.header-user-btn:hover{background:var(--px-accent);color:#000}.header-login-btn{background:transparent;border:2px solid var(--px-text-sub);color:var(--px-text-sub);padding:5px 14px;border-radius:0;font-size:13px;font-weight:400;font-family:var(--px-font);cursor:pointer;transition:background .1s,border-color .1s,color .1s}.header-login-btn:hover{color:var(--px-accent);border-color:var(--px-accent)}.settings-page{max-width:480px;margin:0 auto;padding:32px 24px}.settings-title{font-size:22px;font-weight:700;color:#222;margin:0 0 24px}.settings-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--px-bg-panel)}.settings-section:last-child{border-bottom:none}.settings-section-title{font-size:15px;font-weight:600;color:#444;margin:0 0 10px}.settings-email{font-size:14px;color:#666;margin:0;padding:10px 12px;background:#f8f8f8;border-radius:8px}.settings-form{display:flex;flex-direction:column;gap:12px}.settings-logout-btn{width:100%}.traits-section{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--px-bg-panel);border:var(--px-border)}.traits-section-title{font-family:var(--px-font);font-size:14px;color:var(--px-accent);letter-spacing:.5px}.traits-row{display:flex;flex-direction:column;gap:6px}.traits-label{font-size:12px;color:var(--px-text-sub);font-family:var(--px-font)}.traits-select,.traits-input{width:100%;font-size:13px;box-sizing:border-box}.traits-actions{display:flex;align-items:center;gap:12px}.traits-save-btn{min-height:36px;padding:6px 16px;font-size:13px}.traits-saved-msg{font-size:12px;color:var(--px-success);font-family:var(--px-font)}.auth-page{background:var(--px-bg);min-height:100vh}.auth-card{background:var(--px-bg-card);border:var(--px-border);box-shadow:var(--px-shadow);border-radius:0}.auth-title{font-family:var(--px-font);color:var(--px-accent);text-transform:uppercase}.auth-subtitle{color:var(--px-text-sub)}.auth-label{color:var(--px-text-sub);font-family:var(--px-font)}.auth-input{background:var(--px-bg-card);border:var(--px-border);color:var(--px-text);font-family:var(--px-font);border-radius:0}.auth-input:focus{border-color:var(--px-accent);box-shadow:0 0 0 2px var(--px-accent)}.auth-btn{background:var(--px-accent);color:#000;font-family:var(--px-font);border:var(--px-border);border-radius:0;transition:filter .1s}.auth-btn:hover:not(:disabled){opacity:1;filter:brightness(1.2)}.auth-btn:disabled{opacity:.5}.auth-btn--secondary{background:transparent;color:var(--px-accent);border:var(--px-border)}.auth-btn--secondary:hover:not(:disabled){background:var(--px-accent);color:#000;opacity:1;filter:none}.auth-error{background:transparent;color:var(--px-danger);border:none;border-radius:0;padding:4px 0}.auth-success{background:transparent;color:var(--px-success);border:none;border-radius:0;padding:4px 0}.auth-link-btn{color:var(--px-accent);font-family:var(--px-font)}.auth-link-btn:hover{color:var(--px-accent);filter:brightness(1.3)}.auth-switch{color:var(--px-text-sub)}.auth-help-links{border-top:2px dashed var(--px-accent);opacity:1}.settings-section-hint{margin:0 0 12px;font-size:13px;line-height:1.6;color:var(--px-text-sub);font-family:var(--px-font)}.theme-selector{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:720px){.theme-selector{grid-template-columns:repeat(3,minmax(0,1fr))}}.theme-option{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--px-bg-card);border:var(--px-border);color:var(--px-text);font-family:var(--px-font);cursor:pointer;text-align:left;transition:filter .12s,box-shadow .12s}.theme-option:hover{filter:brightness(1.05)}.theme-option-active{box-shadow:var(--px-shadow);outline:3px solid var(--px-accent);outline-offset:-3px}.theme-swatch{display:inline-flex;flex-shrink:0;width:44px;height:44px;position:relative;border:2px solid var(--px-text);overflow:hidden}.theme-swatch-bg{position:absolute;top:0;right:0;bottom:0;left:0}.theme-swatch-card{position:absolute;left:6px;top:6px;width:18px;height:18px;border:1px solid rgba(0,0,0,.15)}.theme-swatch-accent{position:absolute;right:4px;bottom:4px;width:14px;height:14px}.theme-option-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.theme-option-label{font-size:14px;font-weight:700;color:var(--px-text);font-family:var(--px-font)}.theme-option-desc{font-size:12px;color:var(--px-text-sub);font-family:var(--px-font);line-height:1.45}.theme-option-check{color:var(--px-accent);font-size:18px;font-weight:700;flex-shrink:0}.diary-page{max-width:680px;margin:0 auto;padding:0 16px;background:var(--px-bg);min-height:100vh;color:var(--px-text);font-family:var(--px-font)}.diary-page-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.diary-page-title{margin:0}.diary-back-btn{flex-shrink:0}.diary-notice{background:var(--px-bg-panel);border:1px solid var(--px-accent);padding:10px 14px;font-size:13px;color:var(--px-text);margin-bottom:16px;line-height:1.5;font-family:var(--px-font)}.diary-controls{display:flex;align-items:center;gap:12px;margin-bottom:16px}.diary-days-label{font-size:13px;color:var(--px-text-sub);display:flex;align-items:center;gap:6px;font-family:var(--px-font)}.diary-days-select{padding:4px 8px;font-size:13px}.diary-loading{text-align:center;padding:40px 0;color:var(--px-text-sub);font-size:14px;font-family:var(--px-font)}.diary-empty{text-align:center;padding:48px 16px;color:var(--px-text-sub);font-family:var(--px-font)}.diary-empty p:first-child{font-size:16px;margin-bottom:8px}.diary-list{display:flex;flex-direction:column;gap:10px}.diary-card{overflow:hidden;transition:box-shadow .2s ease}.diary-card:hover{box-shadow:var(--px-shadow),inset 0 0 0 3px var(--px-bg-panel)}.diary-card--today{box-shadow:0 0 0 2px var(--px-accent),var(--px-shadow)}.diary-card-header{padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.diary-card-date{display:flex;align-items:center;gap:8px;margin-bottom:4px}.diary-date-text{font-size:14px;font-weight:600;color:var(--px-accent);font-family:var(--px-font)}.diary-today-badge{background:var(--px-bg-panel);color:var(--px-accent);border:1px solid var(--px-accent);font-size:10px;font-weight:700;padding:2px 6px;letter-spacing:.5px;font-family:var(--px-font)}.diary-card-preview{display:flex;align-items:center;justify-content:space-between;gap:8px}.diary-narration-preview{font-size:13px;color:var(--px-text-sub);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.diary-expand-icon{font-size:11px;color:var(--px-text-sub);flex-shrink:0}.diary-card-body{padding:0 16px 16px;border-top:1px dashed var(--px-accent)}.diary-section{margin-top:14px}.diary-section-title{font-size:13px;font-weight:600;color:var(--px-accent);font-family:var(--px-font);margin:0 0 8px}.diary-care-item{display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--px-text);padding:4px 0;flex-wrap:wrap}.diary-care-item--absent{color:var(--px-danger);font-style:italic}.diary-care-action{font-weight:600;flex-shrink:0}.diary-care-impulse{color:var(--px-text-sub);font-style:italic}.diary-care-absent-note{font-size:11px;color:var(--px-danger)}.diary-social{font-size:13px;color:var(--px-text)}.diary-social-partner{font-weight:600;margin-bottom:4px}.diary-social-impression{font-weight:400;color:var(--px-text-sub);margin-left:4px}.diary-social-activity{margin-bottom:6px}.diary-social-emotions{display:flex;flex-wrap:wrap;gap:4px}.diary-emotion-tag{background:var(--px-bg-panel);color:var(--px-accent);border:1px solid var(--px-accent);font-size:11px;padding:2px 8px;font-family:var(--px-font)}.diary-emotion-tag--atmo{color:var(--px-warn);border-color:var(--px-warn)}.diary-emotion-tag--ref{color:var(--px-success);border-color:var(--px-success)}.diary-param-highlights{display:flex;flex-wrap:wrap;gap:6px}.diary-param-chip{font-size:12px;padding:3px 10px;font-weight:500;font-family:var(--px-font)}.diary-param-chip--up{background:#00ff881a;color:var(--px-success);border:1px solid var(--px-success)}.diary-param-chip--down{background:#ff44441a;color:var(--px-danger);border:1px solid var(--px-danger)}.diary-user-note{font-size:13px;color:var(--px-text);padding:6px 10px;background:var(--px-bg-panel);border:1px solid var(--px-accent);margin-bottom:4px;font-family:var(--px-font)}.diary-emotions-list{display:flex;flex-wrap:wrap;gap:4px}.diary-narration-full{margin-top:14px;padding-top:10px;border-top:1px dashed var(--px-accent);font-size:13px;color:var(--px-text-sub);line-height:1.6;font-family:var(--px-font)}.diary-meta{margin-top:8px;font-size:11px;color:var(--px-text-sub);text-align:right;font-family:var(--px-font)}.diary-nav-btn{display:block;width:100%;margin-top:12px;padding:10px 16px;background:var(--px-bg-panel);border:var(--px-border);font-size:14px;font-weight:600;color:var(--px-accent);cursor:pointer;transition:all .2s ease;text-align:center;font-family:var(--px-font)}.diary-nav-btn:hover{background:var(--px-accent);color:#000}.interp-cooldown{background:var(--px-bg-panel);border:1px solid var(--px-warn);padding:12px 16px;font-size:14px;color:var(--px-warn);text-align:center;margin-bottom:12px;font-family:var(--px-font)}.lang-toggle{background:var(--px-bg-card);border:var(--px-border);padding:4px 8px;font-size:12px;cursor:pointer;color:var(--px-accent);transition:all .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font-family:var(--px-font)}.lang-toggle:hover{background:var(--px-accent);color:#000}.lang-toggle:disabled{opacity:.5;cursor:wait}@media(max-width:700px){.diary-page{padding:0 8px}.diary-page-title{font-size:18px}}.guide-page{max-width:720px;margin:0 auto;padding:16px;background:var(--px-bg);min-height:100vh;color:var(--px-text);font-family:var(--px-font)}.guide-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.guide-back{background:transparent;border:var(--px-border);padding:6px 14px;font-size:14px;cursor:pointer;color:var(--px-accent);font-family:var(--px-font);transition:background .15s,color .15s}.guide-back:hover{background:var(--px-accent);color:#000}.guide-title{margin:0}.guide-content{display:flex;flex-direction:column;gap:28px}.guide-section h3{font-size:1.25rem;font-weight:700;color:var(--px-accent);font-family:var(--px-font);margin:0 0 10px;padding-bottom:6px;border-bottom:2px dashed var(--px-accent)}.guide-section h3:before{content:"► "}.guide-section>p{font-size:14px;line-height:1.7;color:var(--px-text);margin:0 0 14px}.guide-card{background:var(--px-bg-card);border:var(--px-border);box-shadow:var(--px-shadow);padding:14px 16px;margin-bottom:12px}.guide-card h4{font-size:15px;font-weight:600;color:var(--px-accent);font-family:var(--px-font);margin:0 0 8px}.guide-card p{font-size:13px;line-height:1.6;color:var(--px-text);margin:0 0 8px}.guide-card--highlight{background:var(--px-bg-panel);border-color:var(--px-accent)}.guide-card--egg{border-left:4px solid var(--px-warn)}.guide-card--baby{border-left:4px solid var(--px-success)}.guide-card--child{border-left:4px solid var(--px-accent)}.guide-card--adult{border-left:4px solid #c084fc}.guide-hint{font-size:12px!important;color:var(--px-text-sub)!important;font-style:italic}.guide-steps{display:flex;flex-direction:column;gap:10px;margin-top:10px}.guide-step{display:flex;align-items:flex-start;gap:12px;background:var(--px-bg-panel);border:1px solid var(--px-accent);padding:12px 14px}.guide-step-num{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--px-accent);color:#000;font-size:14px;font-weight:700;font-family:var(--px-font)}.guide-step strong{display:block;font-size:14px;color:var(--px-accent);margin-bottom:4px;font-family:var(--px-font)}.guide-step p{font-size:13px;line-height:1.6;color:var(--px-text);margin:0}.guide-card--highlight .guide-step{background:transparent;border-color:var(--px-accent)}.guide-actions-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.guide-action-tag{display:inline-block;background:var(--px-bg-panel);color:var(--px-accent);border:1px solid var(--px-accent);font-size:12px;font-weight:500;padding:3px 10px;font-family:var(--px-font)}.guide-param-key{font-family:var(--px-font);font-weight:700;color:var(--px-accent);text-align:center;width:30px}.guide-param-desc{color:var(--px-text-sub);font-size:12px}.guide-table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0}.guide-table th{background:var(--px-bg-panel);color:var(--px-accent);font-weight:600;text-align:left;padding:6px 10px;border-bottom:2px solid var(--px-accent);font-family:var(--px-font)}.guide-table td{padding:5px 10px;border-bottom:1px solid rgba(0,212,255,.2);color:var(--px-text)}.guide-table tbody tr:hover{background:var(--px-bg-panel)}.guide-list{margin:6px 0;padding-left:20px;font-size:13px;line-height:1.8;color:var(--px-text)}.guide-list strong{color:var(--px-accent)}@media(max-width:480px){.guide-page{padding:12px}.guide-title{font-size:18px}.guide-section h3{font-size:16px}.guide-table{font-size:12px}.guide-table th,.guide-table td{padding:4px 6px}.guide-actions-row{gap:4px}.guide-action-tag{font-size:11px;padding:2px 8px}}.legal-page{max-width:720px;margin:0 auto;padding:16px}.legal-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.legal-back{background:none;border:1px solid #ccc;border-radius:8px;padding:6px 14px;font-size:14px;cursor:pointer;color:#555;transition:background .15s}.legal-back:hover{background:#f0f0f0}.legal-title{font-size:22px;font-weight:700;color:#333;margin:0}.legal-version{font-size:13px;color:#999;margin:0 0 24px}.legal-body{display:flex;flex-direction:column;gap:20px}.legal-section h3{font-size:16px;font-weight:700;color:#6c5ce7;margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid #e8e0ff}.legal-section h4{font-size:14px;font-weight:600;color:#555;margin:12px 0 6px}.legal-section p{font-size:14px;line-height:1.7;color:#555;margin:0 0 8px}.legal-section ul{margin:6px 0 8px;padding-left:20px;font-size:14px;line-height:1.8;color:#555}.legal-section li{margin-bottom:2px}.legal-safe-box{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:10px;padding:12px 16px}.legal-safe-box ul{margin:0;color:#2e7d32}.legal-info-box{background:#f3f0ff;border:1px solid #e0d8f8;border-radius:10px;padding:12px 16px;margin:8px 0}.legal-info-box p{margin:0 0 4px;color:#555}.legal-info-box ul{margin:4px 0 0}.legal-highlight-box{background:#fafbff;border:1px solid #e0e8f0;border-radius:10px;padding:14px 16px;margin:10px 0}.legal-highlight-box p{font-size:13px;line-height:1.6;margin:0 0 10px}.legal-highlight-box p:last-child{margin-bottom:0}.legal-highlight-box strong{color:#6c5ce7}.legal-contact{font-size:14px;color:#888;padding-top:16px;border-top:1px solid #eee;margin-top:8px}.landing-inline-link{background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.landing-inline-link:hover{opacity:.7}@media(max-width:480px){.legal-page{padding:12px}.legal-title{font-size:18px}.legal-section h3{font-size:15px}}.nav-shell{display:flex;min-height:100vh;background:var(--px-bg)}.nav-shell-main{flex:1;min-width:0;padding:24px;padding-bottom:calc(104px + env(safe-area-inset-bottom))}.side-nav{display:none}.bottom-tab-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#1a0e0a;border-top:2px solid var(--px-border-color, #c43c3c);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.bottom-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:0;color:var(--px-text-mute);font-family:var(--px-font);font-size:10px;cursor:pointer;transition:color .12s ease;padding:4px 0}.bottom-tab-item:hover{color:var(--px-text)}.bottom-tab-item--active{color:var(--px-accent);background:#e8783026;border-top:2px solid var(--px-accent);margin-top:-2px}.bottom-tab-icon{font-size:20px;line-height:1}.bottom-tab-label{font-size:10px;letter-spacing:.5px}@media(min-width:768px){.side-nav{display:flex;flex-direction:column;width:240px;flex-shrink:0;background:#1a0e0a;border-right:2px solid var(--px-border-color, #c43c3c);padding:32px 0;position:sticky;top:0;height:100vh;align-self:flex-start}.side-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.side-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:16px 24px;background:transparent;border:0;color:var(--px-text);font-family:var(--px-font);font-size:16px;cursor:pointer;transition:background .12s ease,color .12s ease;text-align:left}.side-nav-item:hover{background:#e8783014;color:var(--px-text)}.side-nav-item--active{background:#e8783026;color:var(--px-accent);border-left:3px solid var(--px-accent);font-weight:600}.side-nav-icon{font-size:18px;line-height:1}.side-nav-label{flex:1}.bottom-tab-nav{display:none}.nav-shell-main{padding:40px 48px}}.home-page{display:flex;flex-direction:column;gap:16px;max-width:720px;margin:0 auto}.home-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border:var(--px-border);background-image:url(/charaimage/habitat/sunset-bg.png);background-size:cover;background-position:center 60%;background-repeat:no-repeat;overflow:hidden;isolation:isolate}.home-hero:before{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#0000,#0000 35%,#00000059)}.home-hero:after{content:"";position:absolute;left:50%;bottom:12%;transform:translate(-50%,50%);width:130px;height:14px;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,#0009,#00000059 45%,#0000 75%)}@media(min-width:768px){.home-hero:after{width:160px;bottom:5%}}.home-hero>*{position:relative;z-index:2}.home-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 24px;text-align:center}.home-empty-icon{font-size:56px;line-height:1;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.35))}.home-empty-decor{width:42px;height:42px;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.2))}.home-empty-title{margin:0;font-family:var(--px-font);font-size:18px;line-height:1.45;letter-spacing:.5px;color:var(--px-text)}.home-empty-body{margin:0;max-width:32ch;font-size:14px;line-height:1.6;color:var(--px-text-sub)}.home-empty-actions{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:4px;width:100%}.home-empty-cta{min-height:44px;padding:10px 20px;font-size:14px;letter-spacing:1px}.home-empty-alt{min-height:40px;padding:8px 18px;font-size:13px;letter-spacing:.5px}@media(min-width:768px){.home-empty{padding:40px 32px;gap:16px}.home-empty-title{font-size:20px}.home-empty-body{font-size:15px;max-width:38ch}}.home-hero-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:320px;height:320px;background:var(--px-bg);border:1px dashed var(--px-text-mute);color:var(--px-text-sub);font-family:var(--px-font);text-align:center;padding:16px}.home-hero-meta{display:flex;flex-direction:column;align-items:center;gap:6px}.home-pet-name{margin:0;font-size:20px;font-family:var(--px-font);color:var(--px-accent);letter-spacing:1px}.home-badges{display:flex;gap:8px;align-items:center}.health-badge{font-family:var(--px-font);font-size:11px;padding:2px 8px;border:var(--px-border)}.health-badge--healthy{color:var(--px-success)}.health-badge--sick{color:var(--px-danger)}.health-badge--recovering{color:var(--px-warn)}.home-baby-traits{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;font-size:11px;color:var(--px-text-sub)}.home-baby-trait{font-family:var(--px-font)}.home-stats{padding:12px;background:var(--px-bg-panel);border:var(--px-border)}.home-cta{display:flex;align-items:center;gap:12px;padding:12px;border:var(--px-border);background:var(--px-bg-panel)}.home-cta--danger{border-color:var(--px-danger)}.home-cta--info{border-color:var(--px-accent)}.home-cta-text{display:flex;flex-direction:column;flex:1;gap:2px}.home-cta-title{font-family:var(--px-font);color:var(--px-text);font-size:13px}.home-cta-body{color:var(--px-text-sub);font-size:12px}.home-last-batch{margin:0;text-align:center;font-size:13px;line-height:1.5;color:var(--px-text-mute);font-family:var(--px-font);letter-spacing:.5px}.home-last-batch-label{color:var(--px-text-sub)}.home-last-batch-value{color:var(--px-text)}.home-action-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home-action-bar .action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;padding:8px 4px;font-size:11px}.home-action-bar .action-btn-icon{font-size:22px;line-height:1}.home-action-bar .action-btn-label{font-family:var(--px-font);letter-spacing:.5px}@media(min-width:768px){.home-hero-placeholder,.home-hero canvas{width:360px!important;height:360px!important}.home-action-bar{grid-template-columns:repeat(7,minmax(0,1fr))}}.world-page,.menu-page{display:flex;flex-direction:column;gap:16px;max-width:720px;margin:0 auto}.world-hero{text-align:center;padding:24px 16px}.world-icon{font-size:48px;line-height:1}.world-title{margin:8px 0 4px;font-family:var(--px-font);color:var(--px-accent);font-size:20px;letter-spacing:1px}.world-tagline{margin:0 0 12px;color:var(--px-text-sub);font-size:13px}.world-badge{display:inline-block;font-family:var(--px-font);font-size:11px;padding:4px 10px;border:var(--px-border);color:var(--px-warn)}.world-section-title{margin:0 0 12px;font-family:var(--px-font);color:var(--px-accent);font-size:14px;letter-spacing:1px}.world-feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.world-feature-list li{display:flex;align-items:flex-start;gap:12px}.world-feature-icon{font-size:24px;line-height:1}.world-feature-list strong{display:block;font-family:var(--px-font);color:var(--px-text);font-size:13px;margin-bottom:2px}.world-feature-list p{margin:0;color:var(--px-text-sub);font-size:12px}.menu-header{text-align:center}.menu-title{margin:0 0 4px;font-family:var(--px-font);color:var(--px-accent);font-size:20px;letter-spacing:1px}.menu-subtitle{margin:0;color:var(--px-text-sub);font-size:12px}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.menu-grid--account{margin-top:8px}.menu-card{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--px-bg-panel);border:var(--px-border);color:var(--px-text);font-family:inherit;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease;border-radius:0}.menu-card:hover{background:#00d4ff14}.menu-card--danger{border-color:var(--px-danger)}.menu-card--danger:hover{background:#ff505014}.menu-card-icon{font-size:22px;line-height:1}.menu-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-card-title{font-family:var(--px-font);font-size:13px;color:var(--px-accent)}.menu-card-body{font-size:11px;color:var(--px-text-sub)}.menu-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.menu-modal{background:var(--px-bg-panel);border:var(--px-border);padding:16px;max-width:360px;width:100%;font-family:inherit}.menu-modal h2{margin:0 0 8px;font-family:var(--px-font);color:var(--px-danger);font-size:16px}.menu-modal p{color:var(--px-text-sub);font-size:13px;margin:0 0 12px}.menu-modal .btn-row{display:flex;gap:8px;justify-content:flex-end}@media(min-width:768px){.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pet-hub-page{display:flex;flex-direction:column;gap:16px;max-width:720px;margin:0 auto}.pet-hub-header{text-align:center}.pet-hub-title{margin:0 0 4px;font-family:var(--px-font);color:var(--px-accent);font-size:20px;letter-spacing:1px}.pet-hub-meta{display:flex;gap:8px;align-items:center;justify-content:center}.pet-hub-variant{font-family:var(--px-font);font-size:11px;color:var(--px-text-sub)}.pet-hub-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:var(--px-bg-panel);border:var(--px-border);padding:4px}.pet-hub-tab{display:flex;align-items:center;justify-content:center;padding:12px 8px;background:transparent;border:0;color:var(--px-text-mute);cursor:pointer;transition:background .12s ease,color .12s ease}.pet-hub-tab:hover{color:var(--px-text)}.pet-hub-tab--active{background:#00d4ff1f;color:var(--px-accent)}.pet-hub-mode-switch{display:flex;gap:4px;margin-bottom:12px;background:var(--px-bg-panel);border:var(--px-border);padding:3px}.pet-hub-mode-btn{flex:1;padding:6px 4px;background:transparent;border:0;color:var(--px-text-mute);font-family:var(--px-font);font-size:11px;letter-spacing:.5px;cursor:pointer;transition:background .12s ease,color .12s ease}.pet-hub-mode-btn:hover{color:var(--px-text)}.pet-hub-mode-btn--active{background:#00d4ff1f;color:var(--px-accent)}.pet-hub-content{display:flex;flex-direction:column;gap:12px}.pet-hub-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pet-hub-section-title{font-family:var(--px-font);color:var(--px-accent);font-size:13px;letter-spacing:1px}.pet-hub-empty{margin:0;color:var(--px-text-sub);font-size:12px;font-style:italic}.pet-hub-muted{color:var(--px-text-sub);font-size:11px;margin-left:8px}.pet-hub-evo{display:flex;flex-direction:column;gap:12px}.pet-hub-appearance,.pet-hub-diary{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.evo-candidate-list{display:flex;flex-direction:column;gap:8px}.evo-card-title{display:flex;align-items:center;gap:6px;font-weight:600;margin-bottom:4px}.evo-card-score{font-weight:400;color:var(--px-text-sub);font-size:11px}.evo-card-reasons{color:var(--px-text-sub);font-size:12px;margin-bottom:6px}