: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{touch-action:none;overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}.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;background:linear-gradient(to bottom, var(--bg-color) 60%, transparent);pointer-events:none;padding:3rem 1.5rem 1rem;position:fixed;top:0;left:0;right:0}.explorer-header>*{pointer-events:auto}.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-viewport{position:absolute;inset:0;overflow:hidden}.explorer-line{background:linear-gradient(#a78bfa66,#38bdf866,#10b98166);width:2px;position:absolute;top:0;bottom:0;left:2.75rem}.scale-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);will-change:transform, opacity;opacity:0;border-radius:.75rem;padding:1.25rem;transition:opacity .3s;position:absolute;top:0;left:3.75rem;right:1rem}.scale-card.visible{opacity:1}.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:-5px;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}.tick-mark{pointer-events:none;z-index:1;will-change:transform;background:#ffffff26;width:20px;height:1px;position:absolute;top:0;left:2.75rem}.scale-chrome{pointer-events:none}.overview{left:1.1rem;top:var(--top-pad);bottom:var(--bottom-pad);z-index:90;width:4px;position:fixed}.overview-track{background:linear-gradient(#a78bfa38,#38bdf838,#10b98138);border-radius:2px;width:100%;height:100%;position:relative}.overview-window{will-change:background;border-radius:4px;position:absolute;inset:0 -2px}.overview-cap{color:#ffffff59;white-space:nowrap;font-family:Courier New,monospace;font-size:.55rem;position:absolute;left:0}.overview-cap--top{bottom:calc(100% + .35rem)}.overview-cap--bottom{top:calc(100% + .35rem)}@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:3.75rem}.scale-card{left:4.75rem}.scale-card:before{left:-1.15rem}.tick-mark{left:3.75rem}.overview{left:2rem}}