:root{--notic-primary:#faff69;--notic-primary-focus:#e6eb52;--notic-primary-disabled:#3a3a1f;--notic-ink:#ffffff;--notic-body:#cccccc;--notic-body-strong:#e6e6e6;--notic-muted:#888888;--notic-muted-soft:#5a5a5a;--notic-hairline:#2a2a2a;--notic-canvas:#0a0a0a;--notic-parchment:#121212;--notic-pearl:#1a1a1a;--notic-tile-dark:#242424;--notic-black:#0a0a0a;--notic-on-primary:#0a0a0a;--notic-success:#22c55e;--notic-warning:#f59e0b;--notic-error:#ef4444;--notic-accent-blue:#3b82f6;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--nav-width:244px;--player-width:356px;--rail-card-size:154px}*{box-sizing:border-box}html{color-scheme:dark}body,html{min-height:100%;background:var(--notic-canvas)}body{margin:0;color:var(--notic-ink);font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button{border:0}input,select,textarea{color:var(--notic-ink)}textarea{resize:vertical}::selection{color:var(--notic-on-primary);background:var(--notic-primary)}.landing-page{min-height:100vh;background:linear-gradient(180deg,rgb(250 255 105/4%),transparent 32%),var(--notic-canvas)}.landing-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgb(255 255 255/6%);background:rgb(10 10 10/82%);padding:0 32px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-brand{display:inline-flex;align-items:center;gap:12px;color:var(--notic-ink);font-size:22px;font-weight:900;text-decoration:none}.landing-brand img{width:38px;height:38px;border-radius:var(--radius-md)}.landing-nav-actions{display:flex;align-items:center;gap:16px}.landing-nav-actions a{color:var(--notic-body);font-size:14px;font-weight:800;text-decoration:none}.landing-nav-actions a:hover{color:var(--notic-primary)}.landing-hero{position:relative;display:grid;min-height:calc(100svh - 148px);align-items:center;overflow:hidden;border-bottom:1px solid var(--notic-hairline);padding:56px 32px}.landing-hero:after{position:absolute;inset:auto 0 0;height:220px;pointer-events:none;background:linear-gradient(180deg,transparent,var(--notic-canvas));content:""}.landing-hero-scene{position:absolute;inset:0;overflow:hidden}.landing-hero-scene:before{position:absolute;inset:0;background:linear-gradient(90deg,rgb(10 10 10/92%),rgb(10 10 10/66%) 42%,rgb(10 10 10/18%)),linear-gradient(180deg,rgb(250 255 105/16%),transparent 44%);content:""}.landing-wave-grid{position:absolute;right:4%;bottom:10%;left:44%;display:flex;height:230px;align-items:flex-end;gap:8px;opacity:.42}.landing-wave-grid span{width:7px;border-radius:999px;background:linear-gradient(180deg,var(--notic-primary),var(--notic-accent-blue))}.landing-device{position:absolute;right:9%;top:50%;display:grid;width:356px;min-height:510px;transform:translateY(-50%) rotate(-3deg);align-content:space-between;border:1px solid rgb(255 255 255/10%);border-radius:28px;background:rgb(18 18 18/92%);padding:22px;box-shadow:0 40px 90px rgb(0 0 0/48%)}.landing-device-header{display:flex;align-items:center;gap:12px}.landing-device-header img{width:48px;height:48px;border-radius:var(--radius-md)}.landing-device-header span,.landing-device-header strong{display:block}.landing-device-header strong{font-size:18px}.landing-device-header span{margin-top:3px;color:var(--notic-muted);font-size:13px;font-weight:700}.landing-lyric-lines{display:grid;grid-gap:18px;gap:18px}.landing-lyric-lines p{margin:0;color:rgb(250 255 105/42%);font-size:28px;font-weight:900;line-height:1.08}.landing-lyric-lines .is-active{color:var(--notic-primary)}.landing-player-strip{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:14px;gap:14px}.landing-player-strip span{height:5px;border-radius:999px;background:var(--notic-hairline)}.landing-player-strip span:first-child{background:var(--notic-primary)}.landing-player-strip button{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;color:var(--notic-on-primary);background:var(--notic-primary)}.landing-hero-content{position:relative;z-index:2;display:grid;max-width:760px;grid-gap:20px;gap:20px}.landing-eyebrow{margin:0;color:var(--notic-primary);font-size:13px;font-weight:900;text-transform:uppercase}.landing-hero-content h1{margin:0;max-width:720px;color:var(--notic-ink);font-size:72px;font-weight:900;line-height:.96}.landing-hero-content p{margin:0;max-width:620px;color:var(--notic-body);font-size:20px;line-height:1.45}.landing-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.app-store-badge{display:inline-flex;width:180px;height:54px;align-items:center;justify-content:center;border-radius:var(--radius-md);text-decoration:none}.app-store-badge img{display:block;width:180px;height:54px}.landing-web-cta{min-height:54px;padding:0 22px;font-size:15px}.landing-hero-content .landing-cta-note{color:var(--notic-muted);font-size:14px;font-weight:700}.landing-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;max-width:1180px;margin:0 auto;border-right:1px solid var(--notic-hairline);border-left:1px solid var(--notic-hairline);background:var(--notic-hairline)}.landing-proof-item{display:grid;min-height:104px;grid-gap:8px;gap:8px;align-content:center;background:var(--notic-canvas);padding:18px}.landing-proof-item span{color:var(--notic-muted);font-size:12px;font-weight:900;text-transform:uppercase}.landing-proof-item strong{color:var(--notic-ink);font-size:18px;line-height:1.15}.landing-feature-grid,.landing-final-cta,.landing-section{width:min(100% - 48px,1180px);margin:0 auto}.landing-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);grid-gap:44px;gap:44px;align-items:start;padding:86px 0}.landing-final-cta h2,.landing-section-title{margin:0;color:var(--notic-ink);font-size:44px;font-weight:900;line-height:1.02}.landing-section>p{margin:0;color:var(--notic-body);font-size:20px;line-height:1.5}.landing-memory-points{display:grid;grid-gap:12px;gap:12px}.landing-memory-points>p{margin:0 0 4px;color:var(--notic-body);font-size:20px;line-height:1.5}.landing-memory-points article{display:grid;grid-gap:5px;gap:5px;border:1px solid var(--notic-hairline);border-radius:var(--radius-md);background:var(--notic-pearl);padding:16px}.landing-memory-points strong{color:var(--notic-ink);font-size:17px;line-height:1.2}.landing-memory-points span{color:var(--notic-muted);font-size:15px;line-height:1.45}.landing-memory-points a{justify-self:start;color:var(--notic-primary);font-size:14px;font-weight:800;text-decoration:none}.landing-memory-points a:hover{text-decoration:underline}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.landing-feature{display:grid;min-height:248px;align-content:start;grid-gap:16px;gap:16px;border:1px solid var(--notic-hairline);border-radius:var(--radius-md);background:var(--notic-pearl);padding:22px}.landing-feature svg{color:var(--notic-primary)}.landing-feature h3{margin:0;color:var(--notic-ink);font-size:24px;font-weight:900}.landing-feature p{margin:0;color:var(--notic-muted);font-size:16px;line-height:1.45}.landing-use-cases{display:flex;flex-wrap:wrap;gap:10px}.landing-use-cases span{display:inline-flex;min-height:40px;align-items:center;gap:8px;border:1px solid var(--notic-hairline);border-radius:999px;color:var(--notic-body-strong);background:var(--notic-pearl);padding:0 14px;font-size:14px;font-weight:800}.landing-use-cases svg{color:var(--notic-primary)}.landing-final-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--notic-hairline);padding:86px 0 96px}.landing-final-cta h2{max-width:620px}.app-shell{display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr) var(--player-width);min-height:100vh;background:var(--notic-canvas)}.sidebar{position:-webkit-sticky;position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:24px;border-right:1px solid var(--notic-hairline);background:var(--notic-black);padding:24px 14px}.brand-lockup{display:flex;align-items:center;gap:12px;padding:4px 10px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:var(--radius-md);color:var(--notic-on-primary);background:var(--notic-primary)}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:22px;font-weight:800;line-height:1}.brand-caption{color:var(--notic-muted);font-size:12px;font-weight:600}.nav-stack{display:grid;grid-gap:6px;gap:6px}.nav-button{display:flex;width:100%;min-height:44px;cursor:pointer;align-items:center;gap:12px;border-radius:var(--radius-md);color:var(--notic-muted);background:transparent;padding:0 12px;text-align:left;transition:background .16s ease,color .16s ease}.nav-button.is-active,.nav-button:hover{color:var(--notic-ink);background:var(--notic-pearl)}.nav-button.is-active .nav-icon{color:var(--notic-primary)}.nav-label{font-size:15px;font-weight:700}.sidebar-footer{margin-top:auto;display:grid;grid-gap:10px;gap:10px;padding:10px;color:var(--notic-muted);font-size:13px}.main-stage{min-width:0;padding:28px 28px 120px}.page{display:grid;grid-gap:26px;gap:26px;max-width:1120px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow{margin:0 0 6px;color:var(--notic-muted);font-size:13px;font-weight:800;line-height:1.2}.auth-title,.page-title{font-size:clamp(38px,7vw,64px);line-height:1.02}.auth-title,.page-title,.view-title{margin:0;color:var(--notic-ink);font-weight:800}.view-title{font-size:28px;line-height:1.12}.section-title{margin:0;font-size:24px;font-weight:800;line-height:1.1}.copy{margin:8px 0 0;max-width:680px;color:var(--notic-muted);font-size:17px;line-height:1.45}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spacer{flex:1 1}.chip,.icon-button,.primary-button,.secondary-button,.tab-button{cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.chip:active,.icon-button:active,.primary-button:active,.secondary-button:active,.tab-button:active{transform:translateY(1px)}.primary-button,.secondary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);padding:0 18px;font-size:14px;font-weight:800;text-decoration:none}.primary-button{color:var(--notic-on-primary);background:var(--notic-primary)}.primary-button:hover{background:var(--notic-primary-focus)}.secondary-button{color:var(--notic-ink);background:var(--notic-pearl);box-shadow:inset 0 0 0 1px var(--notic-hairline)}.secondary-button:hover{background:var(--notic-tile-dark)}.icon-button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.icon-button{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:var(--radius-md);color:var(--notic-ink);background:var(--notic-pearl)}.icon-button:hover{background:var(--notic-tile-dark)}.icon-button.plain{background:transparent}.icon-button.primary{color:var(--notic-on-primary);background:var(--notic-primary)}.transport .icon-button.plain.primary{color:var(--notic-primary);background:transparent}.transport .icon-button.plain.primary:hover{background:color-mix(in srgb,var(--notic-primary),transparent 90%)}.panel{border:1px solid var(--notic-hairline);border-radius:var(--radius-lg);background:var(--notic-pearl)}.panel-pad{padding:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.metric{min-height:86px;border-radius:var(--radius-md);background:var(--notic-parchment);padding:14px}.metric-label{color:var(--notic-muted);font-size:12px;font-weight:700}.metric-value{margin-top:10px;font-size:28px;font-weight:800}.rail{display:grid;grid-gap:14px;gap:14px;content-visibility:auto;contain-intrinsic-size:280px}.rail-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.horizontal-scroll{display:grid;grid-auto-columns:var(--rail-card-size);grid-auto-flow:column;grid-gap:12px;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:8px;scrollbar-width:none}.horizontal-scroll::-webkit-scrollbar{display:none}.track-card{display:grid;width:var(--rail-card-size);height:218px;min-width:0;max-width:var(--rail-card-size);cursor:pointer;grid-gap:9px;gap:9px;align-content:start;border-radius:var(--radius-md);color:var(--notic-ink);background:transparent;padding:0;text-align:left}.track-card>span{min-width:0}.artwork{position:relative;display:grid;width:100%;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:var(--radius-md);background:var(--notic-tile-dark)}.track-card .artwork{height:var(--rail-card-size);min-height:var(--rail-card-size)}.list-row.is-processing,.track-card.is-processing{opacity:.48}.list-row.is-processing .artwork,.track-card.is-processing .artwork{filter:grayscale(1)}.artwork.small{width:46px;height:46px;aspect-ratio:auto;border-radius:var(--radius-sm)}.artwork.hero-art{width:min(280px,100%);max-width:280px}.artwork.cover-art-preview{width:132px;min-width:132px}.artwork svg{color:var(--notic-primary);fill:none;flex:none;stroke:currentColor}.artwork img{width:100%;height:100%;object-fit:cover}.track-name{display:-webkit-box;min-height:36px;overflow:hidden;margin:0;color:var(--notic-ink);font-size:15px;font-weight:800;line-height:1.2;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.muted,.track-meta{overflow-wrap:anywhere;color:var(--notic-muted);font-size:13px;line-height:1.35}.list{display:grid;grid-gap:8px;gap:8px}.list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;width:100%;border-radius:var(--radius-md);color:var(--notic-ink);background:var(--notic-pearl);padding:10px;text-align:left}.list-row.clickable{cursor:pointer}.list-row:hover{background:var(--notic-tile-dark)}.plain-row-button{min-width:0;border-radius:var(--radius-md);color:inherit;background:transparent;padding:0;text-align:left}.list-title{margin:0;font-size:15px;font-weight:800}.list-subtitle,.list-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-subtitle{margin:3px 0 0;color:var(--notic-muted);font-size:13px}.field,.select,.textarea{width:100%;border:1px solid transparent;border-radius:var(--radius-md);outline:0;background:var(--notic-parchment);padding:14px}.field:focus,.select:focus,.textarea:focus{border-color:color-mix(in srgb,var(--notic-primary),transparent 35%)}.textarea{min-height:150px;line-height:1.45}.form-grid{grid-gap:14px}.form-grid,.two-col{display:grid;gap:14px}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:14px}.chip-row,.segmented{display:flex;flex-wrap:wrap;gap:8px}.chip,.tab-button{min-height:38px;border-radius:999px;color:var(--notic-ink);background:var(--notic-pearl);padding:0 14px;font-size:13px;font-weight:800}.chip.is-active,.tab-button.is-active{color:var(--notic-on-primary);background:var(--notic-primary)}.range-row{display:grid;grid-gap:8px;gap:8px;border-radius:var(--radius-md);background:var(--notic-parchment);padding:14px}.range-row input{accent-color:var(--notic-primary)}.range-hints{color:var(--notic-muted);font-size:12px;font-weight:800}.range-hints,.toggle-row{display:flex;justify-content:space-between}.toggle-row{align-items:center;gap:16px;border-radius:var(--radius-md);background:var(--notic-parchment);padding:14px}.toggle-row input{width:18px;height:18px;accent-color:var(--notic-primary)}.cover-art-builder{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:16px;align-items:start;background:var(--notic-parchment);padding:14px}.color-row,.cover-art-builder{gap:16px;border-radius:var(--radius-md)}.color-row{display:flex;min-height:48px;align-items:center;justify-content:space-between;background:var(--notic-pearl);padding:10px 12px}.color-row input{width:44px;height:32px;border:0;background:transparent;padding:0}.gradient-controls{display:grid;grid-gap:10px;gap:10px}.range-row.compact{background:var(--notic-pearl);padding:12px}.file-drop{display:flex;min-height:118px;cursor:pointer;align-items:center;gap:14px;border:1px dashed var(--notic-muted-soft);border-radius:var(--radius-md);background:var(--notic-parchment);padding:18px}.file-drop.compact{min-height:72px;background:var(--notic-pearl)}.file-drop:hover{border-color:var(--notic-primary)}.message{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:var(--radius-md);background:var(--notic-pearl);padding:12px;color:var(--notic-body-strong);font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px var(--notic-hairline)}.message.error{color:var(--notic-error);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--notic-error),transparent 50%)}.message-dismiss{display:inline-grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:transparent;color:currentColor;cursor:pointer}.message-dismiss:hover{background:rgb(255 255 255/8%)}.empty-state{display:grid;min-height:220px;place-items:center;border:1px solid var(--notic-hairline);border-radius:var(--radius-lg);background:var(--notic-pearl);padding:28px;text-align:center}.empty-state h3{margin:0;font-size:22px}.empty-state p{margin:8px auto 0;max-width:420px;color:var(--notic-muted);line-height:1.45}.player-pane{position:-webkit-sticky;position:sticky;top:0;height:100vh;min-width:0;border-left:1px solid var(--notic-hairline);background:var(--notic-black);padding:22px}.player-card{display:grid;grid-gap:22px;gap:22px;height:100%;align-content:start}.lyrics-surface{display:grid;min-height:282px;align-content:center;grid-gap:16px;gap:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--notic-primary),transparent 82%);border-radius:var(--radius-md);background:var(--notic-pearl);padding:24px}.lyric-line{margin:0;color:color-mix(in srgb,var(--notic-primary),transparent 58%);font-size:22px;font-weight:800;line-height:1.15;transition:color .18s ease,font-size .18s ease,opacity .18s ease}.lyric-line.is-active{color:var(--notic-primary);font-size:30px}.lyrics-empty{display:grid;grid-gap:12px;gap:12px;color:var(--notic-primary);font-size:22px;font-weight:800}.player-title{margin:0;font-size:28px;font-weight:800;line-height:1.12}.progress{display:grid;grid-gap:8px;gap:8px}.progress input{width:100%;accent-color:var(--notic-primary)}.time-row{display:flex;justify-content:space-between;color:var(--notic-muted);font-size:12px;font-weight:800}.transport{display:flex;align-items:center;justify-content:center;gap:12px}.play-button{display:grid;width:72px;height:72px;cursor:pointer;place-items:center;border-radius:50%;color:var(--notic-on-primary);background:var(--notic-primary)}.secondary-transport{display:flex;justify-content:center;gap:18px}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--notic-canvas)}.auth-card{display:grid;width:min(100%,980px);grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid var(--notic-hairline);border-radius:var(--radius-lg);background:var(--notic-pearl)}.auth-copy{align-content:space-between;min-height:560px;background:var(--notic-black)}.auth-copy,.auth-form{display:grid;padding:36px}.auth-form{align-content:center;grid-gap:14px;gap:14px}.mini-player{right:14px;bottom:14px;left:calc(var(--nav-width) + 14px);z-index:30;align-items:center;gap:10px;border:1px solid var(--notic-hairline);border-radius:var(--radius-md);background:var(--notic-pearl);padding:8px}.mini-player,.mobile-nav{position:fixed;display:none}.mobile-nav{right:0;bottom:0;left:0;z-index:40;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--notic-hairline);background:color-mix(in srgb,var(--notic-black),transparent 6%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav button{display:grid;min-height:64px;place-items:center;grid-gap:3px;gap:3px;color:var(--notic-muted);background:transparent;font-size:11px;font-weight:800}.mobile-nav button.is-active{color:var(--notic-primary)}.detail-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.playlist-header-copy{min-width:0;align-items:flex-start}.detail-copy{color:var(--notic-ink);white-space:pre-wrap}.detail-copy.is-collapsed{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:8}.text-button{margin-top:12px;color:var(--notic-primary);background:transparent;font-size:14px;font-weight:800}.auth-back-button{justify-self:start;margin-top:0;padding:0}.app-shell-skeleton{min-height:100vh}.skeleton-page{pointer-events:none}.skeleton-nav{display:grid;grid-gap:8px;gap:8px;padding:10px}.skeleton-nav-row{display:flex;min-height:44px;align-items:center;gap:12px;border-radius:var(--radius-md);padding:0 12px}.skeleton-art,.skeleton-icon,.skeleton-line,.skeleton-play{display:block;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,var(--notic-pearl) 0,var(--notic-tile-dark) 42%,var(--notic-pearl) 84%);background-size:220% 100%;animation:skeleton-shimmer 1.35s ease-in-out infinite}.skeleton-line{width:min(100%,260px);height:14px}.skeleton-line.short{width:46%}.skeleton-line.tiny{width:42px}.skeleton-title{width:min(100%,240px);height:34px;border-radius:var(--radius-sm)}.skeleton-copy{width:min(100%,360px);height:16px;margin-top:12px}.skeleton-section-title{width:190px;height:24px;border-radius:var(--radius-sm)}.skeleton-icon{width:22px;height:22px;flex:0 0 auto}.skeleton-icon.large{width:46px;height:46px;border-radius:var(--radius-sm)}.skeleton-art{width:var(--rail-card-size);height:var(--rail-card-size);border-radius:var(--radius-md)}.skeleton-play{width:72px;height:72px;border-radius:50%}.skeleton-metric{display:grid;align-content:space-between}.skeleton-metric strong{width:58px;height:28px;border-radius:var(--radius-sm)}.skeleton-list-row,.skeleton-track-card{cursor:default}.skeleton-list-row>span:nth-child(2){display:grid;min-width:0;grid-gap:8px;gap:8px}.skeleton-player .lyrics-surface{align-content:center;gap:18px}.skeleton-player .lyrics-surface .skeleton-line{width:100%;height:28px;background:linear-gradient(90deg,color-mix(in srgb,var(--notic-primary),transparent 84%) 0,color-mix(in srgb,var(--notic-primary),transparent 68%) 42%,color-mix(in srgb,var(--notic-primary),transparent 84%) 84%);background-size:220% 100%}.icon-export-page{min-height:100vh;background:var(--notic-canvas);padding:48px}.icon-export-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:32px;gap:32px;align-items:center;max-width:1120px;margin:0 auto 32px}.icon-export-card,.icon-preview-stage,.icon-size-card{border:1px solid var(--notic-hairline);border-radius:var(--radius-lg);background:var(--notic-pearl)}.icon-preview-stage{display:grid;width:320px;min-height:320px;place-items:center}.icon-export-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);grid-gap:20px;gap:20px;max-width:1120px;margin:0 auto}.icon-export-section{display:grid;grid-gap:18px;gap:18px;max-width:1120px;margin:32px auto 0}.icon-export-card{display:grid;grid-gap:18px;gap:18px;align-content:start;padding:20px}.icon-large-preview{display:grid;min-height:380px;place-items:center;border-radius:var(--radius-md);background:var(--notic-black)}.icon-button-row{display:flex;flex-wrap:wrap;gap:10px}.icon-button-row.compact .secondary-button{min-height:34px;padding:0 12px}.icon-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-size-card,.icon-size-grid{display:grid;grid-gap:14px;gap:14px}.icon-size-card{padding:16px}.icon-size-preview{display:grid;min-height:190px;place-items:center;border-radius:var(--radius-md);background:var(--notic-black)}.icon-size-card h2{margin:0;color:var(--notic-ink);font-size:18px;line-height:1.1}.icon-size-card p{margin:4px 0 0;color:var(--notic-muted);font-size:13px;font-weight:700}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgb(0 0 0/72%);padding:18px}.dialog{width:min(100%,520px);border:1px solid var(--notic-hairline);border-radius:var(--radius-lg);background:var(--notic-pearl);padding:20px}.hidden-input{display:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width:1180px){.landing-device{right:-36px;opacity:.62}.landing-wave-grid{left:36%}.landing-hero-content h1{font-size:60px}.landing-final-cta h2,.landing-section-title{font-size:38px}.app-shell{grid-template-columns:var(--nav-width) minmax(0,1fr)}.player-pane{display:none}.mini-player{display:flex}}@media (max-width:820px){.landing-nav{min-height:66px;padding:0 18px}.landing-nav-actions{gap:10px}.landing-nav-actions a{display:none}.landing-nav-actions .secondary-button{min-height:40px;padding:0 14px}.landing-hero{min-height:calc(100svh - 112px);padding:44px 20px}.landing-hero-scene:before{background:linear-gradient(90deg,rgb(10 10 10/94%),rgb(10 10 10/78%) 58%,rgb(10 10 10/44%)),linear-gradient(180deg,rgb(250 255 105/12%),transparent 40%)}.landing-device{right:-168px;min-height:460px;opacity:.34}.landing-wave-grid{right:-20%;left:22%;opacity:.28}.landing-hero-content{gap:18px}.landing-hero-content h1{font-size:44px;line-height:1}.landing-hero-content p{font-size:17px}.landing-cta-row{display:grid;width:100%;max-width:360px;align-items:start}.landing-web-cta{width:100%}.landing-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-feature-grid,.landing-final-cta,.landing-proof,.landing-section{width:calc(100% - 36px)}.landing-section{grid-template-columns:1fr;gap:18px;padding:56px 0}.landing-final-cta h2,.landing-section-title{font-size:32px}.landing-memory-points>p,.landing-section>p{font-size:17px}.landing-feature-grid{grid-template-columns:1fr}.landing-feature{min-height:auto}.landing-final-cta{display:grid;padding:58px 0 68px}.app-shell{display:block}.icon-export-page{padding:24px}.icon-export-hero,.icon-export-layout{grid-template-columns:1fr}.icon-preview-stage{width:100%}.icon-size-grid{grid-template-columns:1fr}.sidebar{display:none}.main-stage{padding:18px 18px 160px}.auth-card,.cover-art-builder,.detail-layout,.page-header,.two-col{grid-template-columns:1fr}.page-header{display:grid}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-copy{min-height:360px}.auth-copy,.auth-form{padding:24px}.mini-player{right:10px;bottom:74px;left:10px}.mobile-nav{display:grid}}