@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap";:root{--brand-blue: #165dff;--brand-purple: #722ed1;--surface-bg: #f5f7fa;--text-main: #1d2129;--text-sub: #4e5969;--line: #d8dde7;--white: #ffffff;--positive: #2f9e44;--danger: #d9480f;--nav-height: 82px}*{box-sizing:border-box}body{margin:0;font-family:Sora,Space Grotesk,sans-serif;color:var(--text-main);background:radial-gradient(circle at 14% 12%,rgba(22,93,255,.17),transparent 37%),radial-gradient(circle at 86% 4%,rgba(114,46,209,.18),transparent 34%),linear-gradient(180deg,#f6f9ff,#eff2f7 60%,#eef2fb)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.top-nav{position:sticky;top:0;z-index:50;height:var(--nav-height);padding:.9rem 1.2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(216,221,231,.8);background:#f5f7faf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:.8rem}.brand h1{margin:0;font-size:1.05rem;font-family:Space Grotesk,sans-serif;letter-spacing:.01em}.brand p{margin:.1rem 0 0;font-size:.75rem;color:var(--text-sub)}.brand-chip{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;background:linear-gradient(130deg,var(--brand-blue),var(--brand-purple));box-shadow:0 8px 20px #165dff38}.mobile-menu-btn{display:none}.nav-links{display:flex;align-items:center;gap:.95rem}.nav-links a{padding:.42rem .7rem;border-radius:10px;color:var(--text-sub);transition:all .2s ease;font-size:.9rem}.nav-links a.active,.nav-links a:hover{background:#165dff24;color:var(--brand-blue)}.with-submenu{position:relative}.submenu{position:absolute;top:120%;left:0;min-width:190px;padding:.45rem;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:0 16px 28px #1d21291a;display:none}.with-submenu:hover .submenu{display:grid}.submenu a{padding:.5rem .6rem}main{flex:1;width:min(1280px,calc(100% - 2.2rem));margin:1.15rem auto 1.5rem}.page{display:grid;gap:1rem}.page-head{border:1px solid var(--line);border-radius:18px;background:#ffffffe6;padding:1.2rem 1.3rem}.page-head h2{margin:0 0 .4rem;font-family:Space Grotesk,sans-serif}.page-head p{margin:0;color:var(--text-sub)}.home-layout{display:grid;gap:1rem;grid-template-columns:30% minmax(0,70%)}.filter-panel,.result-panel,.section-card,.tool-card{border:1px solid var(--line);border-radius:18px;background:#ffffffeb}.filter-panel{padding:.9rem;align-self:flex-start;position:sticky;top:calc(var(--nav-height) + .8rem)}.filter-toggle-btn{width:100%;display:none;margin-bottom:.75rem}.form-field{display:grid;gap:.45rem;margin-bottom:.95rem}.form-field>span{font-weight:600;font-size:.88rem}input,select,textarea,button{border:1px solid var(--line);border-radius:11px;padding:.6rem .72rem;background:var(--white)}input:focus,select:focus,textarea:focus,button:focus{outline:2px solid rgba(22,93,255,.2);outline-offset:1px}textarea{min-height:90px;resize:vertical}button{cursor:pointer;transition:transform .15s ease,border-color .15s ease}button:hover{border-color:var(--brand-blue)}button:disabled{cursor:not-allowed;opacity:.55}.gradient-btn{color:var(--white);border:0;background:linear-gradient(120deg,var(--brand-blue),var(--brand-purple));box-shadow:0 10px 22px #165dff40}.gradient-btn:hover{transform:translateY(-1px)}.full-width{width:100%}.style-grid{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.style-card{display:flex;align-items:center;gap:.5rem;text-align:left;color:var(--text-sub)}.style-card.active{border-color:var(--brand-blue);color:var(--brand-blue);background:#165dff14}.inline-selects{display:flex;gap:.5rem;align-items:center}.check-grid{display:grid;gap:.45rem}.check-grid label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-sub)}.result-panel{padding:.85rem}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}.panel-title h3,.panel-title p{margin:0}.name-list{display:grid;gap:.65rem}.name-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:.78rem}.name-card.used{opacity:.62}.name-card-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.name-card-head h4{margin:0;font-size:1rem}.pill{font-size:.75rem;color:var(--brand-purple);background:#722ed11a;padding:.24rem .54rem;border-radius:999px}.name-card-actions{margin-top:.62rem;display:flex;flex-wrap:wrap;gap:.4rem}.name-card-actions button{padding:.4rem .55rem;font-size:.78rem}button.active{background:#165dff21;color:var(--brand-blue);border-color:#165dff59}.empty-state{border:1px dashed var(--line);border-radius:14px;text-align:center;padding:1.2rem;color:var(--text-sub)}.tabs{display:flex;flex-wrap:wrap;gap:.55rem}.tabs button.active{background:linear-gradient(120deg,#165dff26,#722ed126)}.section-card,.tool-card{padding:1rem}.form-row{display:flex;gap:.6rem;flex-wrap:wrap}.form-row label{display:grid;gap:.35rem;font-size:.88rem}.form-row label.wide{flex:1;min-width:240px}.inline-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.75rem;margin-bottom:.75rem}.stack-list{display:grid;gap:.55rem}.mini-card{border:1px solid var(--line);border-radius:12px;padding:.72rem;background:#fffffff2}.mini-card h4,.mini-card p{margin:.2rem 0}.pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.hot-grid,.symbol-grid,.submission-grid,.theme-grid{display:grid;gap:.7rem}.hot-grid,.symbol-grid,.submission-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.zone-card{border:1px solid var(--line);border-radius:12px;padding:.75rem}.zone-card h4{margin:0 0 .35rem}.zone-card p{margin:0 0 .5rem;color:var(--text-sub)}.zone-card ul{display:grid;gap:.25rem;margin:0;padding-left:1rem}.symbol-list{display:flex;gap:.36rem;flex-wrap:wrap;margin-bottom:.4rem}.symbol-btn{min-width:42px;font-size:1.05rem;padding:.4rem}.submission-card{border:1px solid var(--line);border-radius:12px;padding:.75rem}.comment-editor{display:grid;gap:.4rem;margin-top:.5rem}.comment-list{display:grid;gap:.4rem;margin-top:.65rem}.comment-item{border-left:2px solid rgba(22,93,255,.34);padding-left:.55rem}.comment-item strong,.comment-item span,.comment-item p{display:block}.comment-item span{color:var(--text-sub);font-size:.76rem}.result-banner{border:1px solid rgba(22,93,255,.2);border-radius:12px;background:#165dff14;padding:.7rem}.compat-list{margin:.7rem 0 0;padding-left:1rem;display:grid;gap:.25rem}.history-list{display:grid;gap:.55rem}.history-item{border:1px solid var(--line);border-radius:12px;padding:.62rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem}.history-item strong{display:block}.history-item p{margin:.1rem 0}.history-item small,.empty-inline{color:var(--text-sub)}.ordered-list{margin:0;padding-left:1.1rem;display:grid;gap:.3rem}.footer{padding:.75rem 1rem 1rem;text-align:center;color:var(--text-sub);font-size:.82rem}.modal-overlay{position:fixed;inset:0;background:#1d21297a;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:120}.modal-card{width:min(540px,100%);border-radius:16px;background:#fff;border:1px solid var(--line);padding:1rem}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.modal-header h3{margin:0}.ghost-btn{background:#165dff14}.modal-style-tag{font-size:.83rem;color:var(--brand-purple)}.toast{position:fixed;right:1rem;bottom:1.1rem;z-index:220;border-radius:12px;background:#111827;color:#fff;padding:.58rem .8rem;opacity:0;transform:translateY(8px);transition:all .2s ease}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1199px){main{width:min(100%,calc(100% - 1.6rem))}.home-layout{grid-template-columns:1fr}.filter-panel{position:static}}@media(max-width:767px){:root{--nav-height: auto}.top-nav{height:auto;flex-wrap:wrap;gap:.7rem;padding:.8rem}.mobile-menu-btn{display:inline-flex}.nav-links{width:100%;display:none;padding-top:.4rem;border-top:1px solid var(--line);flex-wrap:wrap}.nav-links.open{display:flex}.with-submenu .submenu{position:static;display:grid;box-shadow:none;margin-top:.35rem}.filter-toggle-btn{display:inline-flex}.filter-content{display:none}.filter-content.show{display:block}.style-grid{grid-template-columns:1fr 1fr}.pair-grid{grid-template-columns:1fr}.history-item{flex-direction:column;align-items:flex-start}}