:root{--bg:#f5f4f9;--surface:#ffffff;--surface-2:#f7f6fb;--border:#e8e6f0;--text:#1b1826;--text-soft:#453f55;--muted:#817b90;--accent:#7c3aed;--accent-ink:#ffffff;--accent-weak:#efe9fd;--good:#16b364;--warn:#f59e0b;--bad:#ef4444;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 2px rgba(16,24,40,0.05);--shadow:0 1px 3px rgba(16,24,40,0.06),0 10px 28px rgba(16,24,40,0.05)}.cost-total{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px}.cost-total-num{font-size:28px;font-weight:800;color:var(--text);margin-top:2px}.cost-cat-breakdown{display:flex;gap:8px;flex-wrap:wrap}.cost-cat-chip{font-size:13px;font-weight:700;color:var(--text-soft);background:var(--surface-2);border-radius:999px;padding:6px 12px}.cost-list{display:flex;flex-direction:column;gap:8px}.cost-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.4fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}@media (max-width:680px){.cost-row{grid-template-columns:1fr auto}.cost-row-info{grid-column:1/-1}}.cost-row-main{display:flex;align-items:center;gap:8px;min-width:0}.cost-name{font-weight:700;color:var(--text)}.cost-src{color:var(--muted)}.cost-badge,.cost-src{font-size:11px;white-space:nowrap}.cost-badge{font-weight:800;padding:2px 8px;border-radius:6px;color:#fff}.cost-badge.cat-ai{background:#7c3aed}.cost-badge.cat-server{background:#2563eb}.cost-badge.cat-storage{background:#0891b2}.cost-badge.cat-saas{background:#64748b}.cost-row-info{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.cost-usagebar{display:inline-block;width:90px;height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden}.cost-usagebar span{display:block;height:100%;background:var(--good)}.cost-row-amt{display:flex;align-items:center;gap:8px;justify-content:flex-end;font-size:15px}.cost-edit{display:inline-flex;align-items:center;gap:2px;color:var(--muted)}.cost-fee{width:72px;padding:5px 8px;font-size:14px}.cost-del{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:14px}.cost-del:hover{color:var(--bad)}.cost-add{margin-top:14px;padding:14px 16px;background:var(--surface-2);border:1px dashed var(--border);border-radius:12px}.usage-more{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:var(--accent);text-decoration:none}.act-day{margin-bottom:20px}.act-date{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}.act-list{display:flex;flex-direction:column;gap:6px}.act-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:13px}.act-time{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px;min-width:74px}.act-area{font-weight:700;color:var(--text)}.act-cat{background:var(--accent-weak);color:var(--accent);font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}.act-action{color:var(--text-soft)}.act-target{color:var(--muted)}.usage-panel{margin:22px 0 4px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.usage-head,.usage-panel{background:var(--surface)}.usage-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:none;cursor:pointer;font-size:14px;font-weight:700;color:var(--text);text-align:left}.usage-head:hover{background:var(--surface-2)}.usage-caret{color:var(--muted);font-size:12px}.usage-body{padding:4px 18px 18px;border-top:1px solid var(--border)}.usage-note{font-size:12px;color:var(--muted);margin:12px 0}.usage-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}@media (max-width:640px){.usage-cols{grid-template-columns:1fr}}.usage-col-title{font-size:13px;font-weight:800;color:var(--text);margin-bottom:8px}.usage-member,.usage-row{display:flex;align-items:center;gap:10px;margin:7px 0}.usage-row-label{width:64px;font-size:12px;color:var(--muted)}.usage-member-name{width:64px;font-size:13px;font-weight:600;color:var(--text)}.usage-bar{flex:1 1;height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.usage-bar-fill{display:block;height:100%;background:var(--good);border-radius:999px}.usage-row-pct{width:42px;text-align:right;font-size:12px;font-weight:700;color:var(--text-soft)}.usage-row-sub{font-size:11px;color:var(--muted)}:root[data-theme=dark]{--bg:#131120;--surface:#1b1830;--surface-2:#241f3a;--border:#332d4c;--text:#efedf7;--text-soft:#cbc6dc;--muted:#8e88a6;--accent:#a78bfa;--accent-ink:#17142a;--accent-weak:#2b2450;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow:0 1px 3px rgba(0,0,0,0.5),0 10px 28px rgba(0,0,0,0.45)}:root[data-theme=dark] body{background:var(--bg);color:var(--text)}.rnav-shell{min-height:100vh;background:var(--bg)}.rnav{gap:20px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50;flex-wrap:wrap}.rnav,.rnav-brand{display:flex;align-items:center}.rnav-brand{gap:12px}.rnav-logo{width:34px;height:34px;border-radius:9px;background:#17142a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.rnav-title{font-weight:800;font-size:15px;color:var(--text)}.rnav-tag{font-size:12px;color:var(--muted);margin-top:1px}.rnav-stat{margin-left:10px;font-size:12px;font-weight:700;color:#b45309;background:#fef3c7;border:1px solid #fde68a;padding:4px 10px;border-radius:999px;white-space:nowrap}:root[data-theme=dark] .rnav-stat{background:#3a2e12;border-color:#5a4718;color:#fcd34d}.rnav-menu{display:flex;align-items:center;gap:2px;margin-left:auto;flex-wrap:wrap}.rnav-item{position:relative}.rnav-top{border:none;background:transparent;color:var(--text-soft);cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.rnav-top:hover{background:var(--surface-2);color:var(--text)}.rnav-top.on{background:var(--text);color:var(--surface)}.rnav-caret{font-size:9px;opacity:.7}.rnav-drop{position:absolute;top:calc(100% + 4px);left:0;min-width:170px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:6px;z-index:60}.rnav-leaf{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--text-soft);text-decoration:none}.rnav-leaf:hover{background:var(--surface-2);color:var(--text)}.rnav-leaf.on{background:var(--accent-weak);color:var(--accent);font-weight:700}.rnav-soon{font-size:10px;color:var(--muted);background:var(--surface-2);padding:1px 6px;border-radius:5px}.rnav-right{display:flex;align-items:center;gap:12px}.rnav-user{font-size:13px;color:var(--muted)}.rnav-theme{display:inline-flex;background:var(--surface-2);border-radius:8px;padding:2px}.rnav-theme-btn{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px}.rnav-theme-btn.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.rnav-main{padding:20px 24px 40px;max-width:1400px;margin:0 auto}.ref-secintro{font-size:13px;color:var(--text-soft);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:14px}.ref-stub{text-align:center;max-width:460px;margin:60px auto;padding:40px 28px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.ref-stub-ico{font-size:42px}.ref-stub-title{margin:12px 0 6px;font-size:20px;color:var(--text)}.ref-stub-desc{color:var(--muted);font-size:14px;margin:0 0 14px}.ref-stub-list{text-align:left;display:inline-block;color:var(--text-soft);font-size:13px;margin:0 0 16px;padding-left:18px}.ref-stub-list li{margin:4px 0}.ref-stub-badge{display:inline-block;background:var(--accent-weak);color:var(--accent);font-weight:700;font-size:12px;padding:5px 14px;border-radius:999px}.ref-adv-tabs{display:flex;gap:18px;border-bottom:1px solid var(--border);margin-bottom:16px}.ref-adv-tab{padding:8px 2px;font-weight:700;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.ref-adv-tab.on{color:var(--text);border-bottom-color:var(--accent)}.ref-adv-head{margin-bottom:14px}.ref-adv-add{display:flex;gap:8px;margin-bottom:18px}.ref-adv-add .input{flex:1 1}.ref-adv-list,.ref-track-list{display:flex;flex-direction:column;gap:8px}.ref-adv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.ref-adv-name a{font-weight:700;color:var(--text);text-decoration:none}.ref-adv-name a:hover{color:var(--accent)}.ref-adv-meta{display:flex;gap:6px;align-items:center}.ref-adv-row{flex-wrap:wrap}.ref-adv-memo{max-width:200px;flex:1 1 140px}.ref-track-toggle{border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}.ref-track-toggle.on{background:var(--accent-weak);border-color:transparent;color:var(--accent)}.ref-adv-remove{border:none;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;white-space:nowrap}.ref-adv-remove:hover{color:var(--bad)}.ref-track-card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.ref-track-brand{font-weight:800;font-size:16px;color:var(--text)}.ref-track-aliases{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ref-track-alias{font-size:12px;color:var(--text-soft);background:var(--surface-2);border:1px solid var(--border);padding:5px 10px;border-radius:999px}.ws-secintro{font-size:13px;color:var(--text-soft);margin-bottom:12px}.ws-secintro b{color:var(--accent)}.ws-grid{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:20px;gap:20px}@media (max-width:800px){.ws-grid{grid-template-columns:1fr}}.ws-side{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;height:-moz-fit-content;height:fit-content}.ws-side-group{font-size:11px;font-weight:700;color:var(--muted);padding:4px 8px}.ws-side-link{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--text-soft);font-size:14px;font-weight:600;padding:8px 10px;border-radius:8px;cursor:pointer}.ws-side-link:hover{background:var(--surface-2)}.ws-side-link.on{background:var(--text);color:var(--surface)}.ws-side-sub{font-size:11px;color:var(--muted);padding:10px 8px 4px;border-top:1px solid var(--border);margin-top:8px}.ws-side-date,.ws-side-folder{display:flex;justify-content:space-between;font-size:13px;color:var(--text-soft);padding:7px 10px;border-radius:8px}.ws-side-folder{font-weight:700;background:var(--accent-weak);color:var(--accent)}.ws-side-date span,.ws-side-folder span{color:var(--muted);font-weight:600}.ws-head h2{font-size:18px;margin:0 0 4px}.ws-searchrow{display:flex;gap:8px;margin:14px 0}.ws-searchrow .input{flex:1 1}.ws-start{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:18px}.ws-start-title{font-weight:700;font-size:14px;margin-bottom:10px}.ws-empty{text-align:center;padding:50px 20px;background:var(--surface);border:1px dashed var(--border);border-radius:12px}.ws-folder{margin-bottom:22px}.ws-folder-title{font-weight:700;font-size:14px;margin-bottom:10px}.ws-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}@media (max-width:1100px){.ws-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.ws-cards{grid-template-columns:repeat(2,1fr)}}.ws-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none}.ws-card:hover{box-shadow:var(--shadow)}.ws-card-thumb{position:relative;aspect-ratio:1/1;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.ws-card-thumb img{width:100%;height:100%;object-fit:cover}.ws-card-blank{color:var(--muted);font-size:13px}.ws-card-badge{left:8px;background:rgba(27,24,38,.8)}.ws-card-badge,.ws-card-vid{position:absolute;top:8px;color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:6px}.ws-card-vid{right:8px;background:rgba(124,58,237,.9)}.ws-card-body{padding:10px 12px}.ws-card-name{font-weight:700;font-size:13px;color:var(--text);margin-bottom:3px}.ws-card-open{font-size:12px;color:var(--accent);font-weight:700;margin-top:6px}.wst{max-width:1100px;margin:0 auto}.wst-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.wst-back{font-size:13px;color:var(--muted);text-decoration:none}.wst-saved{font-size:12px;color:var(--good);font-weight:700}.wst-del{margin-left:auto;border:none;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.wst-del:hover{color:var(--bad)}.wst-namecard{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.wst-name-row{display:flex;align-items:center;gap:12px}.wst-name{flex:1 1;font-size:16px;font-weight:700}.wst-steps{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.wst-step{font-size:12px;font-weight:700;color:var(--muted);background:var(--surface-2);padding:6px 12px;border-radius:999px}.wst-step.on{background:var(--accent-weak);color:var(--accent)}.wst-sec{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:16px}.wst-sec-head{margin-bottom:14px}.wst-analyze{display:grid;grid-template-columns:280px minmax(0,1fr);grid-gap:20px;gap:20px}@media (max-width:720px){.wst-analyze{grid-template-columns:1fr}}.wst-refblank,.wst-refmedia,.wst-refthumb{width:100%;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#000;position:relative}.wst-refthumb img{width:100%;height:100%;object-fit:cover}.wst-refblank{display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--surface-2);font-size:13px}.wst-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:999px;border:none;background:rgba(0,0,0,.55);color:#fff;font-size:20px;cursor:pointer}.wst-reftitle{margin-top:8px}.wst-label,.wst-reftitle{font-weight:700;font-size:13px}.wst-label{color:var(--text);margin-bottom:6px}.wst-script,.wst-transcript{color:var(--text-soft);line-height:1.6;background:var(--surface-2);white-space:pre-wrap}.wst-script,.wst-transcript,.wst-tterr{font-size:13px;border-radius:8px;padding:10px 12px}.wst-tterr{color:var(--bad);background:#fef2f2}.wst-field{display:block;margin-bottom:12px}.wst-field span{display:block;margin-bottom:5px}.wst-field textarea.input{resize:vertical}.wst-fb{border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:10px;background:var(--surface-2)}.wst-fb-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.wst-fb-head b{font-size:13.5px}.wst-fb-body{font-size:13px;color:var(--text);line-height:1.65;white-space:pre-wrap;background:var(--surface-1,#fff);border-radius:8px;padding:12px 14px;margin-top:6px;border:1px solid var(--border)}.wst-fb-toggle{background:none;border:none;padding:0;font-size:13.5px;font-weight:700;color:var(--text);cursor:pointer}.wst-fb-toggle .muted{font-weight:400;font-size:12px;margin-left:6px}.wst-fb textarea.input{margin-top:8px}.wst-namecard{border-left:4px solid var(--accent)}.wst-name{background:var(--surface-2)!important;border:1.5px solid var(--border)!important}.wst-sec{box-shadow:var(--shadow-sm)}.wst-sec-head{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1.5px solid var(--border)}.wst-sec-head b{font-size:15px}.wst .input{background:var(--surface-2);border:1.5px solid var(--border);border-radius:10px;padding:11px 13px}.wst .input::placeholder{color:var(--muted)}.wst .input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.wst-field{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.wst-field span{font-size:13px;font-weight:700;color:var(--text)}.wst-field .input{background:var(--surface)}.wst-refblank{border:2px dashed var(--border)}.wst-script,.wst-transcript{border:1px solid var(--border)}.wst-label{color:var(--accent)}.ref-subhead{margin-bottom:14px}.ref-subhead-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;color:var(--text)}.ref-bar{width:4px;height:18px;border-radius:3px;background:var(--accent);display:inline-block}.ref-subhead-stats{display:flex;align-items:center;gap:14px;margin-top:10px;flex-wrap:wrap}.ref-cnt{font-size:13px;color:var(--muted);font-weight:600}.ref-cnt.on{color:var(--text)}.ref-sortbtns{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.ref-sortbtns button{border:none;background:var(--surface-2);color:var(--muted);cursor:pointer;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;margin-left:4px}.ref-sortbtns button.on{background:var(--text);color:var(--surface)}.ref-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:start}@media (max-width:1200px){.ref-grid4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.ref-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.ref-grid4{grid-template-columns:1fr}}.gcard{flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.gcard,.gcard-thumb{display:flex;overflow:hidden}.gcard-thumb{position:relative;width:100%;aspect-ratio:1/1;cursor:pointer;align-items:center;justify-content:center}.gcard-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gcard-thumbcopy{color:#fff;font-weight:800;font-size:15px;text-align:center;padding:16px;text-shadow:0 1px 8px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.gcard-days{left:8px;background:rgba(22,179,100,.95)}.gcard-days,.gcard-disguise{position:absolute;top:8px;z-index:1;color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}.gcard-disguise{right:8px;background:rgba(124,58,237,.95)}.gcard-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;padding-left:3px}.gcard-body{padding:12px;display:flex;flex-direction:column;gap:6px}.gcard-brandrow{display:flex;align-items:center;justify-content:space-between;gap:6px}.gcard-plat{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--muted)}.gcard-brandtag{font-size:10px;font-weight:700;background:#f3e8ff;color:#7c3aed;padding:1px 6px;border-radius:5px}:root[data-theme=dark] .gcard-brandtag{background:#2b2450;color:#c4b5fd}.gcard-brand{font-weight:800;font-size:14px;color:var(--text)}.gcard-cat{margin-top:-2px}.gcard-cat,.gcard-cat-select{font-size:11px;color:var(--muted)}.gcard-cat-select{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;padding:3px 6px;margin-top:1px;max-width:100%;cursor:pointer}.gcard-cat-select:hover{border-color:var(--accent);color:var(--text)}.gcard-title{font-weight:700;font-size:13px;color:var(--text);cursor:pointer;margin-top:2px;-webkit-line-clamp:2}.gcard-copy,.gcard-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.gcard-copy{font-size:12px;color:var(--text-soft);line-height:1.5;-webkit-line-clamp:3}.gcard-btnrow{display:flex;gap:6px;margin-top:4px}.gcard-btn{flex:1 1;text-align:center;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font-size:12px;font-weight:600;padding:6px 8px;border-radius:8px;cursor:pointer;text-decoration:none;white-space:nowrap}.gcard-btn:hover{background:var(--surface-2);color:var(--text)}.gcard-btn.primary{background:var(--accent-weak);border-color:transparent;color:var(--accent)}.gcard-foot{display:flex;gap:14px;margin-top:6px;padding-top:8px;border-top:1px solid var(--border)}.gcard-foot a{font-size:12px;color:var(--muted);text-decoration:none}.gcard-foot a:hover{color:var(--accent)}.gcard-del{margin-left:auto;border:none;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.gcard-del:hover{color:var(--bad)}.gcard-del:disabled{opacity:.6;cursor:default}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--text)}.container{max-width:960px;margin:0 auto;padding:32px 24px 64px}.crm-shell{display:flex;min-height:100vh;background:var(--bg)}.crm-sidebar{width:232px;flex:none;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.crm-brand{display:flex;align-items:center;gap:8px;padding:16px 18px 14px;font-weight:800;font-size:15px;border-bottom:1px solid var(--border)}.crm-nav{padding:8px 10px;flex:1 1}.crm-group{margin-bottom:6px}.crm-group-label{font-size:11px;font-weight:700;color:var(--muted);padding:12px 10px 6px}.crm-link{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--text-soft);text-decoration:none;margin-bottom:1px}.crm-link:hover{background:var(--surface-2)}.crm-link.active{background:var(--accent-weak);color:var(--accent);font-weight:700}.crm-ico{width:18px;text-align:center;flex:none}.crm-foot{border-top:1px solid var(--border);padding:12px}.crm-hub-link{display:inline-block;font-size:12px;color:var(--muted);text-decoration:none;padding:4px 6px;margin-bottom:8px}.crm-hub-link:hover{color:var(--accent)}.crm-user{padding:0 6px 10px;font-size:13px}.crm-main{flex:1 1;min-width:0;padding:28px 32px 60px}.crm-h1{font-size:24px;margin:0}.crm-sec{font-size:15px;margin:28px 0 12px}.crm-note,.crm-sec{color:var(--text-soft)}.crm-note{margin-top:14px;padding:10px 14px;font-size:13px;background:var(--accent-weak);border-radius:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.stat-card{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px;transition:transform .12s,box-shadow .12s,border-color .12s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}.stat-card.warn{border-color:#fcd9a3;background:#fffdf6}.stat-card.danger{border-color:#f6bcbc;background:#fff8f8}.stat-label{font-size:13px;color:var(--muted);margin-bottom:8px}.stat-value{font-size:30px;font-weight:800;color:var(--text);line-height:1.1}.stat-card.danger .stat-value{color:var(--bad)}.crm-empty{margin-top:24px;padding:48px 20px;text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-sm)}.crm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.btn-dark{background:#1b1826;color:#fff;border:1px solid #1b1826}.btn-dark:hover{background:#000}.crm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:22px}.field{margin-bottom:16px}.field-label{font-size:13px;font-weight:600;color:var(--text-soft)}.field-help{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.field-check{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:4px}.brand-form .input{width:100%}.crm-table-wrap{margin-top:18px;overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.crm-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.crm-table th{text-align:left;font-weight:600;color:var(--muted);padding:12px 14px;background:var(--surface-2)}.crm-table td,.crm-table th{border-bottom:1px solid var(--border)}.crm-table td{padding:14px;vertical-align:middle}.crm-table tr:last-child td{border-bottom:none}.crm-link-sm{color:var(--accent);text-decoration:none;font-size:13px;font-weight:600}.crm-link-sm:hover{text-decoration:underline}.crm-foot-note{margin-top:18px;font-size:12px;color:var(--muted);line-height:1.7}.crm-foot-note p{margin:0 0 8px}.crm-banner{margin-top:16px;padding:12px 16px;line-height:1.6;border:1px solid var(--border);border-radius:var(--radius-sm)}.crm-banner,.send-toggle{font-size:13px;background:var(--surface-2)}.send-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.send-toggle .send-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}.send-toggle.on{background:#e7f8ee;border-color:#9be3ba;color:#16794c}.send-toggle.on .send-dot{background:var(--good)}.send-toggle:hover{border-color:var(--accent)}.map-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 16px;gap:0 16px}.form-section-label{font-size:12px;font-weight:700;color:var(--muted);margin:6px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.form-section-label:not(:first-child){margin-top:20px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px 24px;gap:14px 24px;font-size:14px}.detail-grid .muted{font-size:12px;display:block;margin-bottom:2px}@media (max-width:560px){.detail-grid,.map-grid{grid-template-columns:1fr}}.btn-sm{padding:4px 10px;font-size:12px}.btn-danger{color:var(--bad)}.btn-danger:hover{border-color:var(--bad);background:#fff5f5}.btn-icon{padding:4px 8px;font-size:12px;line-height:1}.msg-card{margin-top:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.msg-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.step-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:18px;gap:18px;align-items:start}.step-preview{position:-webkit-sticky;position:sticky;top:20px}.step-preview-body{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6;min-height:90px;padding:12px;background:var(--surface-2);border-radius:8px;color:var(--text-soft)}.var-chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:8px}.var-chip{font-size:11px;font-family:ui-monospace,monospace;padding:3px 7px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--accent);cursor:pointer}.var-chip:hover{border-color:var(--accent);background:var(--accent-weak)}@media (max-width:900px){.step-layout{grid-template-columns:1fr}.step-preview{position:static}}@media (max-width:1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.crm-shell{flex-direction:column}.crm-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border)}.crm-nav{display:flex;flex-wrap:wrap;gap:2px}.crm-group{display:flex;align-items:center;margin-bottom:0}.crm-group-label{display:none}.crm-link{white-space:nowrap;font-size:13px;padding:7px 9px}.crm-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:none}.crm-hub-link{margin-bottom:0}.crm-user{padding:0}.crm-main{padding:20px 16px 48px}}@media (max-width:560px){.stat-grid{grid-template-columns:1fr 1fr}}.hub-section-title{font-size:15px;margin:0 0 12px;padding-left:10px;border-left:3px solid var(--accent);line-height:1.2}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.tool-card{display:block;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .12s,border-color .12s}a.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}.tool-card.is-locked,.tool-card.is-soon{cursor:default;background:var(--surface-2)}.tool-card.is-locked .tool-card-title,.tool-card.is-locked .tool-ico,.tool-card.is-soon .tool-card-title,.tool-card.is-soon .tool-ico{opacity:.55}.tool-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.tool-ico{font-size:26px;line-height:1}.tool-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}.tool-badge.soon{color:var(--muted);background:var(--border)}.tool-badge.locked{color:var(--warn);background:#fef3e2}.tool-card-title{font-size:16px;font-weight:700;margin-bottom:5px}.tool-card-desc{font-size:13px;line-height:1.5;color:var(--muted)}.tool-card-foot{margin-top:12px;font-size:12px;color:var(--muted)}@media (max-width:900px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tool-grid{grid-template-columns:1fr}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-refresh{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin-top:4px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s,color .15s,border-color .15s,transform .1s}.page-refresh:hover{background:var(--accent-weak);color:var(--accent);border-color:var(--accent)}.page-refresh:active{transform:scale(.93)}.between,.row{display:flex;align-items:center}.between{justify-content:space-between}.back-link,.muted{color:var(--muted)}.back-link{font-size:13px}.back-link:hover{color:var(--text);text-decoration:none}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(255,255,255,.85);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border)}.appbar-inner{max-width:1400px;margin:0 auto;padding:12px 24px;gap:22px}.appbar-inner,.appbar-nav{display:flex;align-items:center}.appbar-nav{gap:4px}.appbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.appbar-user{text-align:right}@media (max-width:720px){.appbar-inner{flex-wrap:wrap;gap:8px 10px;padding:10px 16px}.appbar-nav{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px;padding-top:4px;border-top:1px solid var(--border)}.appbar-email{display:none}.appbar-user{text-align:left}.appbar-actions{gap:8px}.appbar-actions .btn-ghost{padding:6px 10px;font-size:13px}.container{padding:20px 16px 48px}.page-refresh{width:34px;height:34px}}.brand{display:flex;gap:8px;letter-spacing:-.02em;color:var(--text)}.brand,.brand-dot{align-items:center;font-weight:800;font-size:17px}.brand-dot{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#a78bfa,#7c3aed 55%,#6d28d9);box-shadow:0 2px 6px rgba(124,58,237,.35);display:inline-flex;justify-content:center;color:#fff;line-height:1;letter-spacing:-.03em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px}.card+.card{margin-top:14px}.card-title{font-size:16px;margin:0 0 16px}.card-link{display:block;transition:transform .12s ease,box-shadow .12s ease}.card-link:hover{transform:translateY(-2px);text-decoration:none;box-shadow:0 2px 6px rgba(16,24,40,.08),0 16px 36px rgba(16,24,40,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:var(--radius-sm);padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s ease;height:40px}.btn:hover{filter:brightness(1.04)}.btn:disabled{opacity:.55;cursor:default;filter:none}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--text-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease}.btn-ghost:hover{background:var(--surface-2);text-decoration:none}.field-label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:500}.input{width:100%;padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-weight:500;color:var(--muted);padding:8px 14px 8px 0}.tbl td,.tbl th{white-space:nowrap}.tbl td{padding:9px 14px 9px 0;border-top:1px solid var(--border)}.tbl td:last-child,.tbl th:last-child{padding-right:0}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.cell-clip{max-width:260px;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px}.badge-good{background:#e7f6ee;color:#15926a}.badge-warn{background:#fef3e2;color:var(--warn)}.badge-muted{background:var(--surface-2);color:var(--muted)}.pill{padding:12px 16px;background:var(--accent-weak);border:1px solid #ddd2fb;border-radius:12px;font-size:14px;color:var(--text-soft)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.kpi{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.kpi-title{font-size:13px;color:var(--muted)}.kpi-value{margin-top:6px;display:flex;align-items:baseline;gap:2px;white-space:nowrap;color:var(--text)}.kpi-accent .kpi-value{color:var(--accent)}.kpi-num{font-size:24px;font-weight:700;letter-spacing:-.02em}.kpi-unit{font-size:14px;font-weight:600}.kpi-compact .kpi-num{font-size:20px}.kpi-compact .kpi-unit{font-size:13px}.kpi-compact .kpi-value{margin-top:4px}.kpi-delta{margin-top:6px;font-size:11px;font-weight:600;white-space:nowrap;color:var(--muted)}.kpi-delta.good{color:var(--good)}.kpi-delta.bad{color:var(--bad)}.date-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.date-form .input{width:150px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:24px;gap:24px;align-items:start}.home-rail{position:-webkit-sticky;position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}@media (max-width:1024px){.home-grid{grid-template-columns:1fr}.home-rail{position:static}}@media (max-width:560px){.card{padding:16px}.card-title{margin-bottom:12px}.kpi-grid{grid-template-columns:1fr;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.kpi{border:none;border-radius:0;box-shadow:none;padding:11px 14px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;grid-column-gap:10px;column-gap:10px;grid-row-gap:2px;row-gap:2px}.kpi+.kpi{border-top:1px solid var(--border)}.card>.kpi-grid{background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}.card>.kpi-grid>.kpi{padding-left:0;padding-right:0}.kpi-compact .kpi-value,.kpi-value{margin-top:0;justify-content:flex-end}.kpi-compact .kpi-num,.kpi-num{font-size:19px}.kpi-compact .kpi-unit,.kpi-unit{font-size:12px}.kpi-delta{grid-column:2;margin-top:0;text-align:right}.tbl-wrap{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.tbl{font-size:12.5px}.cell-clip{max-width:180px}.date-form{width:100%}.date-form .input{flex:1 1;width:auto;min-width:0}.date-form .btn{flex:1 0 100%}}.spinner{width:34px;height:34px;margin:0 auto;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.ref-head,.ref-hint{margin-bottom:16px}.ref-hint{background:var(--accent-weak);border:1px solid #ddd2fb;color:var(--text-soft);font-size:13px;padding:10px 14px;border-radius:var(--radius-sm)}.ref-searchbar{display:flex;gap:10px;align-items:stretch;margin-bottom:12px}.ref-crit{position:relative;flex:none}.ref-crit-btn{height:100%;display:flex;align-items:center;gap:8px;background:var(--accent-weak);color:var(--accent);border:1px solid #ddd2fb;border-radius:var(--radius-sm);padding:0 14px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.ref-crit-menu{position:absolute;top:calc(100% + 6px);left:0;width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:8px;z-index:20}.ref-crit-menu-head{font-size:12px;font-weight:700;color:var(--muted);padding:4px 8px 8px}.ref-crit-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-soft);cursor:pointer}.ref-crit-item:hover{background:var(--surface-2)}.ref-crit-item.active{background:var(--accent-weak);color:var(--accent)}.ref-crit-note{font-size:11px;color:var(--muted);padding:8px 10px 4px;line-height:1.5}.ref-search-input{flex:1 1;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px;min-width:0}.ref-search-input input{flex:1 1;border:none;outline:none;background:transparent;font-size:14px;padding:12px 0;color:var(--text);min-width:0}.ref-clear{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:13px}.ref-filter-toggle{flex:none;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:0 16px;font-size:14px;font-weight:700;color:var(--text-soft);cursor:pointer}.ref-filter-toggle.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.ref-live-btn{flex:none;white-space:nowrap}.ref-live-status{display:flex;align-items:center;gap:8px;background:var(--accent-weak);border:1px solid #ddd2fb;color:var(--text-soft);font-size:13px;padding:9px 14px;border-radius:var(--radius-sm);margin-bottom:14px}.spinner-sm{width:15px;height:15px;border-radius:50%;border:2px solid #cbb8f5;border-top:2px solid var(--accent);animation:spin .7s linear infinite;display:inline-block;flex:none}.ref-filter-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.ref-frow{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--border)}.ref-frow:last-child{border-bottom:none}.ref-frow-label{flex:none;width:110px;font-size:13px;font-weight:700;color:var(--text-soft);padding-top:5px}.ref-frow-pills{display:flex;flex-wrap:wrap;gap:8px}.ref-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--text-soft);cursor:pointer;white-space:nowrap}.ref-pill.on,.ref-pill:hover{border-color:var(--accent)}.ref-pill.on{background:var(--accent);color:var(--accent-ink)}.ref-dot{width:8px;height:8px;border-radius:999px;display:inline-block;flex:none}.ref-brandsug{margin-bottom:18px}.ref-brandsug-title{font-size:13px;font-weight:700;margin-bottom:10px}.ref-brandsug-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;gap:10px}.ref-brandcard{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:10px}.ref-brandcard-top{gap:9px}.ref-avatar,.ref-brandcard-top{display:flex;align-items:center}.ref-avatar{width:34px;height:34px;border-radius:999px;justify-content:center;color:#fff;font-weight:800;flex:none}.ref-brandcard-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-kr{font-size:10px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 3px;vertical-align:middle}.ref-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.ref-select{width:auto;padding:8px 12px;flex:none}.ref-disguise{display:inline-block;background:#f3e8ff;color:#7c3aed;font-size:10px;font-weight:700;padding:1px 6px;border-radius:5px;margin-right:5px}.ref-catbar{align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.ref-catbar,.ref-cattabs{display:flex;flex-wrap:wrap}.ref-cattabs{gap:6px}.ref-cattab{border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .12s,color .12s}.ref-cattab:hover{background:var(--surface-2,rgba(0,0,0,.04));color:var(--text)}.ref-cattab.on{background:var(--text);color:var(--surface)}.ref-catadd{border:1px dashed var(--border);color:var(--accent);font-weight:700}.ref-catadd:hover{background:var(--accent-weak);color:var(--accent)}.ref-catdays{display:flex;gap:6px}.ref-daychip{border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;cursor:pointer;transition:all .12s}.ref-daychip:hover{border-color:var(--accent);color:var(--text)}.ref-daychip.on{background:var(--accent);border-color:var(--accent);color:#fff}.ref-masonry{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:start}@media (max-width:1400px){.ref-masonry{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1100px){.ref-masonry{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.ref-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}}.ref-card{display:flex;flex-direction:column;width:100%;margin:0;text-align:left;padding:0;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.ref-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.ref-thumb{position:relative;display:flex;align-items:center;justify-content:center;padding:16px;width:100%;aspect-ratio:4/5}.ref-thumb-copy{color:#fff;font-weight:800;font-size:15px;line-height:1.35;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ref-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ref-pct{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;z-index:1}.ref-pct.hot{background:var(--accent)}.ref-modal-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.ref-media-ico{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.4);color:#fff;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px}.ref-play{position:absolute;color:rgba(255,255,255,.92);font-size:26px;text-shadow:0 2px 10px rgba(0,0,0,.35)}.ref-play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:999px;border:none;background:rgba(0,0,0,.55);color:#fff;font-size:22px;padding-left:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;z-index:2}.ref-play-btn:hover{background:rgba(0,0,0,.78)}.ref-cardfoot{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}.ref-cardfoot-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:3px}.ref-plat{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--muted)}.ref-plat,.ref-save{font-size:11px;white-space:nowrap}.ref-save{font-weight:700;color:var(--accent);background:var(--accent-weak);border-radius:6px;padding:3px 8px;cursor:pointer}.ref-save:hover{background:#e3d8fc}.ref-brand{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-life-row{margin-top:2px}.ref-life-txt{font-size:11px;font-weight:600;color:var(--text-soft)}.ref-empty,.ref-life-txt.off{color:var(--muted)}.ref-empty{padding:60px 20px;text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.ref-modal-back{position:fixed;inset:0;background:rgba(20,16,34,.5);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.ref-modal{position:relative;background:var(--surface);border-radius:var(--radius);width:100%;max-width:720px;max-height:90vh;overflow:auto;display:grid;grid-template-columns:300px 1fr;box-shadow:0 20px 60px rgba(16,24,40,.3)}.ref-modal-x{position:absolute;top:10px;right:12px;border:none;background:rgba(0,0,0,.35);color:#fff;width:30px;height:30px;border-radius:999px;cursor:pointer;font-size:14px;z-index:2}.ref-modal-thumb{position:relative;display:flex;align-items:center;justify-content:center;min-height:320px;padding:20px}.ref-modal-body{padding:22px 24px 26px}.ref-stat{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;padding:14px;background:var(--surface-2);border-radius:var(--radius-sm)}@media (max-width:640px){.ref-searchbar{flex-wrap:wrap}.ref-search-input{order:3;flex:1 1 100%}.ref-frow{flex-direction:column;gap:6px}.ref-frow-label{width:auto;padding-top:0}.ref-modal{grid-template-columns:1fr;max-height:92vh}.ref-modal-thumb{min-height:200px}}.ref-subnav{margin:2px 0 6px 8px;padding-left:10px;border-left:1px solid var(--border);display:flex;flex-direction:column}.ref-sublink{padding:6px 10px;border-radius:7px;font-size:13px;color:var(--text-soft);text-decoration:none}.ref-sublink:hover{background:var(--surface-2);text-decoration:none}.ref-trend-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.ref-plat-tabs{display:inline-flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px}.ref-tab{border:none;background:transparent;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-soft);cursor:pointer;display:inline-flex;align-items:center}.ref-tab.on{background:var(--surface);box-shadow:var(--shadow-sm)}.ref-verified{color:#1d9bf0;font-size:11px;margin-left:3px}.ref-eng{font-size:11px;color:var(--muted);font-weight:600}.ref-home{display:flex;flex-direction:column;gap:22px}.ref-hsec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}.ref-hsec-title{font-size:16px;margin:0}.ref-hbanner{display:flex;align-items:baseline;gap:10px;padding:8px 0 2px;border-top:1px solid var(--border);margin-top:6px;flex-wrap:wrap}.ref-search-chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;color:var(--text);box-shadow:var(--shadow-sm)}.ref-hrow{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.ref-hrow::-webkit-scrollbar{height:8px}.ref-hrow::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.ref-hitem{flex:0 0 210px;width:210px;scroll-snap-align:start}.ref-hitem .ref-card{margin:0}.ref-modal2{position:relative;background:var(--surface);border-radius:var(--radius);width:100%;max-width:1080px;max-height:90vh;display:grid;grid-template-columns:400px 1fr;overflow:hidden;box-shadow:0 20px 60px rgba(16,24,40,.3)}.ref-modal2-left{overflow-y:auto;max-height:90vh;border-right:1px solid var(--border)}.ref-modal2-right{overflow-y:auto;max-height:90vh;padding:18px 20px;background:var(--surface-2)}.ref-modal-info{padding:18px 20px 22px}.ref-sim-title{font-size:14px;font-weight:800;margin-bottom:12px}.ref-sim-grid{column-count:2;column-gap:12px}.ref-rtabs{display:flex;gap:18px;border-bottom:1px solid var(--border);margin-bottom:14px}.ref-rtab{background:transparent;padding:6px 2px 10px;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.ref-rtab.on{color:var(--text);border-bottom-color:var(--accent)}.ref-script-note{font-size:12px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;margin-bottom:10px;line-height:1.5}.ref-tt-box{background:var(--accent-weak);border:1px solid #ddd2fb;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:14px}.ref-tt-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:800;color:var(--accent);margin-bottom:8px}.ref-tt-text{font-size:13px;line-height:1.65;color:var(--text);white-space:pre-wrap}.ref-script-list{display:flex;flex-direction:column;gap:8px}.ref-script-seg{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 34px 10px 12px}.ref-script-time{font-size:11px;font-weight:700;color:var(--accent);margin-bottom:3px}.ref-script-text{font-size:13px;line-height:1.55;color:var(--text)}.ref-script-copy{position:absolute;top:8px;right:8px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:14px}.ref-script-copy:hover{color:var(--accent)}@media (max-width:760px){.ref-modal2{grid-template-columns:1fr;overflow-y:auto}.ref-modal2-left,.ref-modal2-right{max-height:none;border-right:none}}.inf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.inf-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:13px;color:var(--text-soft);cursor:pointer;white-space:nowrap}.inf-chip:hover{border-color:var(--accent);color:var(--accent)}.inf-list{display:flex;flex-direction:column;gap:16px}.inf-row{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 16px}.inf-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.inf-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inf-foll{flex:none;text-align:right;min-width:64px}.inf-collab{flex:1 1;min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inf-actions{flex:none;display:flex;gap:6px}.inf-ico{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;color:var(--text-soft)}.inf-ico.save{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.inf-thumbs{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.inf-thumb{position:relative;aspect-ratio:4/5;border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:flex-end;padding:10px}.inf-thumb-copy{color:#fff;font-weight:700;font-size:12px;line-height:1.35;text-shadow:0 1px 6px rgba(0,0,0,.35);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:900px){.inf-thumbs{grid-template-columns:repeat(3,1fr)}.inf-collab,.inf-thumbs .inf-thumb:nth-child(n+4){display:none}}