input,textarea,select{font-size:16px}html{-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;overflow-x:hidden}body{position:relative}:root{color-scheme:dark;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--line: rgba(255, 255, 255, .14);--bg-base-0: #07080b;--bg-base-1: #0b0d13;--bg-accent: rgba(255, 77, 109, .18);--bg-image: url(/assets/bg/ui-check.png);--bg-blur: 0px;--glass-blur: 10;--glass-blur-px: 10px;--glass-alpha: .22;--glass-alpha-strong: .35;--ui-radius-panel: 18px;--ui-radius-control: 12px;--ui-control-height: 40px;--ui-control-bg: rgba(213, 244, 255, .14);--ui-control-bg-hover: rgba(229, 249, 255, .24);--ui-control-border: rgba(214, 246, 255, .34);--ui-control-border-hover: rgba(235, 252, 255, .58);--ui-focus: rgba(255, 91, 132, .9)}body{color:var(--text);background:radial-gradient(1000px 700px at 20% -10%,var(--bg-accent),transparent 55%),radial-gradient(900px 600px at 110% 10%,rgba(110,207,255,.1),transparent 60%),linear-gradient(180deg,var(--bg-base-0),var(--bg-base-1));font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}#root{width:100%;max-width:none;margin:0;padding:0;text-align:initial}img,svg,canvas,video{max-width:100%;height:auto}pre,code{overflow-x:auto}h1{font-size:clamp(22px,7vw,40px);margin:0 0 10px}h2{font-size:clamp(18px,5.8vw,28px);margin:0 0 10px}h3{font-size:clamp(16px,4.8vw,22px);margin:0 0 8px}p,li{font-size:16px;line-height:1.6}#app-root{position:relative;isolation:isolate}#layer-bg{position:absolute;inset:0;background:var(--bg-image, none),radial-gradient(800px 500px at 50% 30%,rgba(255,255,255,.06),transparent 65%),radial-gradient(1000px 700px at 20% -10%,rgba(255,77,109,.18),transparent 55%),radial-gradient(900px 600px at 110% 10%,rgba(110,207,255,.1),transparent 60%),linear-gradient(180deg,#07080b8c,#0b0d138c);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(var(--bg-blur, 0px));transform:scale(1.035);transform-origin:center center}@media(hover:none)and (pointer:coarse){#layer-bg{transform:scale(1.035);animation:none;will-change:auto}}.tsuduri-character-breath{animation:tsuduri-character-breath 7.5s ease-in-out infinite;will-change:transform}@keyframes tsuduri-character-breath{0%,to{transform:scale(1) translateZ(0)}50%{transform:scale(1.007) translate3d(0,-1.5px,0)}}@media(prefers-reduced-motion:reduce){#layer-bg,.tsuduri-character-breath{animation:none;transform:none;will-change:auto}}.glass,.glass-panel,.glass-header{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(17,17,17,var(--glass-alpha, .22));backdrop-filter:blur(var(--glass-blur-px, 0px));-webkit-backdrop-filter:blur(var(--glass-blur-px, 0px))}.glass,.glass-panel{box-shadow:0 10px 28px #000a181f,inset 0 1px #ffffff0e}.glass-panel{border-radius:var(--ui-radius-panel)}.glass-strong,.glass-panel.strong{background:rgba(17,17,17,var(--glass-alpha-strong, .35))}button{border:1px solid var(--ui-control-border);color:#ffffffe6;background:linear-gradient(180deg,rgba(235,250,255,.22),var(--ui-control-bg));backdrop-filter:blur(var(--glass-blur-px, 0px));-webkit-backdrop-filter:blur(var(--glass-blur-px, 0px));border-radius:var(--ui-radius-control);padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:700;line-height:1.15;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 5px 16px #2176971a,inset 0 1px #ffffff38,inset 0 -1px #74d5ef14;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .1s ease,opacity .14s ease}button:hover:not(:disabled){border-color:var(--ui-control-border-hover);background:linear-gradient(180deg,rgba(246,253,255,.31),var(--ui-control-bg-hover));box-shadow:0 8px 20px #31a4ca26,0 0 0 1px #c7f3ff14,inset 0 1px #ffffff4d}button:active:not(:disabled){transform:translateY(1px);box-shadow:0 3px 9px #00081229,inset 0 1px #ffffff0d}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--ui-focus);box-shadow:0 0 0 3px #ff5b8433;outline:none}button:disabled{opacity:.48;cursor:not-allowed}input,textarea,select{min-height:var(--ui-control-height);border:1px solid var(--line);color:#ffffffeb;background:rgba(17,17,17,var(--glass-alpha-strong, .35));backdrop-filter:blur(var(--glass-blur-px, 0px));-webkit-backdrop-filter:blur(var(--glass-blur-px, 0px));border-radius:var(--ui-radius-control);padding:10px 12px;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:#bfefff4d}.page-shell:not(.page-shell--home-centered) .glass-strong,.page-shell:not(.page-shell--home-centered) .glass-panel.strong{border-radius:var(--ui-radius-panel)!important;border-color:#c4edfa29;box-shadow:0 14px 34px #0008142b,inset 0 1px #fff1}.page-shell .app-back-button{min-width:76px;min-height:38px;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,#effbff33,#9be0f41f);white-space:nowrap}@media(max-width:820px){:root{--ui-control-height: 42px}.page-shell .app-back-button{min-width:68px;padding-inline:12px}}.fade-switch{width:100%;height:100%;min-height:0}
