:root{--app-max-width:480px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--color-desktop-gutter:#e9e9ec;--color-app-canvas:#fff;--color-text:#111114;--color-text-muted:#5b5b66;--color-border:#d8d8de}@media (prefers-color-scheme:dark){:root{--color-desktop-gutter:#131316;--color-app-canvas:#1c1c20;--color-text:#f2f2f5;--color-text-muted:#a5a5b0;--color-border:#33333c}}
*,:before,:after{box-sizing:border-box}html,body{min-height:100%}body{background:var(--color-desktop-gutter);color:var(--color-text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif}#app-shell{width:100%;max-width:var(--app-max-width);background:var(--color-app-canvas);min-height:100dvh;margin-inline:auto;position:relative;overflow-x:clip}#app-modal-root{pointer-events:none;z-index:100;position:absolute;inset:0}#app-modal-root>*{pointer-events:auto}.app-main{padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left))}