/* NABI's photographic charcoal interface, with TALEZ orange. */
body.dogu-user-app { --user-orange:#f37021; --user-bg:#111210; --user-surface:#1b1d19; --user-line:#373a32; background:#090a08; font-family:Pretendard,"Apple SD Gothic Neo",sans-serif; }
.dogu-user-app .app-shell {background:var(--user-bg); box-shadow:none;}
.dogu-user-app .topbar {background:#111210f5; border-color:var(--user-line); color:#f4f5ef; height:76px;}
.dogu-user-app .topbar :is(.location-button,.account-button,.round-button) {background:transparent;color:#f4f5ef;border-color:var(--user-line);min-height:44px;}
.dogu-user-app .brand-logo {width:96px;height:54px;object-fit:contain;}
.dogu-user-app [data-page="home"] {padding:0!important;background:var(--user-bg)!important;}
.dogu-user-app [data-page="home"] > :not(.user-home) {display:none!important;}
.dogu-user-app .user-home {max-width:1000px;margin:auto;padding:28px 28px 38px;color:#f4f5ef;}
.user-home .user-intro {padding:0 0 25px;}
.user-intro > span,.user-tools header>span {font-size:12px;font-weight:750;letter-spacing:.14em;color:#adb1a6;}
.user-home .user-intro h1 {font-size:clamp(32px,5vw,46px);line-height:1.25;letter-spacing:-.055em;margin:14px 0;max-width:none;color:#f4f5ef;}
.user-home .user-intro h1 em {color:var(--user-orange);font-style:normal;}
.user-home .user-intro p {font-size:16px;line-height:1.7;color:#b4b8ae;margin:0;}
.user-shortcuts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:26px;}
.user-shortcuts :is(button,a) {min-height:65px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--user-line);border-radius:9px;background:transparent;color:#f4f5ef;text-decoration:none;font-size:14px;cursor:pointer;}
.user-shortcuts .icon {color:var(--user-orange);width:21px;height:21px;}
.user-services {display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;}
.user-home .user-story {position:relative;display:block;isolation:isolate;min-width:0;aspect-ratio:.8;border:1px solid #45473e;border-radius:12px;overflow:hidden;background:#20231c;text-align:left;padding:0;color:#fff;cursor:pointer;}
.user-story>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s;}
.user-story::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#05070565,transparent 30%,#070906e8);}
.user-story:hover>img {transform:scale(1.025);}
.user-story-top {position:absolute;inset:18px 18px auto;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;}
.user-story-top small {background:#f37021;color:#18150f;border-radius:5px;padding:4px 7px;font-size:12px;font-weight:800;letter-spacing:0;}
.user-story-copy {position:absolute;bottom:23px;left:22px;right:18px;display:grid;gap:12px;}
.user-story-copy>small {font-size:14px;color:#ffad78;font-weight:700;}
.user-story-copy>strong {font-size:clamp(24px,3vw,31px);font-weight:850;line-height:1.3;letter-spacing:-.045em;color:white;}
.user-story-copy>span {display:flex;align-items:center;gap:8px;color:#f6f6ef;font-size:14px;}
.user-tools {margin-top:36px;}
.user-tools h2 {font-size:22px;letter-spacing:-.04em;margin:8px 0 20px;color:#f4f5ef;}
.user-tools>a {display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid var(--user-line);color:#f4f5ef;text-decoration:none;min-height:84px;}
.user-tools>a>.icon,.user-tools>a>span:last-child {color:var(--user-orange);}
.user-tools>a>span:nth-child(2) {display:grid;gap:5px;flex:1;}
.user-tools b {font-size:17px;}.user-tools small {font-size:14px;color:#b4b8ae;}
.user-foot {display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--user-line);margin-top:20px;padding-top:20px;}
.user-foot :is(a,button) {display:inline-flex;align-items:center;min-height:44px;font-size:14px;background:none;border:0;color:#b4b8ae;text-decoration:none;cursor:pointer;}
.dogu-user-app .bottom-nav {background:#171914f5!important;border-color:var(--user-line)!important;backdrop-filter:blur(16px);padding-bottom:max(8px,env(safe-area-inset-bottom));}
.dogu-user-app .bottom-nav button {color:#b4b8ae!important;background:transparent!important;min-height:56px;font-size:14px;}
.dogu-user-app .bottom-nav button.user-current,.dogu-user-app .bottom-nav button.active {color:var(--user-orange)!important;}
.dogu-user-app .bottom-nav button>span {background:transparent!important;color:inherit!important;}
.dogu-user-app .site-footer {background:var(--user-bg);color:#b4b8ae;border-color:var(--user-line);}
.dogu-user-app .app-page:not([data-page="home"]) {background:#f7f7f3;--blue:#b94a0d;--blue-dark:#933809;--lime:#ffd6bc;--orange:#f37021;}
.dogu-user-app :is(button,a,input,textarea,select):focus-visible {outline:3px solid #f37021;outline-offset:4px;}
@media(max-width:760px){.dogu-user-app .user-home{padding:25px 20px 28px}.user-services{grid-template-columns:1fr 1fr;gap:12px}.user-story-main{grid-column:1/-1}.user-home .user-story-main{aspect-ratio:1.35}.user-home .user-story:not(.user-story-main){aspect-ratio:.79}.user-story:not(.user-story-main) .user-story-copy{left:14px;right:12px;bottom:18px}.user-story:not(.user-story-main) .user-story-copy>strong{font-size:22px}.user-story-top{inset:14px 14px auto}.user-shortcuts :is(button,a){flex-direction:column;gap:6px;min-height:76px}.user-intro h1{font-size:34px}.dogu-user-app .topbar{padding-inline:16px}.dogu-user-app .location-button{font-size:12px}.user-story-copy>strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.user-story>img{transition:none}}

/* Explicit mobile sizing replaces inherited desktop and legacy home geometry. */
.dogu-user-app .user-home {width:100%;min-width:0;margin:0 auto;}
.dogu-user-app .user-home * {box-sizing:border-box;}
.dogu-user-app .user-home :is(nav,section,header,a,button,span) {min-width:0;}
.dogu-user-app .user-home :is(p,small,strong,b) {overflow-wrap:anywhere;}
.dogu-user-app .user-home .icon {flex-shrink:0;}
@media(max-width:1024px) {
  body.dogu-user-app {margin:0;width:100%;}
  .dogu-user-app .app-shell {width:100%;max-width:100%;overflow:clip;}
  .dogu-user-app .topbar {display:grid;grid-template-columns:minmax(72px,1fr) auto 44px 44px;gap:6px;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));}
  .dogu-user-app .topbar .brand {position:static;width:80px;max-width:100%;height:52px;overflow:visible;}
  .dogu-user-app .topbar .brand-logo {position:static;width:80px;max-width:100%;height:48px;object-fit:contain;}
  .dogu-user-app .topbar .account-button,.dogu-user-app .topbar .round-button {width:44px;height:44px;padding:0;justify-content:center;}
  .dogu-user-app .topbar .account-button span {display:none;}
  .dogu-user-app .topbar .location-button {padding:0 5px;font-size:12px;min-width:0;gap:3px;}
  .dogu-user-app .topbar .location-button span {max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .dogu-user-app .bottom-nav {position:fixed;left:0;right:0;bottom:0;transform:none;width:100%;max-width:none;height:auto;min-height:calc(68px + env(safe-area-inset-bottom));margin:0;border-radius:16px 16px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));}
  .dogu-user-app .bottom-nav button {width:100%;min-width:0;padding:4px 0;min-height:56px;gap:3px;font-size:13px;line-height:1.4;}
  .dogu-user-app main {width:100%;min-width:0;padding-bottom:calc(86px + env(safe-area-inset-bottom));}
  .dogu-user-app [data-page="home"] {min-height:0;align-items:stretch;}
  .dogu-user-app .user-home {max-width:760px;padding:22px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left));}
  .dogu-user-app .user-home .user-intro {padding-bottom:18px;}
  .dogu-user-app .user-home .user-intro h1 {font-size:clamp(28px,7.4vw,36px);line-height:1.28;margin:10px 0;}
  .dogu-user-app .user-home .user-intro p {font-size:15px;line-height:1.6;}
  .dogu-user-app .user-shortcuts {gap:6px;margin-bottom:20px;}
  .dogu-user-app .user-shortcuts :is(button,a) {flex-direction:column;min-height:72px;gap:6px;padding:8px 2px;font-size:14px;line-height:1.4;text-align:center;}
  .dogu-user-app .user-services {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .dogu-user-app .user-home .user-story {display:flex;flex-direction:column;aspect-ratio:auto;min-height:0;padding:0;isolation:auto;background:#1b1d19;}
  .dogu-user-app .user-home .user-story-main {grid-column:1/-1;}
  .dogu-user-app .user-story>img {position:static;display:block;width:100%;height:130px;object-fit:cover;z-index:auto;transform:none;}
  .dogu-user-app .user-story-main>img {height:clamp(150px,44vw,240px);object-position:center 42%;}
  .dogu-user-app .user-story::after {display:none;}
  .dogu-user-app .user-story-top {position:static;display:flex;flex-wrap:wrap;padding:12px 14px 0;font-size:12px;letter-spacing:.04em;line-height:1.5;}
  .dogu-user-app .user-story-copy {position:static;display:grid;gap:7px;padding:10px 14px 16px;width:100%;}
  .dogu-user-app .user-story-copy>strong {font-size:clamp(20px,5.3vw,25px);line-height:1.35;letter-spacing:-.04em;}
  .dogu-user-app .user-story-main .user-story-copy>strong {font-size:25px;}
  .dogu-user-app .user-story-copy>small,.dogu-user-app .user-story-copy>span {font-size:14px;line-height:1.5;}
  .dogu-user-app .user-tools {margin-top:28px;}
  .dogu-user-app .user-tools h2 {font-size:21px;line-height:1.4;}
  .dogu-user-app .user-tools>a {gap:12px;padding:16px 0;}
  .dogu-user-app .user-tools small {line-height:1.6;}
  .dogu-user-app .user-foot {display:grid;gap:2px;margin-top:12px;padding-top:12px;}
  .dogu-user-app .app-page :is(input,select,textarea) {min-width:0;max-width:100%;font-size:16px;}
  .dogu-user-app .app-page :is(.route-content,.consult-panel,.portal-head,.shop-choice,.training-routes) {min-width:0;max-width:100%;}
  .dogu-user-app dialog {box-sizing:border-box;max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;}
  .dogu-user-app dialog.sheet {max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);padding-bottom:calc(20px + env(safe-area-inset-bottom));}
}
@media(max-width:360px) {
  .dogu-user-app .topbar {gap:3px;grid-template-columns:minmax(64px,1fr) auto 44px 44px;}
  .dogu-user-app .topbar .location-button>.icon {display:none;}
  .dogu-user-app .user-services {grid-template-columns:minmax(0,1fr);}
  .dogu-user-app .user-story:not(.user-story-main)>img {height:150px;}
  .dogu-user-app .user-shortcuts {grid-template-columns:repeat(2,minmax(0,1fr));}
  .dogu-user-app .user-shortcuts :is(button,a) {min-height:54px;flex-direction:row;}
}