:root{--bg-hue:270;--bg-color:hsl(var(--bg-hue), 30%, 8%);--card-bg:#ffffff0f;--card-border:#ffffff1f;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-accent:hsl(var(--bg-hue), 80%, 70%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg-color);color:var(--text-primary);-webkit-overflow-scrolling:touch;font-family:Noto Sans JP,sans-serif;line-height:1.6;transition:background .3s}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1.5rem;display:flex}.landing-title{background:linear-gradient(135deg,#a78bfa,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.landing-subtitle{color:var(--text-secondary);margin-bottom:3rem;font-size:1rem}.landing-cards{flex-direction:column;gap:1.5rem;width:100%;max-width:360px;display:flex}.landing-card{color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.landing-card:active{transform:scale(.97)}.landing-card--history{background:linear-gradient(135deg,#8b5cf626,#3b82f61a)}.landing-card--length{background:linear-gradient(135deg,#10b98126,#3b82f61a)}.landing-card-icon{font-size:2.5rem}.landing-card-title{font-size:1.25rem;font-weight:700}.landing-card-desc{color:var(--text-secondary);font-size:.85rem}.explorer{position:relative}.explorer-back{z-index:100;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--card-border);background:#00000080;border-radius:.5rem;padding:.4rem .8rem;font-size:.9rem;text-decoration:none;transition:color .2s;position:fixed;top:1rem;left:1rem}.explorer-back:active{color:var(--text-primary)}.explorer-header{z-index:10;text-align:center;padding:4rem 1.5rem 2rem;position:relative}.explorer-title{color:var(--text-accent);font-size:1.8rem;font-weight:700}.explorer-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.9rem}.explorer-track{width:100%;position:relative}.explorer-line{background:linear-gradient(#a78bfa66,#38bdf866,#10b98166);width:2px;position:absolute;top:0;bottom:0;left:1.5rem}.scale-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);opacity:0;border-radius:.75rem;padding:1.25rem;transition:opacity .5s,translate .5s;position:absolute;left:2.5rem;right:1rem;transform:translateY(0)translateY(30px)}.scale-card.visible{opacity:1;translate:0}.scale-card:before{content:"";background:var(--text-accent);width:10px;height:10px;box-shadow:0 0 8px var(--text-accent);border-radius:50%;position:absolute;top:1.5rem;left:-1.15rem}.scale-card-exponent{color:var(--text-accent);margin-bottom:.25rem;font-family:Courier New,monospace;font-size:.8rem;font-weight:700}.scale-card-name{margin-bottom:.1rem;font-size:1.2rem;font-weight:700}.scale-card-name-en{color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem}.scale-card-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.scale-indicator{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);white-space:nowrap;background:#000000a6;border-radius:1rem;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem 1.5rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.scale-indicator-exp{color:var(--text-accent);font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.scale-indicator-readable{color:var(--text-secondary);font-size:.75rem}@media (min-width:768px){.landing-title{font-size:3.5rem}.landing-cards{flex-direction:row;max-width:640px}.landing-card{flex:1}.scale-card{max-width:500px}.explorer-line{left:2.5rem}.scale-card{left:3.5rem}.scale-card:before{left:-1.15rem}}