/* NIO Journey — Super-app shell v2
   Mobile-first app architecture layer. Keeps the existing product flows and routes intact. */
:root{
  --nio-black:#050505;--nio-panel:#111;--nio-panel-raised:#181818;--nio-stroke:#292929;
  --nio-white:#f7f7f5;--nio-muted:#a2a2a2;--nio-orange:#d87939;
  --nio-nav-h:82px;
}
html{background:var(--nio-black)!important;scroll-padding-top:76px;scroll-padding-bottom:calc(var(--nio-nav-h) + 42px)}
body{margin:0;background:var(--nio-black)!important;min-height:100dvh;overscroll-behavior-y:contain}
#app{width:100%;min-height:100dvh;overflow:clip;background:var(--nio-black)}
/* Persistent app chrome */
.topbar{
 position:sticky!important;top:0!important;z-index:100!important;
 height:58px!important;min-height:58px!important;padding:0 18px!important;
 background:rgba(5,5,5,.94)!important;border:0!important;border-bottom:1px solid #1e1e1e!important;
 -webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);
}
.topbar .brand-lockup{width:58px!important;max-height:34px!important}
.topbar .home-menu-action{width:40px!important;height:40px!important;border-radius:14px!important}
#view{
 width:100%;max-width:760px;min-height:calc(100dvh - 58px);margin:0 auto;
 padding-bottom:calc(var(--nio-nav-h) + 54px + env(safe-area-inset-bottom,0px))!important;
 scroll-margin-top:65px;
}
/* Home should feel like a personal dashboard, not a landing page */
#view:has(.home-welcome){padding:20px 16px calc(var(--nio-nav-h) + 58px + env(safe-area-inset-bottom,0px))!important}
#view .home-welcome{align-items:center!important;gap:12px!important;margin:0 0 24px!important;padding:2px 1px 18px!important;border-bottom:1px solid #202020}
#view .home-kicker{font-size:9px!important;letter-spacing:.19em!important;color:#969696!important;margin-bottom:8px!important}
#view .home-welcome h1{font-size:clamp(27px,7vw,32px)!important;line-height:1.06!important;letter-spacing:-.045em!important}
#view .home-welcome-copy>p{gap:9px!important;margin-top:13px!important;font-size:13px!important;color:#b5b5b5!important}
#view .home-location{font-size:12px!important;color:#969696!important}
#view .home-welcome-notice{width:42px!important;height:42px!important;min-width:42px!important;background:#111!important;border-color:#303030!important;box-shadow:none!important}
#view .home-for-you,#view .home-explore,#view .home-progress,#view .home-products{margin-bottom:28px!important}
#view .home-section-head{margin:0 1px 13px!important;align-items:center!important}
#view .home-section-head h2{font-size:18px!important;font-weight:650!important;letter-spacing:-.025em!important}
#view .home-see-all{font-size:12px!important;color:#b7b7b7!important;padding:8px 0 8px 8px!important}
#view .home-category-row{gap:8px!important;padding:1px 0 14px!important}
#view .home-category{min-height:36px!important;padding:9px 14px!important;font-size:11px!important;border-radius:999px!important;background:#111!important;border-color:#292929!important}
#view .home-category.active{background:#f4f4f2!important;color:#080808!important;border-color:#f4f4f2!important}
/* Promo becomes a swipeable in-app carousel with calmer surfaces */
#view .home-promo-viewport{margin-inline:-1px!important;width:calc(100% + 2px)!important;scroll-snap-type:x mandatory!important}
#view .home-promo-track{gap:12px!important;padding:0 1px 3px!important}
#view .home-promo-track .home-promo{
 height:218px!important;min-height:218px!important;border-radius:20px!important;
 border:1px solid #292929!important;overflow:hidden!important;scroll-snap-align:center!important;
 box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
}
#view .home-promo-dot{width:5px!important;height:5px!important;transition:width .2s ease!important}
#view .home-promo-dot.active{width:17px!important;border-radius:99px!important;background:#f4f4f2!important}
/* Shortcut tiles: app launcher rather than generic web cards */
#view .home-explore-grid{gap:10px!important}
#view .home-explore-tile{
 min-height:112px!important;padding:15px 13px!important;border-radius:19px!important;
 background:linear-gradient(145deg,#151515,#0d0d0d)!important;border:1px solid #282828!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
 transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
#view .home-explore-tile:active{transform:scale(.975)!important;background:#1b1b1b!important}
#view .home-explore-icon{width:42px!important;height:42px!important;border-radius:15px!important;background:#202020!important;border:1px solid #333!important;color:#f5f5f5!important}
#view .home-explore-tile strong,#view .home-explore-tile b{font-size:13px!important;letter-spacing:-.015em!important}
#view .home-explore-tile small{font-size:10px!important;line-height:1.4!important;color:#999!important}
#view .home-progress-card{border-radius:19px!important;background:#111!important;border:1px solid #282828!important;padding:15px!important}
#view .home-products .home-product-card,#view .shop-card{border-radius:19px!important;border-color:#292929!important;background:#111!important}
#view .shop-card{padding:11px!important}
#view .shop-card>img{border-radius:13px!important;aspect-ratio:4/3!important;object-fit:cover!important;background:#171717!important}
#view .shop-card b{font-size:13px!important}
#view .shop-card small{font-size:11px!important;color:#a0a0a0!important}
/* Consistent native controls across Finder, Library, Journal and Account */
#view input,#view textarea,#view select{
 min-height:46px;border-radius:14px!important;background:#111!important;border:1px solid #303030!important;color:#f5f5f5!important;
}
#view button,#view [role=button],#view a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#view button:active,#view [role=button]:active{filter:brightness(1.13)}
#view .card,#view .entry-card,#view .finder-card,#view .library-access-note{border-color:#292929!important;border-radius:20px!important}
#view .finder-card{background:linear-gradient(145deg,#151515,#0c0c0c)!important;box-shadow:none!important}
#view .cta,#view .primary{border-radius:14px!important;min-height:44px!important;box-shadow:none!important}
/* Bottom navigation is a proper persistent app dock; reserve space so it never hides the last row */
.bottom-nav{
 position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
 bottom:max(9px,env(safe-area-inset-bottom,0px))!important;
 width:calc(100% - 20px)!important;max-width:560px!important;height:76px!important;
 padding:6px!important;display:flex!important;align-items:stretch!important;justify-content:space-around!important;gap:3px!important;
 border:1px solid #303030!important;border-radius:24px!important;
 background:rgba(9,9,9,.96)!important;
 box-shadow:0 14px 38px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.045)!important;
 -webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);
}
.bottom-nav>a[data-route]{
 flex:1 1 0!important;min-width:0!important;min-height:0!important;height:100%!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
 border-radius:17px!important;background:transparent!important;color:#898989!important;
}
.bottom-nav>a[data-route] .nav-symbol{width:27px!important;height:25px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:9px!important;background:transparent!important;color:inherit!important;box-shadow:none!important}
.bottom-nav>a[data-route] .nav-symbol .nio-icon{width:22px!important;height:22px!important}
.bottom-nav>a[data-route]>span{font-size:10px!important;line-height:1.1!important;font-weight:550!important;white-space:nowrap!important;color:inherit!important}
.bottom-nav>a[data-route]:not(.nav-finder).active{background:#f2f2f0!important;color:#080808!important}
.bottom-nav>a.nav-finder{position:relative!important;overflow:visible!important;color:#bdbdbd!important}
.bottom-nav>a.nav-finder .nav-symbol{
 width:42px!important;height:42px!important;margin-top:-18px!important;border-radius:16px!important;
 border:1px solid #515151!important;background:#f2f2f0!important;color:#080808!important;
 box-shadow:0 7px 20px rgba(0,0,0,.55),0 0 0 5px #090909!important;
}
.bottom-nav>a.nav-finder .nav-symbol .nio-icon{width:23px!important;height:23px!important}
.bottom-nav>a.nav-finder>span{margin-top:0!important}
.bottom-nav>a.nav-finder.active .nav-symbol{background:#fff!important;border-color:#fff!important}
.bottom-nav>a.nav-finder.active>span{color:#fff!important}
.bottom-nav .sidebar-utility{display:none!important}
.safe-bottom{height:1px!important}
@media(min-width:700px){
 #view:has(.home-welcome){padding-top:28px!important}
 .bottom-nav{width:min(92%,560px)!important}
}
@media(max-width:370px){
 #view:has(.home-welcome){padding-inline:13px!important}
 .bottom-nav{width:calc(100% - 14px)!important;padding:5px!important;gap:1px!important}
 .bottom-nav>a[data-route]>span{font-size:9px!important}
 #view .home-explore-tile{padding:12px 10px!important}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Journey-first dashboard v3 — compact app home */
.journey-dashboard{display:flex;flex-direction:column;gap:26px;min-width:0}
.journey-greeting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 1px 2px}
.journey-greeting-copy{min-width:0}
.journey-eyebrow{display:block;color:#929292;font-size:9px;font-weight:750;letter-spacing:.17em;line-height:1.35}
.journey-greeting h1{margin:9px 0 6px;color:#f5f5f3;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,7.2vw,34px);font-weight:500;line-height:1.06;letter-spacing:-.045em;overflow-wrap:anywhere}
.journey-greeting p{margin:0;color:#a7a7a7;font-size:12px;line-height:1.45}
.journey-notice{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #303030;border-radius:15px;background:#111;color:#eee}
.journey-notice .nio-icon{width:20px;height:20px}
.journey-search{width:100%;min-height:60px;display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid #292929;border-radius:18px;background:linear-gradient(145deg,#151515,#0d0d0d);text-align:left;color:#f4f4f2}
.journey-search:active{background:#1b1b1b}
.journey-search-mark{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border:1px solid #303030;border-radius:13px;background:#202020;color:#ededed}
.journey-search-mark .nio-icon{width:19px;height:19px}
.journey-search-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}
.journey-search-copy strong{font-size:12px;font-weight:650}
.journey-search-copy small{color:#909090;font-size:10px}
.journey-search-key{color:#9d9d9d;font-size:25px;line-height:1}
.journey-next,.journey-shortcuts,.journey-activity{min-width:0}
.journey-section-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 1px 12px}
.journey-section-head>div{min-width:0}
.journey-section-head h2{margin:5px 0 0;color:#f4f4f2;font-size:18px;line-height:1.2;font-weight:650;letter-spacing:-.025em}
.journey-live-mark{display:flex;align-items:center;gap:5px;margin-bottom:2px;color:#929292;font-size:8px;font-weight:750;letter-spacing:.11em;white-space:nowrap}
.journey-live-mark i{width:5px;height:5px;border-radius:50%;background:#d87939}
.journey-next-card{display:flex;align-items:flex-start;gap:14px;width:100%;min-width:0;padding:17px;border:1px solid #39312a;border-radius:21px;background:radial-gradient(circle at 100% 0%,rgba(216,121,57,.11),transparent 48%),linear-gradient(145deg,#171513,#0d0d0d);text-align:left;color:#f5f5f3;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.journey-next-card:active{transform:scale(.99);background:#1a1816}
.journey-next-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:1px solid #4b3a2d;border-radius:17px;background:#211a15;color:#e4a16d}
.journey-next-icon .nio-icon{width:25px;height:25px}
.journey-next-copy{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;gap:6px}
.journey-next-copy>small{color:#cb8d5e;font-size:8px;font-weight:750;letter-spacing:.13em;line-height:1.4}
.journey-next-copy>strong{font-size:15px;line-height:1.25;letter-spacing:-.02em}
.journey-next-copy>span{color:#a5a5a5;font-size:11px;line-height:1.5}
.journey-next-copy>em{display:inline-flex;align-items:center;gap:10px;margin-top:5px;color:#f1c29c;font-size:11px;font-style:normal;font-weight:650}
.journey-next-copy>em b{font-size:16px;font-weight:500}
.journey-text-link{flex:0 0 auto;padding:5px 0 2px 8px;border:0;background:none;color:#aaa;font-size:10px;white-space:nowrap}
.journey-text-link span{padding-left:2px}
.journey-shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.journey-shortcut{display:flex;min-width:0;min-height:108px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:11px 9px;border:1px solid #292929;border-radius:17px;background:linear-gradient(145deg,#151515,#0c0c0c);color:#eee;text-align:left}
.journey-shortcut:active{transform:scale(.97);background:#1b1b1b}
.journey-shortcut-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid #303030;border-radius:13px;background:#202020;color:#f3f3f3}
.journey-shortcut-icon .nio-icon{width:20px;height:20px}
.journey-shortcut strong{display:block;max-width:100%;font-size:11px;line-height:1.2;font-weight:650;overflow-wrap:anywhere}
.journey-shortcut small{margin-top:-4px;color:#969696;font-size:9px;line-height:1.3}
.journey-shortcut-finder{border-color:#47382c;background:linear-gradient(145deg,#211a15,#100e0c)}
.journey-shortcut-finder .journey-shortcut-icon{border-color:#61452e;background:#2b2018;color:#e6a36f}
.journey-recent-entry{display:flex;align-items:center;gap:11px;width:100%;min-width:0;padding:12px;border:1px solid #2b2b2b;border-radius:17px;background:#111;color:#f1f1ef;text-align:left}
.journey-recent-icon,.journey-empty-mark{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border:1px solid #303030;border-radius:13px;background:#1b1b1b;color:#e5e5e5}
.journey-recent-icon .nio-icon,.journey-empty-mark .nio-icon{width:19px;height:19px}
.journey-recent-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}
.journey-recent-copy strong{max-width:100%;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.journey-recent-copy small{color:#999;font-size:10px;line-height:1.3}
.journey-recent-arrow{color:#999;font-size:15px}
.journey-empty-activity{display:flex;align-items:center;gap:10px;padding:12px;border:1px dashed #303030;border-radius:17px;background:#0d0d0d}
.journey-empty-activity>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}
.journey-empty-activity strong{font-size:11px;line-height:1.35}
.journey-empty-activity small{color:#969696;font-size:10px;line-height:1.45}
.journey-empty-activity button{width:34px;height:34px;flex:0 0 34px;border:1px solid #353535;border-radius:12px;background:#1b1b1b;color:#fff;font-size:18px}
.journey-activity-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.journey-activity-stats>div{display:flex;min-width:0;flex-direction:column;gap:4px;padding:11px;border:1px solid #262626;border-radius:15px;background:#0d0d0d}
.journey-activity-stats>div>span{font-size:19px;line-height:1;font-weight:650;letter-spacing:-.03em}
.journey-activity-stats small{color:#969696;font-size:9px;line-height:1.35}
.journey-data-note{margin:8px 1px 0;color:#777;font-size:9px;line-height:1.4}
.journey-inspiration .home-section-head{align-items:end}
.journey-inspiration .home-section-head h2{margin-top:5px}
.journey-inspiration .home-promo-track .home-promo{height:196px!important;min-height:196px!important;border-radius:18px!important}
.journey-inspiration .home-promo-hint-copy{font-size:9px}
.journey-shop-preview .home-products-subtitle{font-size:10px;margin-top:5px;line-height:1.4}
.journey-dashboard .safe-bottom{height:1px!important}
@media(max-width:390px){
 .journey-dashboard{gap:23px}
 .journey-shortcut-grid{gap:6px}
 .journey-shortcut{min-height:102px;padding:9px 7px;border-radius:15px}
 .journey-shortcut-icon{width:34px;height:34px;border-radius:12px}
 .journey-shortcut strong{font-size:10px}
 .journey-shortcut small{font-size:8px}
 .journey-next-card{gap:11px;padding:14px}
 .journey-next-icon{width:43px;height:43px;flex-basis:43px}
}
@media(prefers-reduced-motion:reduce){.journey-next-card,.journey-shortcut,.journey-search{transition:none!important}}

/* Dashboard sections use the parent rhythm, not legacy landing-page margins. */
#view .journey-dashboard>.home-for-you,#view .journey-dashboard>.home-products{margin:0!important}



/* NIO Journey clarity system v51 — consistent surfaces, spacing, icons and navigation */
:root{--nio-black:#080808;--nio-panel:#101010;--nio-panel-raised:#151515;--nio-stroke:#292929;--nio-white:#f2f2f0;--nio-muted:#9b9b9b;--nio-orange:#d87939;--nio-nav-h:76px}
html,body,#app{background:#080808!important;color:#f2f2f0!important}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.topbar{min-height:60px!important;height:60px!important;padding-inline:18px!important;background:rgba(8,8,8,.96)!important;border-bottom:1px solid #222!important}
.topbar .brand-lockup{width:56px!important;max-height:33px!important}
.topbar .home-menu-action{width:40px!important;height:40px!important;border-radius:13px!important;background:#111!important;border:1px solid #303030!important}
#view{width:min(100%,720px)!important;max-width:720px!important;min-height:calc(100dvh - 60px)!important;margin:0 auto!important;padding:22px 18px calc(118px + env(safe-area-inset-bottom,0px))!important}
#view .safe-bottom{height:1px!important}
#view .hero{padding:0 1px 18px!important;margin:0 0 22px!important;border-bottom:1px solid #222!important}
#view .hero .eyebrow,#view .eyebrow{color:#969696!important;font-size:9px!important;font-weight:700!important;letter-spacing:.15em!important;line-height:1.4!important}
#view .hero h1{margin:8px 0!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(29px,7vw,34px)!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:500!important;color:#f2f2f0!important}
#view .hero p{max-width:560px!important;margin:0!important;font-size:13px!important;line-height:1.55!important;color:#a6a6a6!important}
#view .section-head{margin:18px 1px 10px!important;gap:10px!important}
#view .section-head h2,#view .journey-section-head h2{font-size:17px!important;line-height:1.25!important;letter-spacing:-.02em!important;font-weight:650!important}
#view .card,#view .entry-card,#view .finder-card,#view .library-intro,#view .library-access-note,#view .community-card,#view .program-card,#view .profile,#view .menu{background:#101010!important;border:1px solid #292929!important;border-radius:16px!important;box-shadow:none!important}
#view .cta,#view button.cta,#view .primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:10px 14px!important;border:1px solid #f2f2f0!important;border-radius:12px!important;background:#f2f2f0!important;color:#090909!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important}
#view .secondary{min-height:40px!important;padding:9px 12px!important;border:1px solid #333!important;border-radius:12px!important;background:#111!important;color:#ededeb!important;font-size:12px!important;box-shadow:none!important}
#view .search,#view .journal-search{display:flex!important;align-items:center!important;gap:10px!important;min-height:48px!important;height:auto!important;margin:0!important;padding:9px 12px!important;border:1px solid #2b2b2b!important;border-radius:14px!important;background:#101010!important;color:#e9e9e7!important}
#view .search input,#view .journal-search input{min-width:0!important;width:100%!important;background:transparent!important;color:#f2f2f0!important;font-size:12px!important}
#view .search input::placeholder,#view .journal-search input::placeholder{color:#777!important}
#view .search .filter,#view .journal-search .filter{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;padding:0!important;border:0!important;background:transparent!important;color:#a8a8a8!important}
#view .pills{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;padding:2px 0 8px!important;margin:0 0 12px!important;scrollbar-width:none!important}
#view .pills::-webkit-scrollbar{display:none!important}
#view .pills .pill{flex:0 0 auto!important;min-height:33px!important;height:33px!important;padding:0 12px!important;border:1px solid #303030!important;border-radius:999px!important;background:#111!important;color:#aaa!important;font-size:10px!important;font-weight:550!important}
#view .pills .pill.active{background:#f2f2f0!important;border-color:#f2f2f0!important;color:#090909!important;font-weight:700!important}
#view .content-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#view .content-row>*{min-width:0!important}
#view .image-card{min-height:145px!important;border-radius:15px!important;overflow:hidden!important}
#view .image-copy strong{font-size:12px!important;line-height:1.3!important}
#view .image-copy small{font-size:10px!important;line-height:1.4!important}
#view .library-intro{margin:0 0 12px!important;padding:15px!important}
#view .library-intro h2{margin:6px 0!important;font-size:16px!important;line-height:1.3!important}
#view .library-intro p{margin:0!important;color:#a5a5a5!important;font-size:12px!important;line-height:1.55!important}
#view .library-access-note{display:flex!important;align-items:flex-start!important;gap:11px!important;margin-top:16px!important;padding:13px!important;background:#0e0e0e!important}
#view .library-access-note>span{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;border:1px solid #303030!important;border-radius:11px!important;background:#191919!important;color:#b9b9b9!important}
#view .library-access-note p{margin:0!important;color:#a5a5a5!important;font-size:11px!important;line-height:1.5!important}
#view .library-access-note strong{color:#ededeb!important}
#view .program-list{display:grid!important;gap:10px!important}
#view .program-card,#view .community-card{padding:16px!important}
#view .program-card h2,#view .community-card h2{margin:8px 0!important;font-size:17px!important;line-height:1.3!important}
#view .program-card p,#view .community-card p{margin:0 0 14px!important;color:#a5a5a5!important;font-size:12px!important;line-height:1.55!important}
#view .program-card .symbol,#view .community-card .symbol{display:grid!important;place-items:center!important;width:39px!important;height:39px!important;margin-bottom:12px!important;border:1px solid #303030!important;border-radius:12px!important;background:#191919!important;color:#e1e1df!important}
#view .shop-card{padding:11px!important}
#view .shop-card>img{display:block!important;width:100%!important;aspect-ratio:1/1!important;object-fit:contain!important;border-radius:12px!important;background:#fafafa!important;margin-bottom:10px!important}
#view .shop-card b{display:block!important;font-size:12px!important;line-height:1.35!important}
#view .shop-card small{display:block!important;color:#a4a4a4!important;font-size:10px!important;line-height:1.45!important;margin-top:4px!important}
#view .shop-link{display:inline-flex!important;align-items:center!important;gap:5px!important;margin-top:11px!important;color:#e4e4e2!important;font-size:11px!important;font-weight:650!important}
#view .profile{padding:16px!important}
#view .profile-top{gap:12px!important}
#view .profile-avatar{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#f2f2f0!important;color:#080808!important;font-size:17px!important}
#view .menu{overflow:hidden!important;margin-top:12px!important;padding:0!important}
#view .menu-item{display:flex!important;align-items:center!important;gap:12px!important;min-height:54px!important;padding:11px 14px!important;border-bottom:1px solid #252525!important;background:transparent!important;color:#e8e8e6!important;text-align:left!important}
#view .menu-item:last-child{border-bottom:0!important}
#view .menu-icon{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;border:1px solid #303030!important;border-radius:11px!important;background:#191919!important;color:#dededc!important}
#view .menu-arrow{margin-left:auto!important;color:#888!important}
#view .timeline{display:grid!important;gap:14px!important;padding:0!important}
#view .timeline:before,#view .timeline .entry:before{display:none!important}
#view .timeline .entry{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;margin:0!important;padding:0!important}
#view .entry-date{margin:0!important;color:#898989!important;font-size:10px!important;letter-spacing:.02em!important;text-transform:none!important}
#view .entry-card{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:start!important;gap:11px!important;min-height:0!important;padding:12px!important;text-align:left!important;background:#101010!important;border:1px solid #292929!important;border-radius:15px!important}
#view .entry-mark{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-height:36px!important;margin:0!important;border:1px solid #303030!important;border-radius:11px!important;background:#1a1a1a!important;color:#e1e1df!important;font-size:0!important}
#view .entry-mark .nio-icon{width:18px!important;height:18px!important}
#view .entry-copy{min-width:0!important;padding:0!important}
#view .entry-topline{display:flex!important;align-items:start!important;gap:8px!important}
#view .entry-topline strong{font-size:12px!important;line-height:1.35!important;color:#f0f0ee!important}
#view .entry-topline>span{margin-left:auto!important;color:#888!important;font-size:0!important}
#view .entry-topline>span .nio-icon{width:15px!important;height:15px!important}
#view .entry-copy small{display:block!important;margin-top:5px!important;color:#9a9a9a!important;font-size:10px!important}
#view .entry-description{display:block!important;margin-top:7px!important;color:#aaa!important;font-size:11px!important;line-height:1.5!important;overflow-wrap:anywhere!important}
#view .result,#view .finder-stage{min-width:0!important;padding:16px!important;border:1px solid #292929!important;border-radius:17px!important;background:#101010!important;box-shadow:none!important}
#view .finder-progress{display:flex!important;gap:5px!important;margin:0 0 17px!important}
#view .finder-progress i{display:block!important;height:4px!important;flex:1 1 0!important;border-radius:99px!important;background:#2b2b2b!important}
#view .finder-progress i.is-complete{background:#f2f2f0!important}
#view .finder-choices{display:grid!important;gap:9px!important;margin:0!important}
#view .finder-option.card{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important;min-height:64px!important;margin:0!important;padding:12px!important;border:1px solid #2b2b2b!important;border-radius:14px!important;background:#111!important;color:#ededeb!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important}
#view .finder-option:active{background:#1b1b1b!important}
#view .finder-option-number{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border:1px solid #2c2c2c!important;border-radius:10px!important;background:#191919!important;color:#9d9d9d!important;font-size:10px!important;font-weight:650!important}
#view .finder-option-copy{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-direction:column!important;gap:4px!important}
#view .finder-option-copy b{font-size:13px!important;line-height:1.3!important;color:#f1f1ef!important}
#view .finder-option-copy small{font-size:11px!important;line-height:1.45!important;color:#999!important}
#view .finder-option-arrow{color:#888!important;font-size:17px!important}
#view .finder-note{margin:15px 0!important;padding-left:10px!important;border-left:2px solid #303030!important;color:#858585!important;font-size:10px!important;line-height:1.5!important}
#view .finder-back{margin-top:0!important}
#view .finder-rank-row.card{margin:0 0 9px!important;padding:12px!important;border:1px solid #292929!important;border-radius:13px!important;background:#0d0d0d!important;box-shadow:none!important}
#view .actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:15px!important}
#view .actions>*{flex:1 1 auto!important}
#view .explore-modules{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:14px 0 20px!important}
#view .explore-modules>button{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:12px!important;border:1px solid #292929!important;border-radius:14px!important;background:#101010!important;color:#eee!important;text-align:left!important}
#view .explore-modules .module-icon{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;border:1px solid #303030!important;border-radius:10px!important;background:#191919!important;color:#e3e3e1!important}
#view .explore-modules .module-icon .nio-icon{width:18px!important;height:18px!important}
#view .explore-modules>button>span:nth-child(2){display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:3px!important}
#view .explore-modules b{font-size:12px!important;line-height:1.25!important}
#view .explore-modules small{font-size:10px!important;line-height:1.35!important;color:#999!important}
#view .explore-modules .module-arrow{color:#888!important}
#view .nio-icon{display:inline-block!important;flex:0 0 auto!important;width:20px;height:20px;vertical-align:middle!important;overflow:visible!important;stroke-width:1.75}
#view .journey-dashboard{display:flex!important;flex-direction:column!important;gap:25px!important;min-width:0!important}
#view .journey-greeting{display:block!important;padding:2px 1px 0!important;margin:0!important;border:0!important}
#view .journey-greeting h1{margin:8px 0 7px!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(30px,7.2vw,35px)!important;line-height:1.06!important;letter-spacing:-.04em!important;font-weight:500!important;color:#f3f3f1!important}
#view .journey-greeting p{max-width:480px!important;font-size:12px!important;line-height:1.55!important;color:#a5a5a5!important}
#view .journey-search{display:flex!important;align-items:center!important;gap:11px!important;min-height:59px!important;margin:0!important;padding:10px 12px!important;border:1px solid #292929!important;border-radius:15px!important;background:#101010!important;color:#f2f2f0!important}
#view .journey-search:active{background:#181818!important}
#view .journey-search-mark{display:grid!important;place-items:center!important;flex:0 0 37px!important;width:37px!important;height:37px!important;border:1px solid #303030!important;border-radius:11px!important;background:#1a1a1a!important;color:#eee!important}
#view .journey-search-mark .nio-icon{width:19px!important;height:19px!important}
#view .journey-search-copy{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:4px!important}
#view .journey-search-copy strong{font-size:12px!important;font-weight:650!important;line-height:1.3!important}
#view .journey-search-copy small{font-size:10px!important;line-height:1.35!important;color:#929292!important}
#view .journey-search-key{display:grid!important;place-items:center!important;flex:0 0 22px!important;color:#898989!important;font-size:0!important}
#view .journey-search-key .nio-icon{width:18px!important;height:18px!important}
#view .journey-next,#view .journey-shortcuts,#view .journey-activity{margin:0!important;min-width:0!important}
#view .journey-section-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:10px!important;margin:0 1px 11px!important}
#view .journey-section-head>div{min-width:0!important}
#view .journey-section-head h2{margin:5px 0 0!important;font-size:17px!important;line-height:1.25!important;font-weight:650!important;letter-spacing:-.025em!important}
#view .journey-next-card{display:flex!important;align-items:center!important;gap:13px!important;width:100%!important;min-width:0!important;min-height:0!important;padding:15px!important;border:1px solid #3a312a!important;border-radius:16px!important;background:linear-gradient(145deg,#171411,#10100f)!important;color:#f2f2f0!important;text-align:left!important;box-shadow:none!important}
#view .journey-next-card:active{transform:scale(.99)!important;background:#191613!important}
#view .journey-next-icon{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border:1px solid #4a392d!important;border-radius:12px!important;background:#211a14!important;color:#e4a16b!important}
#view .journey-next-icon .nio-icon{width:22px!important;height:22px!important}
#view .journey-next-copy{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important}
#view .journey-next-copy>small{color:#c99264!important;font-size:9px!important;letter-spacing:.12em!important;font-weight:750!important;line-height:1.35!important}
#view .journey-next-copy>strong{color:#f5f5f3!important;font-size:15px!important;line-height:1.3!important;letter-spacing:-.02em!important;overflow-wrap:anywhere!important}
#view .journey-next-copy>span{color:#a6a6a6!important;font-size:11px!important;line-height:1.5!important}
#view .journey-next-copy>em{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-top:3px!important;color:#f0c39c!important;font-size:11px!important;font-style:normal!important;font-weight:650!important}
#view .journey-next-copy>em b{display:inline-flex!important;font-size:0!important;font-weight:500!important}
#view .journey-next-copy>em b .nio-icon{width:15px!important;height:15px!important}
#view .journey-flowline{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:0!important;margin:11px 0 0!important;padding:10px 4px!important;border:1px solid #262626!important;border-radius:12px!important;background:#0d0d0d!important;list-style:none!important}
#view .journey-flowline li{position:relative!important;min-width:0!important;padding:0 3px!important;color:#aaa!important;font-size:10px!important;line-height:1.3!important;text-align:center!important}
#view .journey-flowline li+li:before{content:"·"!important;position:absolute!important;left:-3px!important;color:#666!important}
#view .journey-text-link{display:inline-flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;padding:5px 0 2px 7px!important;border:0!important;background:transparent!important;color:#aaa!important;font-size:10px!important;white-space:nowrap!important}
#view .journey-text-link .nio-icon{width:13px!important;height:13px!important}
#view .journey-shortcut-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
#view .journey-shortcut{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important;min-width:0!important;min-height:102px!important;padding:12px 10px!important;border:1px solid #292929!important;border-radius:15px!important;background:#101010!important;color:#eee!important;text-align:left!important}
#view .journey-shortcut:active{transform:scale(.98)!important;background:#171717!important}
#view .journey-shortcut-icon{display:grid!important;place-items:center!important;flex:0 0 35px!important;width:35px!important;height:35px!important;border:1px solid #303030!important;border-radius:11px!important;background:#1a1a1a!important;color:#e4e4e2!important}
#view .journey-shortcut-icon .nio-icon{width:19px!important;height:19px!important}
#view .journey-shortcut strong{max-width:100%!important;font-size:11px!important;line-height:1.25!important;font-weight:650!important;overflow-wrap:anywhere!important}
#view .journey-shortcut small{margin:0!important;color:#989898!important;font-size:9px!important;line-height:1.35!important}
#view .journey-recent-entry{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-width:0!important;padding:12px!important;border:1px solid #292929!important;border-radius:14px!important;background:#101010!important;color:#eee!important;text-align:left!important}
#view .journey-recent-icon,#view .journey-empty-mark{display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;border:1px solid #303030!important;border-radius:11px!important;background:#1a1a1a!important;color:#ddd!important}
#view .journey-recent-icon .nio-icon,#view .journey-empty-mark .nio-icon{width:18px!important;height:18px!important}
#view .journey-recent-copy{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:4px!important}
#view .journey-recent-copy strong{font-size:12px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
#view .journey-recent-copy small{font-size:10px!important;color:#969696!important;line-height:1.4!important}
#view .journey-recent-arrow{display:flex!important;color:#888!important;font-size:0!important}
#view .journey-recent-arrow .nio-icon{width:16px!important;height:16px!important}
#view .journey-empty-activity{display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important;border:1px solid #292929!important;border-radius:14px!important;background:#101010!important}
#view .journey-empty-activity>span:nth-child(2){display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:4px!important}
#view .journey-empty-activity strong{color:#eee!important;font-size:11px!important;line-height:1.35!important}
#view .journey-empty-activity small{color:#999!important;font-size:10px!important;line-height:1.45!important}
#view .journey-empty-activity button{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border:1px solid #333!important;border-radius:10px!important;background:#1b1b1b!important;color:#eee!important;font-size:0!important}
#view .journey-empty-activity button .nio-icon{width:17px!important;height:17px!important}
#view .journey-dashboard .safe-bottom{height:1px!important}
#view .journal-toolbar{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 14px!important}
#view .journal-toolbar .journal-create{flex:0 0 auto!important;min-height:44px!important;white-space:nowrap!important}
#view .journal-toolbar .journal-search{flex:1 1 auto!important;min-width:0!important}
#view .journal-empty{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin:0!important;padding:20px!important;border:1px solid #292929!important;border-radius:16px!important;background:#101010!important}
#view .journal-empty .journal-empty-mark{width:42px!important;height:42px!important;flex-basis:42px!important}
#view .journal-empty .journey-eyebrow{margin-top:2px!important}
#view .journal-empty h2{margin:0!important;font-size:18px!important;line-height:1.3!important}
#view .journal-empty p{margin:0!important;color:#a5a5a5!important;font-size:12px!important;line-height:1.55!important}
#view .journal-empty .journal-create{margin-top:4px!important}
#view .journal-empty-filter{margin-top:12px!important}
#view .journal-results-head{margin-top:12px!important}
@media(max-width:390px){
 #view{padding-inline:14px!important}
 #view .journey-dashboard{gap:22px!important}
 #view .journey-shortcut-grid{gap:7px!important}
 #view .journey-shortcut{min-height:98px!important;padding:10px 8px!important}
 #view .journey-shortcut strong{font-size:10px!important}
 #view .journey-shortcut small{font-size:8.5px!important}
 #view .journey-next-card{gap:10px!important;padding:13px!important}
 #view .journey-next-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
 #view .journey-flowline li{font-size:9px!important}
 #view .journal-toolbar{align-items:stretch!important;flex-direction:column!important}
 #view .journal-toolbar .journal-create{align-self:flex-start!important}
 #view .explore-modules{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
}
nav.bottom-nav{
 position:fixed!important;z-index:80!important;left:50%!important;right:auto!important;top:auto!important;bottom:max(9px,env(safe-area-inset-bottom,0px))!important;
 transform:translateX(-50%)!important;width:min(520px,calc(100% - 24px))!important;max-width:520px!important;height:72px!important;min-height:72px!important;
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;align-items:stretch!important;gap:4px!important;
 padding:6px!important;border:1px solid #303030!important;border-radius:21px!important;background:rgba(9,9,9,.97)!important;
 box-shadow:0 12px 34px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04)!important;
 -webkit-backdrop-filter:blur(22px) saturate(130%)!important;backdrop-filter:blur(22px) saturate(130%)!important;
}
nav.bottom-nav>a[data-route]{display:flex!important;position:relative!important;flex:1 1 0!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;min-width:0!important;min-height:0!important;width:auto!important;height:100%!important;margin:0!important;padding:5px 2px!important;overflow:hidden!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;color:#9a9a9a!important;text-align:center!important;transform:none!important;box-shadow:none!important}
nav.bottom-nav>a[data-route] .nav-symbol{position:static!important;display:grid!important;place-items:center!important;flex:0 0 25px!important;width:25px!important;height:25px!important;margin:0!important;padding:0!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:inherit!important;transform:none!important;box-shadow:none!important}
nav.bottom-nav>a[data-route] .nav-symbol .nio-icon{display:block!important;width:21px!important;height:21px!important;stroke-width:1.8!important}
nav.bottom-nav>a[data-route]>span{display:block!important;margin:0!important;padding:0!important;color:inherit!important;font-size:9px!important;font-weight:600!important;line-height:1.1!important;white-space:nowrap!important}
nav.bottom-nav>a[data-route].active,nav.bottom-nav>a.nav-finder.active{background:#f2f2f0!important;border-color:#f2f2f0!important;color:#090909!important;box-shadow:none!important;transform:none!important}
nav.bottom-nav>a[data-route].active .nav-symbol,nav.bottom-nav>a.nav-finder.active .nav-symbol{width:25px!important;height:25px!important;margin:0!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#090909!important;transform:none!important;box-shadow:none!important}
nav.bottom-nav>a[data-route].active>span,nav.bottom-nav>a.nav-finder.active>span{color:#090909!important}
nav.bottom-nav>a.nav-finder{overflow:hidden!important;padding:5px 2px!important;background:transparent!important;color:#b9b9b9!important}
nav.bottom-nav>a.nav-finder .nav-symbol{width:27px!important;height:27px!important;flex-basis:27px!important;border:1px solid #51402f!important;border-radius:9px!important;background:#211911!important;color:#e3a16b!important}
nav.bottom-nav>a.nav-finder .nav-symbol .nio-icon{width:21px!important;height:21px!important}
nav.bottom-nav>a.nav-finder::before,nav.bottom-nav>a.nav-finder::after,nav.bottom-nav>a[data-route].active:not(.nav-finder)::before{display:none!important;content:none!important}
nav.bottom-nav .sidebar-utility{display:none!important}
@media(min-width:1180px){
 #view{width:min(760px,calc(100% - 270px))!important;max-width:760px!important;margin:26px auto 0 245px!important;padding-bottom:40px!important}
 nav.bottom-nav{left:18px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:196px!important;max-width:none!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:max-content!important;gap:5px!important;padding:9px!important;border-radius:20px!important}
 nav.bottom-nav>a[data-route]{flex-direction:row!important;justify-content:flex-start!important;gap:12px!important;min-height:45px!important;height:45px!important;padding:8px 11px!important;border-radius:12px!important;text-align:left!important}
 nav.bottom-nav>a[data-route] .nav-symbol{flex:0 0 25px!important;width:25px!important;height:25px!important}
 nav.bottom-nav>a[data-route]>span{font-size:11px!important}
 nav.bottom-nav .sidebar-utility{display:grid!important;gap:4px!important;margin-top:8px!important;padding-top:8px!important;border-top:1px solid #292929!important}
 nav.bottom-nav .sidebar-utility-divider{display:none!important}
 nav.bottom-nav .sidebar-utility-item{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:40px!important;padding:9px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#aaa!important;text-align:left!important}
 nav.bottom-nav .sidebar-utility-icon{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;border:1px solid #2b2b2b!important;border-radius:8px!important;background:#151515!important;color:#aaa!important}
 nav.bottom-nav .sidebar-profile{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;margin-top:8px!important;padding:9px!important;border:1px solid #292929!important;border-radius:12px!important;background:#101010!important;color:#e5e5e5!important;text-align:left!important}
 nav.bottom-nav .sidebar-profile-avatar{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:9px!important;background:#eee!important;color:#090909!important}
 nav.bottom-nav .sidebar-profile-copy{display:flex!important;min-width:0!important;flex:1!important;flex-direction:column!important;gap:3px!important}
 nav.bottom-nav .sidebar-profile-copy b{font-size:10px!important}
 nav.bottom-nav .sidebar-profile-copy small{font-size:9px!important;color:#888!important}
 nav.bottom-nav .sidebar-profile-arrow{color:#888!important}
}
@media(prefers-reduced-motion:reduce){#view .journey-next-card,#view .journey-shortcut,#view .finder-option,nav.bottom-nav>a[data-route]{transition:none!important;animation:none!important}}