/* Geometry shared by the approved design references, normalized to 426 CSS px.
   Reference typeface is unknown; the bundled OFL Pretendard is the chosen match. */
@font-face{font-family:Pretendard;src:url('../assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--blue:#126bff;--ink:#071138;--muted:#7b87a7;--line:#dde8f8;--green:#0cc987;--purple:#8050ef;--pale:#eef7ff;font-size:15px;background:#edf5fc}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
body{background:#edf5fc}
/* The existing report dialog is opened by the app's login/more controls. */
body #bugBtn{display:none!important}
#app{position:relative;isolation:isolate;max-width:426px;min-height:100dvh;background:linear-gradient(150deg,#f8fcff 0%,#f1f9ff 54%,#eaf6ff 100%)}
#app-nav{max-width:426px;min-height:72px;border:0;border-radius:27px 27px 0 0;box-shadow:0 -3px 22px #3379c807;background:#ffffffef;backdrop-filter:blur(14px);padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:10px}
#app-nav button{gap:5px;font-size:13px;font-weight:650;color:#7785a6}
#app-nav button.active{color:#1670ff}
#app-nav button svg{width:26px;height:26px}
#app-nav .nav-glyph{width:29px;height:29px;object-fit:contain;mix-blend-mode:multiply}
#app-nav [data-go=home]:not(.active) .nav-glyph{filter:grayscale(1);opacity:.65}
#app-nav .active .nav-glyph{filter:none}
.screen{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(94px + env(safe-area-inset-bottom))}
.page-header h1{font-size:24px;font-weight:760}
.button{min-height:48px;font-weight:650;border-radius:13px}
.button.primary{background:linear-gradient(110deg,#2282ff,#0965ff);box-shadow:0 7px 18px #126bff1c}
.card{border-color:#e5f0ff;box-shadow:0 5px 20px #2679bb03;border-radius:19px}
.brand-image{width:37px;height:46px;object-fit:contain;mix-blend-mode:multiply}
.reference-art{object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}
.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.design-ring{--ring-color:var(--blue);position:relative;flex-shrink:0;display:grid;place-items:center;aspect-ratio:1;width:86px;font-size:18px;font-weight:750}
.design-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.design-ring circle{fill:none;stroke:#e9f2fd;stroke-width:10}
.design-ring circle+circle{stroke:var(--ring-color);stroke-linecap:round;stroke-dasharray:var(--ring-value,0) 100}
.design-ring strong{position:relative}
@media(max-width:370px){#app-nav{padding-left:8px;padding-right:8px;gap:4px}#app-nav button{font-size:12px}.page-header h1{font-size:22px}}