:root{font-family:Inter,Noto Sans JP,system-ui,-apple-system,sans-serif;line-height:1.7;font-weight:400;color:#0f172a;background-color:#f7f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f7f8fb}#root{min-height:100vh}h1{margin:0;font-size:clamp(1.9rem,3vw,2.6rem);color:#0f172a;letter-spacing:-.01em}h2,p{margin:0}ul{margin:0;padding:0;list-style:disc}a{color:#1f5bff;text-decoration:none}a:hover{text-decoration:underline}code{background:#0f172a;color:#fff;padding:.1rem .35rem;border-radius:8px;font-size:.95rem}.legal-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;padding:clamp(1.5rem,3vw,3rem);background:radial-gradient(circle at 20% 20%,#f0f4ff,transparent 30%),radial-gradient(circle at 80% 10%,#fff3e6,transparent 25%),#f7f8fb}.legal-card{max-width:960px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 30px 80px #0f172a14;padding:clamp(1.5rem,4vw,3rem)}.legal-header{border-bottom:1px solid #e2e8f0;padding-bottom:1rem;margin-bottom:1.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;color:#6b7280;margin:0 0 .35rem}.lede{margin:.35rem 0 0;color:#4b5563}.legal-body{display:flex;flex-direction:column;gap:1.1rem}.legal-section h2{margin:0 0 .35rem;font-size:1.05rem;color:#0f172a}.legal-section p{margin:.25rem 0;color:#374151}.legal-list{margin:.25rem 0 0;padding-left:1.25rem;color:#374151;display:grid;gap:.35rem}.notice{margin:0;padding:.75rem 1rem;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#334155}.legal-footer{text-align:center;color:#6b7280;font-size:.95rem}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.app-tile{border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:inset 0 1px #fff9}.tile-title{margin:0;font-size:1.4rem}.tile-text{margin:.35rem 0 .75rem;color:#475569}.tile-links{display:flex;gap:.75rem;flex-wrap:wrap}.tile-links a{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:10px;background:#0f172a;color:#fff;font-weight:600;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;box-shadow:0 12px 30px #0f172a2e}.tile-links a:hover{transform:translateY(-1px);box-shadow:0 16px 40px #0f172a3d}.marketing-page .tagline{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.marketing-page h3{margin:1.5rem 0 .5rem;font-size:1.1rem;color:#0f172a}.screenshot-container{margin:1rem 0;text-align:center}.screenshot-container img{max-width:280px;width:100%;height:auto;border-radius:16px;box-shadow:0 8px 30px #0f172a1f}@media(max-width:720px){.legal-card{border-radius:18px;padding:1.25rem 1.1rem}.legal-section h2{font-size:1rem}.screenshot-container img{max-width:220px}}