:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0}button:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}*{box-sizing:border-box;margin:0;padding:0}body{background:#0c0c10;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Noto Sans JP,sans-serif}#root{width:100%;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem}.page{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center}.header{text-align:center;width:100%;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid #222230}.kanji{display:block;font-family:Shippori Mincho,serif;font-size:.7rem;font-weight:600;letter-spacing:5px;color:#e05252;margin-bottom:1rem}.name{font-family:Shippori Mincho,serif;font-size:3.2rem;font-weight:800;color:#f5f0e8;letter-spacing:-1px;line-height:1;margin-bottom:.6rem}.subtitle{font-size:.72rem;font-weight:400;color:#6c6c88;letter-spacing:3px;text-transform:uppercase}.upi-card{width:100%;background:#13131f;border:1px solid #252535;border-left:3px solid #e05252;border-radius:4px 12px 12px 4px;padding:1.25rem 1.5rem;margin-bottom:1.75rem}.upi-card-label{font-size:.65rem;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:#e05252;margin-bottom:.7rem}.upi-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.upi-id{font-family:Shippori Mincho,serif;font-size:1rem;font-weight:600;color:#e8e4dc;word-break:break-all;line-height:1.4}.copy-btn{flex-shrink:0;display:flex;align-items:center;gap:5px;background:#1e1e2e;border:1px solid #35354a;border-radius:8px;color:#a0a0c0;font-size:.75rem;font-weight:500;padding:.45rem .9rem;cursor:pointer;transition:all .18s ease;font-family:Noto Sans JP,sans-serif;letter-spacing:.5px}.copy-btn:hover{background:#252535;border-color:#e05252;color:#f5f0e8}.copy-btn.copied{background:#34c8781a;border-color:#34c87873;color:#4ade80}.divider{display:flex;align-items:center;gap:1rem;width:100%;margin-bottom:1.25rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#222230}.divider span{font-size:.65rem;font-weight:400;color:#5a5a78;letter-spacing:2.5px;white-space:nowrap}.apps-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;width:100%}.app-btn{display:flex;flex-direction:column;align-items:center;gap:.6rem;background:#13131f;border:1px solid #252535;border-radius:14px;padding:1.2rem .75rem 1rem;cursor:pointer;transition:all .18s ease;font-family:Noto Sans JP,sans-serif;position:relative;overflow:hidden}.app-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent, #e05252);transform:scaleX(0);transition:transform .2s ease;transform-origin:center}.app-btn:hover{background:#17172a;border-color:var(--accent, #e05252);transform:translateY(-3px);box-shadow:0 12px 32px #0006}.app-btn:hover:after{transform:scaleX(1)}.app-btn:active{transform:translateY(0)}.app-icon{width:46px;height:46px;border-radius:11px;object-fit:contain}.app-name{font-size:.75rem;font-weight:500;color:#9090b0;letter-spacing:1px;transition:color .18s}.app-btn:hover .app-name{color:#d0ccc8}.footnote{font-size:.62rem;color:#3a3a52;text-align:center;margin-top:2rem;letter-spacing:1.5px}