/* AddictedToApps: soft white, black type, and a blue-lavender-pink aurora. */
:root{color-scheme:light;--paper:#fcfbf9;--sidebar:#ffffff;--ink:#1c1c1c;--muted:#686868;--line:#e8e7e5;--orange:#242424;--font:'Inter',Arial,sans-serif;--heading:'Inter',Arial,sans-serif;--surface:#ffffff;--tint:#f0f0f3}
body{font-optical-sizing:auto}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8d8af5;outline-offset:4px}
.sidebar{width:236px;padding:32px 22px;background:var(--sidebar)}
.brand,.footer-brand{display:block;line-height:1}.studio-logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:800;letter-spacing:-1px;line-height:1.03}.studio-logo>img{flex-shrink:0;width:38px;height:38px}.logo-second{display:block}.logo-dot{color:#7479f5}.brand-caption{margin-top:14px;font-size:8px;letter-spacing:1.45px;color:var(--muted);margin-bottom:30px}
.search-box{height:42px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.search-box input{font-size:10px;color:var(--ink)}.search-box input::placeholder{color:var(--muted)}.search-box kbd{border-color:var(--line)}
.nav-item{font-size:12px;color:var(--muted);border-radius:9px;padding:12px;gap:11px}.nav-item.active{background:#eeeef4;color:#252525;font-weight:650}.nav-item.active svg{color:#252525}.nav-item:hover{background:var(--tint)}.nav-dot{background:#8184ef}.nav-count{background:var(--tint);color:var(--ink)}.nav-label{font-size:8px;letter-spacing:1.7px;color:var(--muted)}
.little-note{background:var(--surface);border:1px solid var(--line);padding:22px 17px;border-radius:12px}.little-note:before{content:'↗';position:absolute;right:15px;top:12px;color:#8184ef;font-size:23px}.little-note p{color:var(--muted);font-size:13px}.little-note strong{color:var(--ink)}.about-link{color:var(--ink);font-size:12px}.sidebar-fineprint{color:var(--muted);font-size:8px}.mobile-search-toggle{display:none}
main{margin-left:236px;padding:42px 42px 0;max-width:1800px}.discover-stage{position:relative}.discover-stage:before{display:none}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:32px}.page-header .eyebrow{font-size:9px;color:var(--orange);letter-spacing:1.7px;font-weight:700;margin-bottom:16px}.page-header h1{font-size:clamp(35px,4vw,61px);letter-spacing:-.06em;font-weight:750;line-height:1.04;margin:0;color:var(--ink)}.page-header h1 em{font-style:normal;color:var(--orange)}.page-header p{font-size:13px;line-height:1.7;color:var(--muted);max-width:420px;margin-top:17px}.title-star{display:none}.header-actions{display:flex;align-items:center;gap:9px;padding-bottom:4px}.surprise-button{display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:9px;padding:12px 14px;font-size:11px;white-space:nowrap}.surprise-button:hover{background:#41484d;color:#fff}.mode-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--sidebar)}.mode-switch button{display:grid;place-items:center;width:30px;height:32px;background:transparent;border-radius:6px;color:var(--muted);padding:0}.mode-switch button svg{width:17px;height:17px}.mode-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #0001}
.hero,.hero.hero-aicromancer,.hero.hero-endless,.hero.hero-dungeon-runner{container-type:inline-size;isolation:isolate;height:auto;min-height:450px;background:#222c32;color:#fff5e5;border:1px solid #364047;border-radius:20px;box-shadow:0 12px 32px #202b3212;overflow:hidden}.studio-hero-pattern{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-1}.hero-connections{display:none}
.hero .hero-content{height:auto;min-height:450px;width:60%;padding:43px 38px 80px;position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start}.hero .hero-kicker{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#f2bc8f}.hero-kicker:before{background:#f59159}.hero .hero-title{font-size:clamp(32px,5.4cqw,60px);line-height:1.04;letter-spacing:-.055em;font-weight:700;color:#fff5e5;margin-top:24px;max-width:100%}.hero .hero-description{font-size:13px;line-height:1.8;letter-spacing:-.1px;color:#c5cccd;margin-top:18px;max-width:32ch}.hero .hero-app{display:grid;grid-template-columns:38px minmax(0,max-content) max-content;align-items:center;gap:10px;position:static;width:100%;max-width:none;margin-top:27px;padding-top:18px;border-color:#ffffff24;background:none}.hero .hero-app .app-icon{width:38px;height:38px;border-radius:10px;padding:0;background:#fff}.hero .hero-app .app-name{font-size:11px;color:#fff5e5;overflow-wrap:anywhere}.hero .hero-app .app-tagline{color:#bdc5c6;font-size:9px}.hero .hero-app .hero-action{display:inline-flex;align-items:center;gap:7px;margin-left:6px;background:#f58250;color:#222c32;border-radius:8px;font-size:10px;padding:11px 12px;white-space:nowrap;font-weight:700}.hero .hero-app .hero-action:hover{background:#ffb17f}.hero-action svg{width:13px;height:13px}
.hero .hero-art{top:100px;right:-65px;width:47%;bottom:0;opacity:1;z-index:1}.hero .screen-frame{height:340px;transform:rotate(-5deg);border:5px solid #3f484c;border-radius:15px;background:#3f484c;box-shadow:0 20px 50px #0005}.hero .screen-frame img{object-fit:cover;object-position:top;height:calc(100% - 25px)}.hero .window-bar{height:25px;background:#3f484c;border:0}.hero .window-bar span{color:#e0d8ca;font-size:6px}.hero .window-bar i{background:#f19b6c}.hero-aicromancer .window-bar,.hero-endless .window-bar{display:none}.hero-aicromancer .screen-frame img,.hero-endless .screen-frame img{height:100%;object-position:center}.hero-endless .screen-frame img{object-position:center 60%}.hero .orbit-app{display:grid;place-items:center;position:absolute;width:46px;height:46px;border-radius:12px;background:#fff7e8;border:1px solid #f7c39d66;box-shadow:0 8px 20px #0003;z-index:2}.orbit-app img{width:33px;height:33px;object-fit:contain}.tile-listjot{top:32px;right:34%;transform:rotate(-10deg)}.tile-aicromancer{top:22px;right:20%;transform:rotate(9deg)}.tile-endless{top:42px;right:6%;transform:rotate(-8deg)}
.hero .hero-controls{left:38px;bottom:22px;color:#c2c9c9}.hero-controls>span{color:#c2c9c9;font-size:9px}.hero-dots button{background:#758087}.hero-dots button.selected{background:#f79259}.hero-arrows button{display:grid;place-items:center;background:#ffffff0d;border:1px solid #ffffff30;color:#fff5e5;width:30px;height:30px;border-radius:50%}.hero-arrows button:hover{background:#ffffff26}.hero-arrows svg{width:16px;height:16px}.arrow-prev{transform:rotate(180deg)}
.platform-strip{display:flex;align-items:center;gap:22px;padding:23px 0 20px;border-bottom:1px solid var(--line);color:var(--ink);font-size:10px;line-height:1.6}.platform-label{font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-right:auto}.platform-strip>span{display:inline-flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;background:#428b6c;border-radius:50%}.platform-future{color:var(--muted)}.platform-future svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}
.fresh-section{padding:34px 0 30px}.section-heading{gap:18px;margin-bottom:22px}.section-heading h2{font-size:23px;line-height:1.25;letter-spacing:-.8px;font-weight:650;color:var(--ink)}.section-heading p{font-size:12px;margin-top:7px;color:var(--muted)}.collection-tag{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 30px}.quick-grid .app-row{padding:14px 0;gap:12px}.app-icon{background:var(--tint);border-radius:12px}.app-name{font-size:12px;font-weight:650;letter-spacing:-.2px;color:var(--ink)}.app-tagline{font-size:10px;color:var(--muted)}.pill-button,.view-button{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-size:10px;padding:8px 13px}.pill-button:hover,.view-button:hover{background:var(--tint);color:var(--ink)}.tiny-dot{background:#8184ef}.play-section{padding-top:30px}.text-button{font-size:11px;color:var(--orange);display:inline-flex;align-items:center;gap:7px}.inline-arrow{width:16px;height:16px;flex-shrink:0}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.feature-card{border-color:var(--line);border-radius:14px;background:var(--surface)}.feature-art{height:245px}.feature-art:after,.feature-card:nth-child(2) .feature-art:after{background:linear-gradient(180deg,#121b23ba,transparent 95%)}.feature-title,.feature-card:nth-child(2) .feature-title{font-size:clamp(20px,2.1vw,29px);font-weight:650;line-height:1.08;letter-spacing:-.8px;color:#fff6e9;left:20px;top:51px}.feature-overline,.feature-card:nth-child(2) .feature-overline{font-size:7px;letter-spacing:1.3px;color:#ffdfbe;left:20px;top:23px}.feature-bottom{padding:16px 13px;gap:9px;display:flex;align-items:center}.feature-bottom .app-icon{width:33px;height:33px}.feature-bottom .app-name{font-size:10px}.feature-caption{font-size:9px;color:var(--muted)}.feature-bottom .view-button{padding:6px 9px;font-size:9px}
.manifesto{margin-top:36px;padding:35px;background:#f5f4f0;border:1px solid #e7e5df;border-radius:14px}.manifesto .eyebrow{color:#55555d;font-size:8px;letter-spacing:1.6px}.manifesto h2{font-size:32px;font-weight:650;letter-spacing:-1.3px;line-height:1.12;color:#1c1c1c}.manifesto p{font-size:12px;line-height:1.8;color:#686868}.primary-button{background:#1c1c1c;color:#ffffff;border-radius:8px}.primary-button:hover{background:#383838}.secondary-button{background:var(--tint);color:var(--ink);border:1px solid var(--line);border-radius:8px}.secondary-button:hover{background:var(--line)}.manifesto .secondary-button{margin-left:auto;font-size:11px;border-color:#dfded9;background:#ffffff;color:#1c1c1c}
.page-footer{padding:30px 0;gap:22px;color:var(--muted);font-size:9px}.footer-brand .studio-logo{font-size:12px;gap:7px;letter-spacing:-.4px}.footer-brand .studio-logo>img{width:27px;height:27px}.page-footer button{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.result-card{background:var(--surface);border-color:var(--line)}.result-card p{color:var(--muted)}.empty-state{border-color:var(--line);color:var(--muted)}.empty-state h3{color:var(--ink)}.detail-tag{background:var(--tint);color:var(--muted)}.detail-meta,.detail-body p,.detail-features li{color:var(--muted)}.detail-features li:before{color:var(--orange)}.detail-meta h2{color:var(--ink)}.dialog-close{background:var(--tint);color:var(--ink)}.dialog-close:hover{background:var(--line)}.about-dialog>p:not(.eyebrow){color:var(--muted)}.about-dialog .eyebrow{color:var(--orange)}.about-brand-mark{width:60px;height:60px;display:block;margin-bottom:24px}.about-footnote{background:var(--tint);color:var(--muted)}.toast{background:var(--ink);color:var(--paper)}
:root[data-theme=dark]{color-scheme:dark;--paper:#19191e;--sidebar:#1f1f25;--ink:#f4f3f7;--muted:#b3b1bd;--line:#3d3b46;--surface:#27262e;--tint:#33313b;--orange:#c1baff}.nav-item.active:where([data-theme=dark] *){background:#353140;color:#ece6ff}[data-theme=dark] .nav-item.active svg{color:#d4cbff}[data-theme=dark] .search-box svg{color:var(--muted)}[data-theme=dark] .manifesto{background:#29272f;border-color:#403c49}[data-theme=dark] .manifesto h2{color:var(--ink)}[data-theme=dark] .manifesto p{color:var(--muted)}[data-theme=dark] .manifesto .eyebrow{color:#c1baff}[data-theme=dark] .hero{border-color:#46414f}[data-theme=dark] .feature-card{background:var(--surface)}
@media(min-width:1550px){main{padding:48px 58px 0}.hero,.hero .hero-content{min-height:480px}.hero .hero-art{top:100px}.hero .screen-frame{height:400px}.hero .hero-content{padding-left:45px}.hero .hero-controls{left:45px}.feature-art{height:290px}.feature-bottom .app-name{font-size:12px}.feature-bottom .app-icon{width:40px;height:40px}}
@media(max-width:1250px){main{padding:32px 27px 0}.page-header{align-items:flex-start}.header-actions{flex-direction:column;align-items:flex-end}.hero .hero-content{width:62%;padding-left:30px}.hero .hero-art{right:-100px;width:51%}.hero .hero-controls{left:30px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid .feature-card:last-child{grid-column:1/-1}.feature-grid .feature-card:last-child .feature-art{height:280px}.feature-title{font-size:27px}.platform-strip{flex-wrap:wrap;gap:8px 20px}.platform-label{width:100%}}
@media(max-width:1000px) and (min-width:701px){.sidebar{width:206px;padding:28px 17px}main{margin-left:206px}.hero .hero-content{width:100%}.hero .hero-art{opacity:.12;width:65%;right:-100px}.hero .hero-title{max-width:75%}.hero .orbit-app{opacity:.3}.quick-grid{grid-template-columns:1fr}.platform-strip{font-size:9px}.manifesto .secondary-button{margin-left:0}}
@media(max-width:700px){.sidebar{position:relative;width:100%;padding:18px 20px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 15px}.brand{align-self:center}.studio-logo{font-size:18px;display:flex;line-height:1;letter-spacing:-.8px}.studio-logo>img{width:35px;height:35px}.logo-second{display:inline}.brand-caption,.sidebar-bottom,.category-nav{display:none}.mobile-search-toggle{display:grid;place-items:center;grid-column:2;grid-row:1;width:42px;height:42px;background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--ink)}.mobile-search-toggle svg{width:20px;height:20px}.sidebar .search-box{display:none;grid-column:1/-1;grid-row:2;width:100%;height:44px;margin-top:14px}.sidebar.search-open .search-box{display:flex}.sidebar .search-box input{font-size:16px}.sidebar .search-box kbd{display:none}.primary-nav{grid-column:1/-1;gap:5px;margin-top:16px;padding-bottom:12px}.sidebar.search-open .primary-nav{grid-row:3}.nav-item{padding:10px 12px;gap:6px;font-size:11px}main{margin-left:0;padding:28px 20px 0}.page-header{flex-wrap:wrap;gap:19px;margin-bottom:23px}.page-header .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:13px}.page-header h1{font-size:clamp(34px,8.3vw,51px)}.page-header p{font-size:12px;max-width:32ch;margin-top:13px}.header-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:0}.surprise-button{font-size:11px;padding:10px 13px}.surprise-button .small-arrow{display:block}.mode-switch button{height:29px;width:29px}.hero,.hero.hero-aicromancer,.hero.hero-endless,.hero.hero-dungeon-runner,.hero .hero-content{min-height:440px}.hero .hero-content{width:100%;padding:29px 25px 82px}.hero .hero-title{font-size:clamp(32px,8.1cqw,44px);max-width:100%;margin-top:22px}.hero .hero-description{max-width:31ch;font-size:12px;color:#d0d5d3}.hero .hero-app{grid-template-columns:35px minmax(0,max-content) max-content;gap:8px;margin-top:24px}.hero .hero-app .app-icon{width:35px;height:35px}.hero .hero-app .app-name{font-size:10px}.hero .hero-app .hero-action{font-size:9px;padding:10px;margin-left:0}.hero .hero-art{top:120px;right:-120px;opacity:.07;width:75%;z-index:0}.hero .hero-controls{left:25px;bottom:22px}.hero .orbit-app{display:none}.platform-strip{padding:21px 0;gap:9px;font-size:9px}.platform-strip>span{width:100%;font-size:10px}.platform-strip .platform-label{font-size:7px;letter-spacing:1.4px}.fresh-section{padding-top:28px}.section-heading h2{font-size:21px}.section-heading p{font-size:11px}.quick-grid{grid-template-columns:1fr;gap:0}.quick-grid .app-row{border-color:var(--line)}.quick-grid .app-name{font-size:12px}.quick-grid .app-tagline{font-size:10px}.feature-grid{gap:16px}.feature-title,.feature-card:nth-child(2) .feature-title{font-size:25px}.feature-bottom .app-name{font-size:11px}.feature-bottom .app-icon{width:35px;height:35px}.manifesto{padding:29px 25px;gap:22px}.manifesto h2{font-size:30px}.manifesto p{font-size:12px}.manifesto .secondary-button{margin-left:0}.page-footer{flex-wrap:wrap}.footer-brand .logo-second{display:inline}.page-footer>span{font-size:9px;order:3;width:100%}.text-button{font-size:10px}.toast{left:50%}}
@media(max-width:440px){.sidebar{padding:16px 16px 0}main{padding:26px 16px 0}.studio-logo{font-size:17px}.studio-logo>img{width:32px;height:32px}.feature-grid{grid-template-columns:1fr}.feature-grid .feature-card:last-child{grid-column:auto}.feature-art,.feature-grid .feature-card:last-child .feature-art{height:265px}.feature-title,.feature-card:nth-child(2) .feature-title{font-size:29px;left:23px}.feature-overline,.feature-card:nth-child(2) .feature-overline{left:23px;font-size:8px}.feature-bottom{padding:17px}.feature-bottom .app-name{font-size:12px}.feature-bottom .app-icon{width:40px;height:40px}.feature-bottom .view-button{font-size:10px;padding:7px 12px}.hero .hero-app .app-tagline{font-size:8px}.section-heading .text-button{font-size:10px}.page-header .eyebrow{font-size:7px}.section-heading h2{font-size:19px}.hero .hero-content{padding-left:22px;padding-right:22px}.hero .hero-controls{left:22px}.result-card .app-row{padding:14px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:700px){.primary-nav{gap:4px;overflow:visible}.primary-nav .nav-item{flex:1;justify-content:center;padding:10px 7px;font-size:10px}.primary-nav .nav-count{margin-left:0}.primary-nav .nav-item svg{width:14px;height:14px}.hero .hero-app{grid-template-columns:35px minmax(0,1fr) max-content}}