:root{--ink:#142230;--ink-soft:#2d4050;--muted:#5f7486;--line:#cbddea;--line-strong:#91b0c6;--paper:#f3f8fc;--surface:#fff;--surface-soft:#edf5fb;--blue:#2f78b7;--blue-dark:#174f7d;--blue-soft:#dceefa;--blue-wash:#edf7ff;--blue-line:#9fc8e5;--teal:#087f83;--teal-soft:#ddf4f2;--orange:#9b5a12;--orange-soft:#fff0d8;--green:#416e28;--green-soft:#ecf6e8;--rose:#934c64;--rose-soft:#f9e9f0;--shadow:0 18px 46px #1c44621f;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #eaf5fc 0, #f7fbff 340px, #f4f9fc 100%), var(--paper);min-width:320px;margin:0}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100dvh;color:var(--ink);grid-template-columns:78px minmax(0,1fr);display:grid}.side-rail{z-index:20;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fcffeb;grid-template-rows:auto 1fr;gap:18px;height:100dvh;padding:16px 6px;display:grid;position:sticky;top:0}.brand-symbol{background:var(--blue-dark);color:#fff;border-radius:12px;justify-self:center;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 20px #174f7d47}.brand-symbol svg{width:22px;height:22px}.level-nav{align-content:start;gap:8px;display:grid}.level-nav button{min-height:58px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;gap:3px;font-size:11px;font-weight:800;display:grid}.level-nav button span{color:#f5a623;letter-spacing:-.5px;white-space:nowrap;max-width:58px;font-size:11px;overflow:hidden}.level-nav button strong{color:inherit;white-space:nowrap;font-size:14px}.level-nav button.active{background:var(--blue-soft);color:var(--blue-dark);box-shadow:inset 0 0 0 1px var(--blue-line)}.workspace{min-width:0}.top-header{background:linear-gradient(#fafdfff5,#eef8ffb8);border-bottom:1px solid #9dc6e4b8;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:30px clamp(20px,4vw,54px) 16px;display:grid}.title-block{min-width:0}.eyebrow{min-height:24px;color:var(--blue-dark);letter-spacing:0;text-transform:uppercase;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.title-block h1{letter-spacing:0;max-width:880px;margin:6px 0 10px;font-size:34px;line-height:1.18}.title-block p{max-width:720px;color:var(--ink-soft);margin:0;font-size:15px;font-weight:700;line-height:1.7}.header-metrics{grid-template-columns:repeat(3,minmax(124px,1fr));gap:10px;min-width:430px;display:grid}.metric{border:1px solid var(--blue-line);background:#ffffffe6;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:72px;padding:12px;display:grid}.metric>span{background:var(--blue-soft);width:38px;height:38px;color:var(--blue-dark);border-radius:8px;place-items:center;display:inline-grid}.metric svg{width:20px;height:20px}.metric small{color:var(--muted);font-size:12px;font-weight:800;display:block}.metric strong{color:var(--ink);font-size:23px;line-height:1.1;display:block}.dashboard-hero{grid-template-columns:minmax(0,1fr);gap:16px;padding:6px clamp(20px,4vw,54px) 20px;display:grid}.focus-hero{color:#fff;min-height:214px;box-shadow:var(--shadow);background-position:50%;background-size:cover;border:1px solid #d0e6f6e0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid;position:relative;overflow:hidden}.focus-copy{gap:8px;max-width:620px;padding:30px;display:grid}.focus-copy span,.support-card span{letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:950}.focus-copy h2{letter-spacing:0;word-break:keep-all;margin:0;font-size:34px;line-height:1.18}.focus-copy p{color:#ffffffdb;max-width:540px;margin:0;font-size:14px;font-weight:800;line-height:1.7}.focus-bubbles{justify-content:flex-end;align-items:center;gap:8px;min-width:0;padding:28px;display:flex}.focus-bubbles button{width:58px;height:58px;color:var(--ink);background:#ffffffdb;border:1px solid #ffffffc2;border-radius:999px;flex:none;place-content:center;place-items:center;row-gap:2px;display:grid;box-shadow:0 12px 26px #00000024}.focus-bubbles button:first-child{color:#fff;background:#eba355}.focus-bubbles button strong{font-size:15px;line-height:1}.focus-bubbles button span{white-space:nowrap;font-size:10px;font-weight:900;line-height:1}.hero-search{z-index:1;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;padding:0 28px 22px;display:flex;position:relative}.hero-search .search-box{background:#fffffff5;border-radius:10px;flex:320px;align-items:center;gap:8px;min-width:0;padding:11px 14px;display:flex;box-shadow:0 8px 22px #0000002e}.hero-search .search-box svg{width:18px;height:18px;color:var(--blue-dark)}.hero-search .search-box input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-size:14px;font-weight:700}.scope-toggle{color:var(--blue-dark);white-space:nowrap;cursor:pointer;background:#ffffffeb;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:850;display:inline-flex}.scope-toggle input{width:15px;height:15px;accent-color:var(--blue-dark);cursor:pointer}.hero-tags{z-index:1;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:7px;padding:0 28px 20px;display:flex;position:relative}.hero-tags-label{color:#fff;letter-spacing:.02em;text-shadow:0 1px 3px #00000073;align-items:center;gap:5px;font-size:13px;font-weight:900;display:inline-flex}.hero-tags-label svg{width:15px;height:15px}.tag-chip{color:var(--blue-dark);cursor:pointer;background:#fffffff0;border:0;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:850;transition:transform .12s,background .12s;box-shadow:0 1px 4px #00000038}.tag-chip:hover{background:#fff;transform:translateY(-1px)}.tag-chip.active{background:var(--blue-dark);color:#fff;box-shadow:0 2px 8px #0000004d}.pattern-tag{border:1px solid var(--blue-line);background:var(--blue-soft);color:var(--blue-dark);cursor:pointer;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:850}.pattern-tag:hover{background:var(--blue-dark);color:#fff;border-color:var(--blue-dark)}.level-intro.tag-intro{border-color:var(--blue-line);background:linear-gradient(135deg,#f6fbff,#e4f1ff)}.tag-clear{border:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:8px;margin-left:10px;padding:4px 12px;font-size:12px;font-weight:800}.tag-clear:hover{border-color:var(--blue-dark);color:var(--blue-dark)}.hero-search .hero-select{background:#ffffffeb;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;display:inline-flex}.hero-search .hero-select svg{width:15px;height:15px;color:var(--blue-dark)}.hero-search .hero-select select{color:var(--ink);cursor:pointer;background:0 0;border:none;outline:none;font-size:12px;font-weight:800}.hero-side{gap:12px;display:grid}.support-card{border:1px solid var(--blue-line);background-color:var(--surface);min-height:101px;box-shadow:var(--shadow);background-position:50%;background-size:cover;border-radius:8px;align-content:end;gap:6px;padding:16px;display:grid;overflow:hidden}.support-card span{color:var(--blue-dark)}.support-card strong{color:var(--ink);font-size:18px;font-weight:950;line-height:1.28}.main-grid{grid-template-columns:206px minmax(0,1fr);gap:20px;padding:0 clamp(20px,4vw,54px) 64px;display:grid}.control-surface{border:1px solid var(--blue-line);box-shadow:var(--shadow);background:#f8fcfff0;border-radius:8px;grid-area:2/1/auto/-1;gap:16px;padding:18px;display:grid}.level-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.level-tabs button{background:var(--surface);min-height:74px;color:var(--ink-soft);text-align:left;border:1px solid #d0e1ee;border-radius:8px;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid;overflow:hidden}.level-tabs button img{object-fit:cover;border-radius:6px;width:74px;height:54px;display:block}.level-tabs button span{gap:4px;min-width:0;display:grid}.level-tabs button b{font-size:15px;font-weight:900;line-height:1.25}.level-tabs button strong{color:var(--muted);font-size:12px;font-weight:800;line-height:1.25}.level-tabs button.active{border-color:var(--blue-line);background:var(--blue-soft);color:var(--ink);box-shadow:inset 0 0 0 2px #2f78b71a,0 12px 26px #2f78b71f}.level-tabs .level-million.active{background:#dbeefd;border-color:#8fbfe3}.level-tabs .level-500k.active{background:#e0f2ff;border-color:#98c9ea}.level-tabs .level-300k.active{background:#e6f5ff;border-color:#a5d0ec}.level-tabs .level-100k.active{background:#e8f2ff;border-color:#aecbec}.level-tabs .level-50k.active{background:var(--blue-soft);border-color:var(--blue-line)}.level-tabs .level-buzz.active{background:#fff6e3;border-color:#e3b96b}.level-intro.buzz-intro{background:linear-gradient(135deg,#fffdf4,#fff3d9);border-color:#d4a04a80}.video-card.is-buzz{border:3px solid #1d6fb8;box-shadow:0 10px 24px #1d6fb82e}.buzz-pill{color:#b3271e;white-space:nowrap;background:#fdebe9;border-radius:8px;flex:none;align-items:center;gap:3px;min-height:25px;padding:4px 8px;font-size:11px;font-weight:900;display:inline-flex}.filter-row{grid-template-columns:minmax(260px,1fr) 220px auto;align-items:center;gap:10px;display:grid}.search-box,.select-box,.toggle-box{background:var(--surface);min-height:48px;color:var(--muted);border:1px solid #c7dceb;border-radius:8px;align-items:center;display:flex}.search-box,.select-box{gap:10px;padding:0 12px}.search-box svg,.select-box svg{flex:none;width:19px;height:19px}.search-box input,.select-box select{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-weight:750}.search-box input::placeholder{color:#9aa5aa}.toggle-box{color:var(--ink-soft);white-space:nowrap;gap:8px;padding:0 14px;font-size:13px;font-weight:900}.toggle-box input{width:18px;height:18px;accent-color:var(--teal)}.pattern-index{grid-area:1/1;min-width:0}.sticky-index{border:1px solid var(--blue-line);box-shadow:var(--shadow);background:#f8fcfff5;border-radius:8px;gap:10px;padding:14px;display:grid;position:sticky;top:20px}.index-heading{border-bottom:2px solid var(--blue-line);justify-content:space-between;align-items:center;gap:8px;padding:6px 0 12px;display:flex}.index-heading span{color:var(--blue-dark);font-size:12px;font-weight:900}.index-heading strong{color:var(--blue-dark);font-size:18px}.index-list{gap:2px;max-height:calc(100vh - 96px);padding-right:4px;display:grid;overflow:auto}.index-list button{min-height:0;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:4px 8px;display:grid}.index-list button:hover{border-color:var(--blue-line);background:var(--blue-wash)}.index-number{background:var(--blue-soft);width:22px;height:22px;color:var(--blue-dark);border-radius:6px;place-items:center;font-size:12px;font-weight:950;display:grid}.index-number.index-level{white-space:nowrap;width:auto;min-width:40px;height:22px;padding:0 8px;font-size:11px}.index-copy{align-items:baseline;gap:8px;min-width:0;display:flex}.index-list button strong{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:12.5px;font-weight:900;line-height:1.35;overflow:hidden}.index-list button small{color:var(--blue);white-space:nowrap;flex:none;font-size:11px;font-weight:900;line-height:1.2}.pattern-flow{grid-area:1/2;min-width:0}.level-intro{border:1px solid var(--blue-line);background:linear-gradient(135deg,#f9fdff,#eaf6ff);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(240px,.75fr);align-items:end;gap:20px;margin-bottom:18px;padding:24px 20px;display:grid;box-shadow:0 12px 28px #2f78b714}.level-intro h2{color:var(--blue-dark);letter-spacing:0;margin:2px 0 0;font-size:32px;line-height:1.18}.level-intro p{color:var(--ink-soft);margin:0;font-size:14px;font-weight:750;line-height:1.7}.pattern-section{border:1px solid #bad3e6;border-left:6px solid var(--blue);background:#fffffff5;border-radius:8px;gap:20px;margin-bottom:22px;padding:24px;scroll-margin-top:22px;display:grid;box-shadow:0 18px 42px #1c44621a}.pattern-head{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;display:grid}.pattern-title-area{gap:10px;min-width:0;display:grid}.pattern-head h3{color:var(--ink);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:31px;line-height:1.22}.pattern-kicker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pattern-number,.pattern-level{border-radius:8px;align-items:center;min-height:34px;font-weight:950;display:inline-flex}.pattern-number{background:var(--blue-dark);color:#fff;justify-content:center;width:42px;font-size:17px}.pattern-level{border:1px solid var(--blue-line);background:var(--blue-soft);color:var(--blue-dark);padding:6px 10px;font-size:13px}.pattern-badges{flex-wrap:wrap;justify-content:flex-start;gap:8px;max-width:100%;margin-top:12px;display:flex}.badge{min-height:34px;color:var(--ink-soft);white-space:nowrap;background:#f8fcff;border:1px solid #c8ddea;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.badge.strong{background:var(--blue-soft);color:var(--blue-dark);border-color:#93c0df}.badge svg{width:16px;height:16px}.pattern-cover{background-position:50%;background-size:cover;border-radius:8px;align-content:end;min-height:132px;padding:12px;display:grid;position:relative;overflow:hidden}.pattern-cover span{min-height:28px;color:var(--ink);background:#ffffffe6;border-radius:8px;justify-self:start;align-items:center;padding:5px 9px;font-size:12px;font-weight:950;display:inline-flex}.section-label{min-height:38px;color:var(--ink);background:linear-gradient(#e8f5ff,#dceefa);border:1px solid #9fc8e5;border-radius:8px;justify-self:start;align-items:center;gap:9px;padding:8px 12px;display:inline-flex}.section-label span{color:var(--blue-dark);place-items:center;display:inline-grid}.section-label svg{width:18px;height:18px}.section-label strong{font-size:15px;font-weight:950}.badge.keyword{color:#a4303a;background:#fdeef0;border-color:#f0b9bd}.badge.year{background:var(--orange-soft);color:var(--orange);border-color:#e2c38a}.benchmark-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.search-youtube{color:#c8313c;background:#fff;border:1px solid #e0606a;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:900;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.search-youtube:hover{background:#fff1f2;box-shadow:0 8px 20px #c8313c29}.search-youtube svg{width:17px;height:17px}.search-youtube svg:last-child{width:14px;height:14px}.search-youtube.solid{color:#fff;background:#d83b46;border-color:#c8313c}.search-youtube.solid:hover{background:#c8313c}.benchmark-empty{border:1px dashed var(--line-strong);background:var(--surface-soft);border-radius:10px;justify-items:start;gap:12px;padding:18px;display:grid}.level-intro.search-intro{background:linear-gradient(135deg,#fffdf6,#fff4e0);border-color:#d4a04a73}.search-empty{border:1px dashed var(--line-strong);background:var(--surface-soft);border-radius:10px;justify-items:start;gap:14px;margin-bottom:22px;padding:26px 24px;display:grid}.search-empty p{color:var(--ink-soft);margin:0;font-size:14px;font-weight:750}.search-empty-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-clear{border:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:800}.search-clear:hover{border-color:var(--blue-dark);color:var(--blue-dark)}.ideas-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.copy-all{border:1px solid var(--line-strong);color:var(--blue-dark);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:850;display:inline-flex}.copy-all svg{width:14px;height:14px}.copy-all:hover{border-color:var(--blue-dark);background:#f4faff}.copy-all.copied{color:#1d7a43;background:#ecfbf2;border-color:#2e9e5b}.back-to-top{z-index:40;background:var(--blue-dark);color:#fff;cursor:pointer;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 24px #174f7d59}.back-to-top svg{width:20px;height:20px}.back-to-top:hover{background:#0f3d63}.thumb-prompt,.video-summary{border-top:1px solid var(--line);padding:8px 0 0}.video-summary summary,.thumb-prompt summary{color:var(--blue-dark);cursor:pointer;font-size:13px;font-weight:900}.video-summary summary:hover,.thumb-prompt summary:hover{text-underline-offset:3px;text-decoration:underline}.video-summary-body{border:1px solid var(--blue-line);background:#f7fbff;border-radius:8px;gap:8px;margin-top:10px;padding:12px;display:grid}.video-summary-body p{color:var(--ink-soft);margin:0;font-size:12px;font-weight:750;line-height:1.7}.summary-copy{border:1px solid var(--blue-line);width:fit-content;color:var(--blue-dark);font:inherit;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:2px;padding:8px 11px;font-size:12px;font-weight:900;display:inline-flex}.summary-copy:hover,.summary-copy.copied{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}.thumb-prompt-note{color:var(--ink-soft);margin:8px 0;padding-left:18px;font-size:11px;font-weight:700;line-height:1.7}.thumb-prompt-note li{margin:2px 0}.thumb-prompt-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chatgpt-open{background:var(--blue-dark);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:850;text-decoration:none;display:inline-flex}.chatgpt-open svg{width:13px;height:13px}.chatgpt-open:hover{background:#0f3d63;text-decoration:none}.thumb-prompt pre{border:1px solid var(--line);background:var(--surface-soft);max-height:260px;color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:8px 0 0;padding:10px;font-size:10.5px;line-height:1.55;overflow:auto}.benchmark-empty p{color:var(--ink-soft);margin:0;font-size:13px;font-weight:700;line-height:1.7}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.video-card{background:var(--surface);border:1px solid #c5dceb;border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;overflow:hidden;box-shadow:0 12px 26px #1c446214}.video-media{aspect-ratio:16/9;background:#111820;position:relative;overflow:hidden}.video-media button,.video-media iframe{border:0;width:100%;height:100%}.video-media button{background:#111820;padding:0;display:block;position:relative}.video-media img{object-fit:cover;width:100%;height:100%;display:block}.video-media button:after{content:"";background:#00000024;position:absolute;inset:0}.video-media button span{z-index:1;color:#fff;background:red;border-radius:8px;place-items:center;width:58px;height:42px;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 12px 28px #00000047}.video-media button svg{width:22px;height:22px}.video-copy{grid-template-rows:auto minmax(90px,auto) auto auto auto;gap:10px;min-width:0;padding:12px;display:grid}.video-topline{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.video-rank{background:var(--blue-soft);min-height:25px;color:var(--blue-dark);border-radius:8px;justify-self:start;align-items:center;padding:4px 8px;font-size:12px;font-weight:900;display:inline-flex}.video-meta.video-meta-views{border-top:none;align-items:center;padding-top:2px}.video-meta.video-meta-views strong{color:var(--blue-dark);letter-spacing:.01em;font-size:18px;font-weight:950}.video-title{min-height:82px;color:var(--ink);overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:14px;font-weight:900;line-height:1.46;text-decoration:none;display:-webkit-box;overflow:hidden}.video-title:hover,.channel-link:hover,.youtube-link:hover{text-underline-offset:3px;text-decoration:underline}.video-meta{border-top:1px solid var(--line);grid-template-columns:58px minmax(0,1fr);gap:5px 9px;min-height:32px;padding:9px 0 0;display:grid}.video-meta span,.channel-link span{color:var(--muted);font-size:12px;font-weight:900}.video-meta strong{min-width:0;color:var(--ink);font-size:13px;font-weight:900}.channel-link{min-height:48px;color:var(--ink);background:#f7fbfe;border-radius:8px;grid-template-columns:72px minmax(0,1fr) auto;align-items:start;gap:7px;padding:8px;text-decoration:none;display:grid}.channel-link strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:13px;font-weight:900;line-height:1.45;display:-webkit-box;overflow:hidden}.channel-link svg{width:15px;height:15px;color:var(--blue)}.youtube-link{min-height:28px;color:var(--blue-dark);justify-self:start;align-items:center;gap:5px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.youtube-link svg{width:15px;height:15px}.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.idea-row{background:linear-gradient(#fbfdff,#eff7ff);border:1px solid #b7d7ec;border-radius:8px;grid-template-columns:34px minmax(0,1fr) 34px;align-items:start;gap:10px;min-width:0;min-height:74px;padding:11px 10px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 22px #2a699912}.idea-row:before{background:var(--blue);content:"";width:4px;position:absolute;inset:0 auto 0 0}.idea-row>span{background:var(--blue-soft);width:28px;height:28px;color:var(--blue-dark);border-radius:8px;place-items:center;font-size:12px;font-weight:900;display:grid}.idea-row p{min-width:0;color:var(--ink);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:1px 0 0;font-size:14px;font-weight:850;line-height:1.55;display:-webkit-box;overflow:hidden}.idea-row button{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.idea-row button:hover,.idea-row button.copied{border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue-dark)}.idea-row svg{width:17px;height:17px}@media (width<=1180px){.top-header{grid-template-columns:1fr}.header-metrics{min-width:0}.main-grid{grid-template-columns:1fr}.pattern-flow{grid-area:auto/1}.dashboard-hero{grid-template-columns:1fr}.hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-index{display:none}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.side-rail{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto;grid-template-columns:48px minmax(0,1fr);gap:8px;height:auto;padding:10px 12px;position:sticky;top:0}.brand-symbol{width:48px;height:48px}.level-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible}.level-nav button{gap:2px;min-height:48px}.level-nav button strong{font-size:14px}.level-nav button span{display:none}.top-header{padding:24px 16px 18px}.dashboard-hero{padding:0 16px 16px}.focus-hero{grid-template-columns:1fr;min-height:260px}.focus-copy{padding:24px 20px 8px}.focus-copy h2{font-size:26px}.focus-bubbles{justify-content:flex-start;padding:0 20px 22px}.hero-side{grid-template-columns:1fr}.title-block h1{font-size:27px}.header-metrics,.filter-row,.level-intro,.pattern-head,.idea-grid{grid-template-columns:1fr}.level-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid{gap:18px;padding:16px 16px 44px}.control-surface{padding:12px}.pattern-badges{justify-content:flex-start}.pattern-head h3{font-size:23px}.pattern-cover{min-height:150px}.video-grid{grid-template-columns:1fr}.video-title{min-height:auto}}@media (width<=520px){.header-metrics{grid-template-columns:1fr}.metric{min-height:62px}.filter-row{gap:8px}.search-box,.select-box,.toggle-box{min-height:46px}.pattern-section{padding:16px}.video-copy{grid-template-rows:auto auto auto auto auto}.channel-link{grid-template-columns:1fr auto}.channel-link span{grid-column:1/-1}}