:root{color:#171717;background:#f7f7f5;color-scheme:light;--page-bg: #f7f7f5;--sidebar-bg: rgba(250, 250, 248, .96);--surface: #ffffff;--surface-muted: #f0f0ed;--surface-hover: #efefec;--surface-active: #eeeeeb;--text: #171717;--text-secondary: #6d6d68;--text-tertiary: #969690;--border: #e1e1dd;--border-strong: #cecec8;--button-inverse: #171717;--button-inverse-text: #ffffff;--backdrop: rgba(18, 18, 16, .42);--shadow: 0 20px 65px rgba(21, 21, 18, .16);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}[data-theme=dark]{color:#f1f1ee;background:#111110;color-scheme:dark;--page-bg: #111110;--sidebar-bg: rgba(20, 20, 19, .96);--surface: #1b1b1a;--surface-muted: #222220;--surface-hover: #282826;--surface-active: #30302d;--text: #f1f1ee;--text-secondary: #aaa9a2;--text-tertiary: #7f7f79;--border: #343431;--border-strong: #494943;--button-inverse: #f2f2ef;--button-inverse-text: #171717;--backdrop: rgba(0, 0, 0, .68);--shadow: 0 24px 74px rgba(0, 0, 0, .48)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .18s ease,color .18s ease}body.modal-open{overflow:hidden}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:220px;flex-direction:column;padding:24px 18px 18px;border-right:1px solid var(--border);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;font-size:15px;font-weight:720;letter-spacing:-.025em}.brand img{width:25px;height:25px;flex:0 0 auto;border-radius:7px;object-fit:cover}.primary-nav{display:grid;gap:2px;margin-top:26px}.category-nav{display:grid;gap:2px;margin-top:24px}.sidebar-section-label{padding:0 12px 8px;color:var(--text-tertiary);font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.secondary-nav{display:grid;gap:2px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.nav-item{position:relative;display:flex;min-height:36px;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:0 12px 0 40px;border:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;text-align:left;transition:color .15s ease,background .15s ease}.nav-item>svg{position:absolute;left:12px}.nav-item:hover,.nav-item.is-active{background:var(--surface-hover);color:var(--text)}.nav-item.is-active{border-color:color-mix(in srgb,var(--border) 76%,transparent);background:var(--surface);box-shadow:0 1px 2px #1414120a;font-weight:640}.nav-item.is-active:after{position:absolute;top:50%;right:8px;width:4px;height:4px;border-radius:50%;background:var(--text);content:"";transform:translateY(-50%);animation:nav-dot-roll-down .36s cubic-bezier(.2,.8,.2,1) both}@keyframes nav-dot-roll-down{0%{top:8px;opacity:0;transform:translateY(-12px) rotate(-140deg) scale(.65)}62%{opacity:1}to{top:50%;opacity:1;transform:translateY(-50%) rotate(0) scale(1)}}.count{min-width:20px;padding:2px 6px;border-radius:999px;background:var(--surface-active);color:var(--text-secondary);font-size:10px;text-align:center}.sidebar-footer{display:grid;gap:14px;margin-top:auto}.weekly-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left;width:100%;font-size:12px;line-height:1.3;transition:transform .16s ease,border-color .16s ease}.category-nav .nav-item.is-locked{color:var(--text-tertiary)}.category-nav .nav-item.is-locked:after{content:"Plus";font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.weekly-link:hover{transform:translateY(-1px);border-color:var(--border-strong)}.weekly-link small{display:block;margin-top:3px;color:var(--text-tertiary);font-size:10px}.profile-row{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px}.profile-row button{display:grid;width:30px;height:30px;margin-left:auto;place-items:center;border:0;border-radius:7px;background:transparent;cursor:pointer}.profile-row button:hover{background:var(--surface-hover)}.profile-row>img{width:23px;height:23px;border-radius:50%;object-fit:cover}.content{min-height:100vh;margin-left:220px;padding:28px clamp(24px,2.35vw,38px) 72px}.content--vibe{height:100vh;padding-bottom:28px;overflow:hidden}.vibe-chat{display:grid;grid-template-columns:232px minmax(0,1fr);height:calc(100vh - 104px);max-width:1180px;margin:24px auto 0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 18px 50px #18181409}.conversation-history{display:flex;min-width:0;flex-direction:column;padding:18px 12px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface-muted) 48%,var(--surface))}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 12px}.history-heading>span{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:10px;font-weight:630}.history-heading button{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-secondary)}.history-heading button:hover{border-color:var(--border-strong);color:var(--text)}.history-list{display:grid;gap:3px;min-height:0;overflow-y:auto}.history-list button{display:grid;gap:5px;min-width:0;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);text-align:left}.history-list button:hover,.history-list button.is-active{background:var(--surface-active);color:var(--text)}.history-list button.is-active{box-shadow:inset 2px 0 0 var(--text)}.history-list button>span{overflow:hidden;font-size:10px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.history-list button small{color:var(--text-tertiary);font-size:9px}.conversation-panel{position:relative;display:grid;min-width:0;grid-template-rows:minmax(0,1fr) auto auto;background:var(--surface)}.conversation-scroll{min-height:0;overflow-y:auto;scroll-behavior:smooth}.message-list{display:grid;gap:30px;width:min(680px,calc(100% - 64px));margin:0 auto;padding:48px 0 40px}.message{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px}.message--user{width:min(560px,86%);margin-left:auto}.message-author{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:var(--surface-muted);color:var(--text-secondary);font-size:9px;font-weight:720}.message-author img{width:23px;height:23px;border-radius:6px}.message-body{min-width:0}.message-body>p{margin:0;color:var(--text);font-size:12px;line-height:1.8}.message--user .message-body{padding:11px 14px;border-radius:12px;background:var(--surface-muted)}.message--user .message-body>p{line-height:1.65}.conversation-empty{display:grid;width:min(420px,calc(100% - 48px));min-height:100%;margin:0 auto;place-content:center;justify-items:center;text-align:center}.conversation-empty img{width:42px;height:42px;margin-bottom:16px;border-radius:11px}.conversation-empty h2{margin:0;font-size:17px;letter-spacing:-.025em}.conversation-empty p{margin:9px 0 0;color:var(--text-tertiary);font-size:11px;line-height:1.6}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:end;gap:8px;width:min(680px,calc(100% - 64px));min-height:50px;margin:0 auto;padding:9px 9px 9px 15px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);box-shadow:0 10px 32px #1818140f}.chat-composer textarea{width:100%;min-height:30px;max-height:120px;resize:none;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:12px;line-height:1.5}.chat-composer textarea::placeholder{color:var(--text-tertiary)}.chat-composer button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:8px;background:var(--button-inverse);color:var(--button-inverse-text)}.chat-composer button:disabled{opacity:.28}.composer-note{margin:8px auto 12px;color:var(--text-tertiary);font-size:8px;text-align:center}.thinking-dots{display:flex;align-items:center;gap:4px;min-height:30px}.thinking-dots span{width:5px;height:5px;border-radius:50%;background:var(--text-tertiary);animation:thinking .9s ease-in-out infinite alternate}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes thinking{to{opacity:.25;transform:translateY(-2px)}}.content--vibe{padding:24px 24px 18px}.content--vibe .page-header{max-width:none;padding:0 4px}.vibe-chat{grid-template-columns:268px minmax(0,1fr);height:calc(100vh - 91px);max-width:none;margin:20px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}.conversation-history{padding:14px 12px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-muted) 70%,var(--surface))}.new-chat-button{display:flex;min-height:52px;width:100%;align-items:center;gap:11px;padding:0 17px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer;font-size:13px;font-weight:650;box-shadow:0 7px 20px #1616120d}.new-chat-button:hover{border-color:var(--text-tertiary);transform:translateY(-1px)}.history-list{display:block;margin-top:28px;padding:0 4px 18px}.history-group+.history-group{margin-top:27px}.history-group h2{margin:0 10px 8px;color:var(--text-tertiary);font-size:10px;font-weight:650;letter-spacing:.02em}.history-list .history-group button{display:flex;min-height:38px;width:100%;align-items:center;padding:0 11px;border-radius:9px}.history-list .history-group button.is-active{background:var(--surface);box-shadow:0 1px 3px #1414120f}.history-list .history-group button.is-active:before{width:4px;height:4px;margin-right:9px;border-radius:50%;background:var(--text);content:""}.conversation-panel{margin-left:16px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,var(--page-bg))}.conversation-empty{width:min(520px,calc(100% - 48px));transform:translateY(8%)}.conversation-empty img{width:58px;height:58px;margin-bottom:22px;border-radius:17px;box-shadow:0 14px 35px #338beb29}.conversation-empty h2{font-size:clamp(23px,2.2vw,34px);font-weight:620;letter-spacing:-.045em}.conversation-empty p{max-width:430px;margin-top:12px;font-size:12px}.message-list{width:min(760px,calc(100% - 64px));padding-top:64px}.chat-composer{grid-template-columns:minmax(0,1fr) 38px;width:min(780px,calc(100% - 64px));min-height:86px;padding:16px 14px 13px 19px;border-radius:22px;box-shadow:0 14px 45px #18181417}.chat-composer textarea{min-height:51px;max-height:160px;font-size:13px}.chat-composer button{width:38px;height:38px;border-radius:50%}.composer-note{margin:9px auto 14px;font-size:9px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:0 auto}.heading-group h1{margin:0;font-size:22px;font-weight:670;letter-spacing:-.035em;line-height:1}.heading-group{display:flex;align-items:center;gap:20px}.heading-group p{margin:0;color:var(--text-tertiary);font-size:12px}.header-actions{display:flex;align-items:center;gap:8px}.header-button,.login-button{display:grid;height:36px;place-items:center;border-radius:7px;cursor:pointer}.header-button{width:36px;border:0;background:transparent}.login-button{padding:0 6px 0 14px;border:0;background:transparent;color:var(--text);font-size:12px;font-weight:620}.search-field{display:flex;height:36px;align-items:center;gap:7px;width:min(230px,24vw);padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.search-field input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1440px;margin:26px auto 18px;padding:12px 0;background:color-mix(in srgb,var(--page-bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.filter-list{display:flex;flex-wrap:wrap;gap:7px}.filter{display:inline-flex;flex:0 0 auto;height:31px;align-items:center;padding:0 13px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:11px;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.filter:hover{border-color:var(--border-strong);color:var(--text)}.filter.is-active{border-color:var(--border-strong);background:var(--surface-active);color:var(--text);font-weight:620}.select-menu{position:relative;flex:0 0 auto}.select-trigger{display:grid;grid-template-columns:13px minmax(0,1fr) 13px;min-width:108px;height:34px;align-items:center;justify-content:stretch;gap:7px;padding:0 10px;border:1px solid var(--border);border-radius:9px;outline:0;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:570;box-shadow:0 1px #00000005;transition:border-color .15s ease,color .15s ease,background .15s ease}.select-trigger>span{grid-column:2;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.select-trigger>svg{grid-column:3;justify-self:end}.select-trigger:hover,.select-trigger[aria-expanded=true]{border-color:var(--border-strong);color:var(--text);background:var(--surface-hover)}.select-menu--compact .select-trigger{display:grid;grid-template-columns:1fr;min-width:36px;width:36px;height:36px;place-items:center;padding:0;border-radius:9px;color:var(--text);font-size:10px;font-weight:720;letter-spacing:.02em}.select-menu--compact .select-trigger>span{grid-column:1}.select-popover{position:absolute;top:calc(100% + 7px);right:0;z-index:40;display:grid;min-width:164px;gap:2px;padding:6px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-height:min(420px,62vh);overflow-y:auto;overscroll-behavior:contain}.select-popover button{display:flex;width:100%;min-height:34px;align-items:center;justify-content:space-between;gap:20px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:11px;text-align:left}.select-popover button:hover,.select-popover button.is-selected{background:var(--surface-hover);color:var(--text)}.masonry{max-width:1440px;margin:0 auto;columns:4 220px;column-gap:12px}.inspiration-library,.icon-library{max-width:1440px;margin:0 auto}.icon-library-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;color:var(--text-tertiary);font-size:11px}.icon-library-header strong{color:var(--text);font-size:13px;font-weight:670}.icon-library-progress{color:var(--text-tertiary)}.icon-library-header a{display:inline-flex;align-items:center;gap:5px;transition:color .15s ease}.icon-library-header a:hover{color:var(--text)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:clamp(22px,2.15vw,32px)}.app-icon-card{position:relative;display:block;min-width:0;padding:0;border:0;outline:0;background:transparent;color:inherit;cursor:pointer;font:inherit;transition:transform .18s ease,filter .18s ease}.app-icon-card:hover{z-index:1;transform:scale(1.035);filter:drop-shadow(0 12px 16px rgba(21,21,18,.12))}[data-theme=dark] .app-icon-card:hover{filter:drop-shadow(0 14px 18px rgba(0,0,0,.42))}.app-icon-card img{display:block;width:100%;aspect-ratio:1;border-radius:22.5%;background:var(--surface-muted);object-fit:cover}.infinite-scroll-sentinel{display:flex;width:100%;min-height:72px;align-items:center;justify-content:center;color:var(--text-tertiary)}.masonry-item{display:inline-block;width:100%;margin:0 0 12px;break-inside:avoid}.masonry-item>#newsletter{margin-top:12px}.feed-card{overflow:hidden;border:1px solid var(--border);border-radius:7px;background:var(--surface);box-shadow:0 1px #00000005;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feed-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 10px 30px #1515120f}.media-frame{position:relative;overflow:hidden;background:var(--surface-muted)}.media-open{display:block;width:100%;padding:0;border:0;color:inherit;cursor:zoom-in;text-align:left}.feed-card--square .media-frame{aspect-ratio:1 / 1}.feed-card--landscape .media-frame{aspect-ratio:1.3 / 1}.feed-card--tall .media-frame{aspect-ratio:.86 / 1}.media-frame video{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001)}.video-progress{position:absolute;right:12px;bottom:10px;left:12px;height:2px;overflow:hidden;border-radius:99px;background:#ffffff73}.video-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#fff}.video-progress span.is-playing{animation:preview-progress 5.6s linear infinite}.play-state{position:absolute;top:10px;right:10px;display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#0f0f0d7a;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.expand-state{position:absolute;right:9px;bottom:17px;display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#0f0f0d7a;color:#fff;opacity:0;transform:translateY(3px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .15s ease,transform .15s ease}.feed-card:hover .expand-state,.media-open:focus-visible .expand-state{opacity:1;transform:translateY(0)}@keyframes preview-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.card-meta{padding:10px 11px 12px}.meta-line{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-tertiary);font-size:9px;line-height:1.25}.meta-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:6px}.feed-card h2{margin:0;font-size:12px;font-weight:640;letter-spacing:-.018em;line-height:1.35}.category-label{display:block;margin-top:4px;color:var(--text-tertiary);font-size:9px}.card-actions{display:flex;flex:0 0 auto;gap:5px}.icon-button{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.icon-button:hover,.icon-button.is-saved{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text)}.text-card{min-height:178px;padding:16px}.text-card h2{max-width:90%;margin-top:27px;font-size:16px;letter-spacing:-.035em;line-height:1.25}.text-card p{margin:8px 0 22px;color:var(--text-secondary);font-size:11px;line-height:1.65}.text-card--repository{background:#181818;color:#fff}.text-card--repository .meta-line,.text-card--repository p,.text-card--repository .text-card-footer{color:#a7a7a2}.text-card--repository .icon-button{border-color:#383834;background:#242422;color:#d7d7d2}.text-card-footer{display:flex;align-items:center;justify-content:space-between;color:var(--text-tertiary);font-size:10px}.newsletter-card{padding:18px 17px 17px;background:var(--surface-muted);border-color:var(--border)}.newsletter-card h2{max-width:240px;margin-top:28px;font-size:16px;letter-spacing:-.035em}.newsletter-card p{margin:8px 0 18px;color:var(--text-secondary);font-size:12px}.newsletter-card form{display:flex;height:38px;overflow:hidden;border:1px solid rgba(27,35,16,.18);border-radius:8px;background:color-mix(in srgb,var(--surface) 78%,transparent)}.newsletter-card input{min-width:0;flex:1;padding:0 12px;border:0;outline:0;background:transparent;font-size:11px}.newsletter-card form button{display:grid;width:42px;place-items:center;border:0;background:#1b1c18;color:#fff;cursor:pointer}.newsletter-card small{display:block;margin-top:9px;color:var(--text-tertiary);font-size:9px}.newsletter-open-button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:16px;padding:11px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--button-inverse);color:var(--button-inverse-text);cursor:pointer;font-size:11px;font-weight:650}.empty-state{display:grid;min-height:320px;place-items:center;padding:48px;border:1px dashed var(--border);border-radius:12px;color:var(--text-tertiary);text-align:center}.empty-state p{margin:12px 0 0;font-size:13px}.empty-state button{margin-top:12px;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:12px;text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:var(--backdrop);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:modal-fade .18s ease both}.media-backdrop{z-index:110;padding:clamp(14px,3vw,38px);background:#080807b8}.media-modal{position:relative;width:min(960px,92vw);max-height:90vh;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 72%,#fff 28%);border-radius:15px;background:var(--surface);box-shadow:0 30px 90px #0000006b;animation:modal-enter .22s cubic-bezier(.2,.85,.25,1) both}.media-modal video{display:block;width:100%;max-height:calc(90vh - 78px);background:#0a0a0a;object-fit:contain}.media-modal-close{top:12px;right:12px;border-color:#ffffff59;background:#1212109e;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-modal-close:hover{background:#121210d1;color:#fff}.media-modal-meta{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:20px;padding:13px 16px 14px}.media-modal-meta span{color:var(--text-tertiary);font-size:9px}.media-modal-meta h2{margin:4px 0 0;font-size:15px;font-weight:650;letter-spacing:-.02em}.media-modal-meta a{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:10px;transition:border-color .15s ease,color .15s ease}.media-modal-meta a:hover{border-color:var(--border-strong);color:var(--text)}.icon-detail-backdrop{z-index:115;padding:clamp(14px,3vw,38px)}.icon-detail-modal{position:relative;display:grid;width:min(920px,94vw);max-height:90vh;grid-template-columns:minmax(280px,.92fr) minmax(360px,1.08fr);overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 30px 90px #00000052;animation:modal-enter .22s cubic-bezier(.2,.85,.25,1) both}.icon-detail-visual{display:grid;min-height:480px;align-content:center;justify-items:center;gap:18px;padding:clamp(36px,5vw,64px);border-right:1px solid var(--border);background:var(--surface-muted)}.icon-detail-visual img{display:block;width:min(100%,320px);aspect-ratio:1;border-radius:22.5%;object-fit:cover;box-shadow:0 22px 48px #1c1d1a29}.icon-detail-visual small{color:var(--text-tertiary);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.icon-detail-content{min-width:0;padding:clamp(34px,5vw,56px);overflow-y:auto}.icon-detail-heading>p{margin:0 0 10px;color:var(--text-tertiary);font-size:9px;font-weight:700;letter-spacing:.12em}.icon-detail-heading h2{margin:0;font-size:clamp(25px,3vw,37px);font-weight:630;letter-spacing:-.05em;line-height:1.08}.icon-detail-list{margin:34px 0 0}.icon-detail-list>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;padding:13px 0;border-bottom:1px solid var(--border)}.icon-detail-list dt,.icon-detail-list dd{margin:0;font-size:11px}.icon-detail-list dt{color:var(--text-tertiary)}.icon-detail-list dd{color:var(--text)}.icon-detail-list a,.icon-detail-links a{display:inline-flex;align-items:center;gap:6px}.icon-detail-list a:hover,.icon-detail-links a:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.icon-detail-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.icon-detail-links a{min-height:35px;padding:0 10px;border:1px solid var(--border);border-radius:9px;color:var(--text-secondary);font-size:10px}.icon-detail-loading{display:flex;min-height:370px;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary);font-size:11px}.login-modal{position:relative;width:min(100%,430px);overflow:hidden;padding:27px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);animation:modal-enter .22s cubic-bezier(.2,.85,.25,1) both}.modal-close{position:absolute;top:17px;right:17px;z-index:2;display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);cursor:pointer}.modal-close:hover{background:var(--surface-hover);color:var(--text)}.modal-brand{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:720;letter-spacing:-.025em}.modal-brand img{width:27px;height:27px;border-radius:8px;object-fit:cover}.modal-heading{margin-top:42px}.eyebrow{margin:0 0 9px;color:var(--text-tertiary);font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.modal-heading h2{margin:0;font-size:27px;font-weight:670;letter-spacing:-.045em;line-height:1.1}.modal-heading>p:last-child{max-width:330px;margin:11px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.65}.provider-list{display:grid;gap:9px;margin-top:27px}.provider-button{display:grid;grid-template-columns:24px 1fr 18px;min-height:48px;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);cursor:pointer;font-size:12px;font-weight:620;text-align:left;transition:transform .15s ease,border-color .15s ease,background .15s ease}.provider-button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-strong);background:var(--surface-hover)}.provider-button--dark{border-color:var(--button-inverse);background:var(--button-inverse);color:var(--button-inverse-text)}.provider-button--dark:hover:not(:disabled){background:color-mix(in srgb,var(--button-inverse) 88%,transparent)}.provider-button:disabled{cursor:wait;opacity:.72}.provider-button>svg:last-child{justify-self:end}.google-provider-logo{width:20px;height:20px;object-fit:contain}.account-menu{position:relative}.account-trigger{display:flex;height:36px;align-items:center;gap:7px;max-width:180px;padding:0 8px;border:0;border-radius:9px;background:transparent;cursor:pointer;font-size:11px;font-weight:620}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:var(--surface-hover)}.account-trigger img{width:24px;height:24px;border-radius:50%;object-fit:cover}.account-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:250px;padding:8px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.account-identity{display:flex;align-items:center;gap:11px;padding:9px 8px 13px;border-bottom:1px solid var(--border)}.account-identity>img{width:36px;height:36px;border-radius:50%;object-fit:cover}.account-identity>span{display:grid;min-width:0;gap:3px}.account-identity strong,.account-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity strong{font-size:12px}.account-identity small{color:var(--text-tertiary);font-size:9px}.account-popover>button{display:flex;min-height:37px;width:100%;align-items:center;gap:9px;margin-top:6px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:11px}.account-popover>button:hover{background:var(--surface-hover);color:var(--text)}.skills-directory,.components-directory,.app-store-directory,.rankings-directory,.pricing-page{max-width:1220px;margin:48px auto 0}.components-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;margin-top:30px}.codepen-component-card{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.codepen-component-card iframe{display:block;width:100%;aspect-ratio:16 / 10;border:0;border-bottom:1px solid var(--border);background:#fff}.codepen-component-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px 0}.codepen-component-copy>span{display:grid;min-width:0;gap:3px}.codepen-component-copy strong,.codepen-component-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codepen-component-copy strong{font-size:13px;font-weight:650}.codepen-component-copy small,.codepen-component-card>p{color:var(--text-tertiary);font-size:10px}.codepen-component-copy a{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:9px;color:var(--text-secondary)}.codepen-component-card>p{min-height:44px;margin:0;padding:7px 16px 15px;line-height:1.5}.skills-section-heading{display:flex;align-items:baseline;gap:12px;padding-bottom:22px}.skills-section+.skills-section{margin-top:56px}.skills-section-heading h2{margin:0;font-size:19px;font-weight:660;letter-spacing:-.03em}.skills-section-heading span{color:var(--text-tertiary);font-size:13px}.skills-table{border-top:1px solid var(--border)}.skill-row{display:grid;grid-template-columns:minmax(270px,1.1fr) minmax(300px,1.65fr) 94px 92px;min-height:76px;align-items:center;gap:22px;border-bottom:1px solid var(--border)}.skill-identity{display:flex;min-width:0;align-items:center;gap:13px}.skill-identity img{width:34px;height:34px;flex:0 0 auto;border-radius:50%;object-fit:cover}.skill-identity strong{overflow:hidden;font-size:14px;font-weight:610;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.skill-row>p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.45}.skill-stars,.skill-install{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;color:var(--text-secondary);font-size:12px}.skill-install{min-height:34px;padding:0;border:0;background:transparent;cursor:pointer;transition:color .15s ease}.skill-install:hover,.skill-stars:hover,.skill-identity:hover{color:var(--text)}.app-store-directory{margin-top:32px}.app-store-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.app-store-selectors{display:flex;align-items:center;gap:8px}.app-store-selectors .select-trigger{min-width:156px}.segmented-control{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.segmented-control button{min-height:32px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:11px}.segmented-control button.is-active{background:var(--surface-active);color:var(--text);font-weight:650}.app-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border)}.app-store-card{display:grid;grid-template-columns:26px 58px minmax(0,1fr) auto 18px;min-height:96px;align-items:center;gap:13px;padding:14px 16px 14px 8px;border-bottom:1px solid var(--border);transition:background .15s ease}.app-store-card:nth-child(odd){border-right:1px solid var(--border)}.app-store-card:hover{background:var(--surface-hover)}.app-rank{color:var(--text-tertiary);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.app-store-card>img{width:58px;height:58px;border-radius:13px;object-fit:cover}.app-card-copy{display:grid;min-width:0;gap:4px}.app-card-copy strong,.app-card-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-card-copy strong{font-size:13px;font-weight:650}.app-card-copy small{color:var(--text-secondary);font-size:10px}.app-card-copy>span{display:flex;min-width:0;gap:9px}.app-card-copy em{overflow:hidden;color:var(--text-tertiary);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.app-price{padding:6px 9px;border-radius:999px;background:var(--surface-active);color:var(--text-secondary);font-size:9px;font-weight:650}.app-store-card>svg{color:var(--text-tertiary)}.apple-attribution{margin:18px 0 0;color:var(--text-tertiary);font-size:9px;text-align:right}.rankings-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-top:32px}.ranking-source-card{height:500px;overflow:hidden;padding:14px;border:0;border-radius:18px;background:#39414d;box-shadow:0 10px 32px #14141214}.ranking-source-card>header{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:12px;padding:0 9px;color:#fff}.ranking-source-title{display:inline-flex;align-items:center;gap:9px}.ranking-source-title img{width:28px;height:28px;border-radius:8px;object-fit:contain;background:#fffffff0}.ranking-source-title strong{font-size:17px;letter-spacing:-.02em}.ranking-source-card header small{color:#ffffff9e;font-size:9px}.ranking-source-card ol{height:calc(100% - 62px);overflow-y:auto;margin:0;padding:8px 0;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:#0c0e12e0;list-style:none}.ranking-source-card li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;min-height:36px;align-items:center;gap:7px;padding:5px 15px}.ranking-source-card li>span{display:grid;width:23px;height:25px;place-items:center;border-radius:7px;background:#64748b;color:#fff;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.ranking-source-card li:nth-child(1)>span{background:#ef4444}.ranking-source-card li:nth-child(2)>span{background:#f97316}.ranking-source-card li:nth-child(3)>span{background:#eab308;color:#26220a}.ranking-source-card li:nth-child(4)>span{background:#22c55e}.ranking-source-card li:nth-child(5)>span{background:#14b8a6}.ranking-source-card li:nth-child(6)>span{background:#0ea5e9}.ranking-source-card li:nth-child(7)>span{background:#6366f1}.ranking-source-card li:nth-child(8)>span{background:#8b5cf6}.ranking-source-card li:nth-child(9)>span{background:#d946ef}.ranking-source-card li:nth-child(10)>span{background:#ec4899}.ranking-source-card li a{overflow:hidden;font-size:12px;font-weight:540;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;color:#ffffffeb}.ranking-source-card li a:hover{text-decoration:underline;text-underline-offset:3px}.ranking-source-card li small{max-width:72px;overflow:hidden;color:#ffffff73;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ranking-source-card--github{background:#30343b}.ranking-source-card--hacker-news{background:#8c452d}.ranking-source-card--product-hunt{background:#8e3d35}.ranking-source-card--v2ex{background:#536579}.ranking-source-card--reddit{background:#8a4934}.ranking-source-card--app-store{background:#286a9b}.pricing-page{max-width:1180px;text-align:center}.pricing-intro{max-width:620px;margin:0 auto 34px}.pricing-intro>p{margin:0 0 12px;color:var(--text-tertiary);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pricing-intro h2{margin:0;font-size:clamp(34px,4vw,54px);font-weight:610;letter-spacing:-.055em}.pricing-intro>span{display:block;margin-top:14px;color:var(--text-secondary);font-size:12px;line-height:1.65}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px}.pricing-card{display:flex;min-height:430px;flex-direction:column;padding:24px;border:1px solid var(--border);border-radius:17px;background:var(--surface);text-align:left;cursor:pointer;outline:2px solid transparent;outline-offset:2px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pricing-card:hover{transform:translateY(-2px)}.pricing-card.is-selected{border-color:#9eba39;outline-color:color-mix(in srgb,#b8d94c 48%,transparent);box-shadow:0 16px 42px #77932021}.pricing-card.is-featured{border-color:#b8d94c;background:color-mix(in srgb,#dff36f 13%,var(--surface));box-shadow:0 16px 40px #7793201a}.pricing-card-top{display:flex;min-height:26px;align-items:center;justify-content:space-between}.pricing-card-top>span{padding:5px 8px;border-radius:999px;background:#dff36f;color:#20240f;font-size:9px;font-weight:720}.pricing-card-top .plan-selected{margin-left:auto;color:#8da72f}.pricing-card-top>span+.plan-selected{margin-left:8px}.pricing-card .plan-quota{color:var(--text);font-weight:650}.pricing-card h3{margin:27px 0 10px;font-size:14px}.plan-price{display:flex;align-items:baseline;gap:6px}.plan-price strong{font-size:38px;font-weight:620;letter-spacing:-.055em}.plan-price small,.plan-note{color:var(--text-tertiary);font-size:10px}.plan-note{min-height:18px;margin:8px 0 0}.pricing-card ul{display:grid;gap:12px;margin:28px 0;padding:0;list-style:none}.pricing-card li{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:11px}.pricing-card>button{display:flex;min-height:44px;width:100%;align-items:center;justify-content:center;gap:9px;margin-top:auto;border:1px solid var(--border-strong);border-radius:10px;background:var(--button-inverse);color:var(--button-inverse-text);cursor:pointer;font-size:11px;font-weight:680}.pricing-card>button:disabled{cursor:wait;opacity:.65}.checkout-error{margin:18px auto 0;color:#b84242;font-size:11px}.pricing-footnote{display:block;margin-top:18px;color:var(--text-tertiary);font-size:9px}.spinner{animation:spin .7s linear infinite}.login-benefits{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:21px;color:var(--text-secondary);font-size:10px}.login-benefits span{display:inline-flex;align-items:center;gap:5px}.login-benefits svg{color:var(--text)}.legal-copy{position:relative;z-index:1;max-width:330px;margin:22px 0 0;color:var(--text-tertiary);font-size:9px;line-height:1.6}[data-theme=dark] .text-card--repository{border-color:#343431;background:#0d0d0d}[data-theme=dark] .newsletter-card form{border-color:#41413d}[data-theme=dark] .newsletter-card form button{background:#efefeb;color:#171717}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px) scale(.985)}}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--text);outline-offset:2px}@media(max-width:980px){.content{padding-right:26px;padding-left:26px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.masonry{columns:3 210px}.vibe-chat{grid-template-columns:210px minmax(0,1fr)}.skill-row{grid-template-columns:minmax(230px,1fr) minmax(250px,1.25fr) 76px 84px;gap:14px}.rankings-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px)and (min-width:701px){.masonry{columns:2 240px}}@media(max-width:700px){.sidebar{position:sticky;top:0;right:0;width:100%;height:auto;padding:15px 16px 12px;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:14px}.primary-nav{display:flex;gap:4px;margin-top:14px;overflow-x:auto;scrollbar-width:none}.category-nav{display:flex;gap:4px;margin-top:6px;overflow-x:auto;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.sidebar-section-label{display:none}.primary-nav::-webkit-scrollbar{display:none}.nav-item{min-height:32px;width:auto;flex:0 0 auto;padding:0 11px}.nav-item>svg{display:none}.nav-item.is-active:after{display:none}.icon-detail-modal{width:min(100%,520px);max-height:92vh;grid-template-columns:1fr;overflow-y:auto}.icon-detail-visual{min-height:auto;padding:42px 72px 28px;border-right:0;border-bottom:1px solid var(--border)}.icon-detail-visual img{width:min(100%,230px)}.icon-detail-content{overflow:visible;padding:28px 24px 34px}.icon-detail-loading{min-height:160px}.secondary-nav{display:flex;gap:4px;margin-top:6px;padding-top:0;overflow-x:auto;border-top:0;scrollbar-width:none}.secondary-nav::-webkit-scrollbar{display:none}.sidebar-footer{display:none}.content{margin-left:0;padding:26px 14px 56px}.content--vibe{height:calc(100vh - 150px);min-height:640px;padding-bottom:14px;overflow:hidden}.content--vibe .page-header{padding:0 2px}.vibe-chat{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:calc(100% - 72px);margin-top:18px}.conversation-panel{margin-left:0;border-radius:14px}.new-chat-button{min-height:42px}.conversation-history{padding:10px;border-right:0;border-bottom:1px solid var(--border)}.history-heading{padding-bottom:8px}.history-list{display:flex;overflow-x:auto;overflow-y:hidden}.history-list button{width:180px;flex:0 0 auto}.history-list button.is-active{box-shadow:inset 0 -2px 0 var(--text)}.message-list,.chat-composer{width:calc(100% - 24px)}.message-list{gap:22px;padding:26px 0}.message--user{width:94%}.composer-note{padding:0 10px}.chat-composer{min-height:68px;border-radius:17px}.chat-composer textarea{min-height:38px}.page-header{align-items:center}.heading-group h1{font-size:34px}.heading-group p{display:none}.search-field{position:absolute;top:74px;right:14px;left:14px;z-index:15;width:auto;box-shadow:0 10px 24px #00000014}.toolbar{align-items:flex-start;margin-top:18px}.filter-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.filter-list::-webkit-scrollbar{display:none}.masonry{columns:1}.media-backdrop{padding:10px}.media-modal{width:100%;max-height:94vh;border-radius:12px}.media-modal video{max-height:calc(94vh - 88px)}.media-modal-meta{align-items:flex-start;padding:12px}.media-modal-meta a{padding:8px}.icon-library-header{align-items:flex-start;font-size:10px}.icon-library-header a{max-width:170px;justify-content:flex-end;text-align:right}.icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px}.skills-directory,.components-directory,.app-store-directory,.rankings-directory,.pricing-page{margin-top:28px}.app-store-grid,.components-directory,.rankings-directory,.pricing-grid{grid-template-columns:1fr}.app-store-card:nth-child(odd){border-right:0}.app-store-controls,.app-store-selectors{align-items:stretch;flex-direction:column}.app-store-controls .select-menu,.app-store-controls .select-trigger{width:100%}.skill-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:15px 0}.skill-identity{grid-column:1;grid-row:1}.skill-install{grid-column:2;grid-row:1;justify-self:end}.skill-row>p{grid-column:1 / -1;grid-row:2}.skill-stars{grid-column:1;grid-row:3}.app-store-card{grid-template-columns:22px 52px minmax(0,1fr) auto;padding-right:8px}.app-store-card>img{width:52px;height:52px;border-radius:12px}.app-store-card>svg{display:none}.pricing-card{min-height:390px}.app-icon-card:hover,.feed-card:hover{transform:none}.login-modal{padding:24px 20px 22px}.modal-heading{margin-top:36px}}.submit-creative-button{display:inline-flex;min-height:36px;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:620}.submit-creative-button:hover{border-color:var(--border-strong);color:var(--text)}.paywall-backdrop{z-index:130}.paywall-modal,.submission-modal,.newsletter-modal{position:relative;width:min(100%,650px);max-height:min(92vh,820px);overflow:auto;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);animation:modal-enter .22s cubic-bezier(.2,.85,.25,1) both}.paywall-modal{padding-bottom:24px}.paywall-modal>header,.submission-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 30px 22px;border-bottom:1px solid var(--border)}.paywall-modal>header span{display:block;margin-bottom:6px;color:var(--text-tertiary);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.paywall-modal h2,.submission-modal h2,.newsletter-modal h2{margin:0;font-size:24px;font-weight:670;letter-spacing:-.04em}.paywall-modal .modal-close,.submission-modal .modal-close{position:static;flex:0 0 auto}.paywall-copy{margin:0;padding:24px 30px 20px;color:var(--text-secondary);font-size:13px;line-height:1.6}.paywall-plans{display:grid;margin:0 30px;border:1px solid var(--border);border-radius:13px;overflow:hidden}.paywall-plans>button{display:grid;min-height:82px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 17px;border:0;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:left}.paywall-plans>button:last-child{border-bottom:0}.paywall-plans>button.is-selected{background:var(--surface-active)}.paywall-plans>button span{display:grid;gap:6px}.paywall-plans>button small{color:var(--text-secondary);font-size:11px}.paywall-plans>button strong{font-size:15px;font-weight:680}.paywall-plans>button em{color:var(--text-secondary);font-size:10px;font-style:normal}.paywall-plans>button>svg{color:var(--text-tertiary)}.paywall-plans>button.is-selected>svg{color:var(--text)}.paywall-cta{display:flex;width:calc(100% - 60px);min-height:50px;align-items:center;justify-content:center;gap:9px;margin:22px 30px 0;border:0;border-radius:11px;background:var(--button-inverse);color:var(--button-inverse-text);cursor:pointer;font-size:13px;font-weight:700}.paywall-note{display:block;margin:12px 30px 0;color:var(--text-tertiary);font-size:9px;text-align:center}.submission-modal{width:min(100%,720px)}.submission-modal>header p{margin:7px 0 0;color:var(--text-secondary);font-size:12px}.submission-modal form{display:grid;gap:16px;padding:26px 30px 30px}.submission-modal label{display:grid;gap:7px;color:var(--text-secondary);font-size:10px}.submission-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px}.submission-modal input,.submission-modal select,.submission-modal textarea,.newsletter-modal input{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);outline:none}.submission-modal input,.submission-modal select,.newsletter-modal input{min-height:43px;padding:0 12px}.submission-modal textarea{padding:11px 12px;resize:vertical}.submission-modal input:focus,.submission-modal select:focus,.submission-modal textarea:focus,.newsletter-modal input:focus{border-color:var(--text-secondary)}.submission-url>div{position:relative}.submission-url>div>svg{position:absolute;top:13px;left:12px;color:var(--text-tertiary)}.submission-url input{padding-left:38px}.submission-submit,.submission-success button,.newsletter-modal form button,.newsletter-done,.newsletter-locked button{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:var(--button-inverse);color:var(--button-inverse-text);cursor:pointer;font-size:11px;font-weight:700}.submission-submit{justify-self:end;min-width:150px}.submission-submit:disabled{cursor:not-allowed;opacity:.55}.form-error{margin:0;color:#b64646;font-size:10px}.submission-success{display:grid;min-height:330px;place-items:center;align-content:center;gap:12px;padding:40px;text-align:center}.submission-success h3{margin:6px 0 0;font-size:20px}.submission-success p{margin:0 0 12px;color:var(--text-secondary);font-size:12px}.submission-success button{min-width:120px}.newsletter-modal{width:min(100%,470px);padding:32px;text-align:center}.newsletter-mark{display:grid;width:46px;height:46px;margin:12px auto 26px;place-items:center;border:1px solid var(--border);border-radius:13px;background:var(--surface-muted)}.newsletter-modal>p:not(.eyebrow){margin:12px auto 24px;max-width:350px;color:var(--text-secondary);font-size:12px;line-height:1.6}.newsletter-modal form{display:grid;gap:9px;text-align:left}.newsletter-modal form label{color:var(--text-secondary);font-size:10px}.newsletter-modal form button{margin-top:5px}.newsletter-modal input[readonly]{background:var(--surface-muted);color:var(--text-secondary)}.newsletter-done{min-width:120px}.newsletter-locked{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted);color:var(--text-secondary);font-size:11px;text-align:left}.newsletter-locked button{grid-column:1 / -1}@media(max-width:700px){.submit-creative-button span{display:none}.submit-creative-button{width:36px;padding:0;justify-content:center}.paywall-modal>header,.submission-modal>header{padding:22px 20px 18px}.paywall-copy{padding:20px}.paywall-plans{margin:0 20px}.paywall-plans>button{min-height:74px;padding:12px}.paywall-cta{width:calc(100% - 40px);margin:20px 20px 0}.paywall-note{margin-inline:20px}.submission-modal form{padding:22px 20px 24px}.submission-row{grid-template-columns:1fr}.newsletter-modal{padding:26px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}