.symbol-actions{align-items:center;}
.symbol-save-action{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.075);border-radius:9px;color:#8d99a6;background:rgba(255,255,255,.018);font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease;}
.symbol-save-action:hover{transform:translateY(-1px);border-color:rgba(255,196,61,.24);color:#ffc43d;background:rgba(255,196,61,.055);}
.symbol-save-action.is-active{border-color:rgba(255,196,61,.28);color:#ffc43d;background:rgba(255,196,61,.075);box-shadow:0 0 0 1px rgba(255,196,61,.025);}
.symbol-save-action.has-membership{border-color:rgba(167,139,250,.25);color:#a991ff;background:rgba(167,139,250,.065);}
.symbol-save-action:disabled{opacity:.55;cursor:wait;transform:none;}

.saved-content-page{padding-top:42px;padding-bottom:72px;}
.saved-hero{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:22px;background:linear-gradient(145deg,rgba(15,22,30,.96),rgba(9,15,21,.98));box-shadow:0 18px 48px rgba(0,0,0,.16);}
.saved-hero::after{content:"";position:absolute;right:-80px;top:-110px;width:300px;height:300px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(var(--saved-accent-rgb,167,139,250),.10),transparent 66%);}
.saved-hero.is-favorites{--saved-accent:#ffc43d;--saved-accent-rgb:255,196,61;}
.saved-hero.is-collections{--saved-accent:#a991ff;--saved-accent-rgb:169,145,255;}
.saved-hero-icon{position:relative;z-index:1;width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(var(--saved-accent-rgb),.2);border-radius:16px;color:var(--saved-accent);background:rgba(var(--saved-accent-rgb),.065);font-size:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
.saved-hero>div:nth-child(2){position:relative;z-index:1;min-width:0;}
.saved-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--saved-accent,#a991ff);font-size:7px;font-weight:950;letter-spacing:.12em;}
.saved-hero h1,.collection-detail-copy h1{margin:4px 0 0;color:#f4f7fa;font-size:26px;letter-spacing:-.8px;line-height:1.1;}
.saved-hero p{max-width:760px;margin:6px 0 0;color:#93a0ad;font-size:9px;line-height:1.65;}
.saved-primary-action{position:relative;z-index:1;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid rgba(var(--saved-accent-rgb,167,139,250),.24);border-radius:11px;color:var(--saved-accent,#a991ff);background:rgba(var(--saved-accent-rgb,167,139,250),.065);text-decoration:none;font:inherit;font-size:8px;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.saved-primary-action:hover{transform:translateY(-1px);border-color:rgba(var(--saved-accent-rgb,167,139,250),.38);background:rgba(var(--saved-accent-rgb,167,139,250),.10);}
.saved-section{margin-top:14px;padding:18px 20px;border:1px solid rgba(255,255,255,.065);border-radius:20px;background:rgba(13,20,28,.78);}
.saved-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid rgba(255,255,255,.045);}
.saved-section-head>div{display:grid;gap:2px;}.saved-section-head span{color:#7e8d9b;font-size:6.5px;font-weight:900;letter-spacing:.1em;}.saved-section-head h2{margin:0;color:#e2e8ee;font-size:12px;}
.saved-section-head>a{display:inline-flex;align-items:center;gap:7px;color:#9aa8b5;text-decoration:none;font-size:8px;font-weight:900;}.saved-section-head>a:hover{color:#cbd5df;}
.saved-empty{margin-top:14px;display:flex;align-items:center;gap:14px;padding:20px;border:1px dashed rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.012);}
.saved-empty>i{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;color:#a991ff;background:rgba(169,145,255,.065);font-size:15px;}.saved-empty>div{min-width:0;display:grid;gap:3px;}.saved-empty strong{color:#d8e0e7;font-size:10px;}.saved-empty p{margin:0;color:#8997a4;font-size:8px;}.saved-empty>a,.saved-empty>button{margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:0;color:#a991ff;background:none;text-decoration:none;font:inherit;font-size:8px;font-weight:900;cursor:pointer;}.saved-empty.is-warning>i{color:#ff9c55;background:rgba(255,156,85,.065);}.saved-empty code{color:#d2dae2;}
.saved-symbol-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
.saved-symbol-card{position:relative;min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid rgba(var(--saved-rgb),.15);border-radius:14px;background:radial-gradient(circle at 0 50%,rgba(var(--saved-rgb),.055),transparent 42%),rgba(255,255,255,.009);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.saved-symbol-card:hover{transform:translateY(-2px);border-color:rgba(var(--saved-rgb),.28);box-shadow:0 10px 24px rgba(0,0,0,.16);}
.saved-symbol-preview{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(var(--saved-rgb),.22);border-radius:12px;color:var(--saved-color);background:rgba(var(--saved-rgb),.075);font-size:20px;font-weight:900;}
.saved-symbol-copy{min-width:0;display:grid;gap:4px;}.saved-symbol-copy small{display:flex;align-items:center;gap:5px;overflow:hidden;color:var(--saved-color);font-size:6px;font-weight:850;white-space:nowrap;text-overflow:ellipsis;}.saved-symbol-copy strong{overflow:hidden;color:#d5dde5;font-size:8px;white-space:nowrap;text-overflow:ellipsis;}
.saved-symbol-actions{display:flex;align-items:center;gap:4px;}.saved-symbol-actions button{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.065);border-radius:8px;color:#8e9ba8;background:rgba(255,255,255,.015);font:inherit;font-size:8px;cursor:pointer;}.saved-symbol-actions button:hover{color:var(--saved-color);border-color:rgba(var(--saved-rgb),.25);background:rgba(var(--saved-rgb),.055);}.saved-symbol-actions button.is-favorite{color:#ffc43d;border-color:rgba(255,196,61,.18);background:rgba(255,196,61,.045);}.saved-symbol-actions button.is-danger:hover{color:#ff6f7d;border-color:rgba(255,111,125,.24);background:rgba(255,111,125,.055);}.saved-symbol-actions button:disabled{opacity:.3;cursor:default;}
.saved-symbol-rank{position:absolute;right:8px;top:6px;color:rgba(var(--saved-rgb),.38);font-size:6px;font-weight:950;}

.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.collection-card{position:relative;min-width:0;display:grid;gap:13px;padding:16px;border:1px solid rgba(167,139,250,.13);border-radius:17px;background:radial-gradient(circle at 0 0,rgba(167,139,250,.055),transparent 38%),rgba(255,255,255,.009);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}.collection-card.is-public{border-color:rgba(99,220,152,.14);background:radial-gradient(circle at 0 0,rgba(99,220,152,.05),transparent 38%),rgba(255,255,255,.009);}.collection-card:hover{transform:translateY(-2px);border-color:rgba(167,139,250,.26);box-shadow:0 13px 28px rgba(0,0,0,.17);}.collection-card.is-public:hover{border-color:rgba(99,220,152,.28);}
.collection-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}.collection-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(167,139,250,.2);border-radius:11px;color:#a991ff;background:rgba(167,139,250,.065);}.collection-card.is-public .collection-icon{color:#63dc98;border-color:rgba(99,220,152,.2);background:rgba(99,220,152,.06);}.collection-visibility{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid rgba(255,255,255,.06);border-radius:999px;color:#8f9ba8;background:rgba(255,255,255,.015);font-size:6px;font-weight:900;}.collection-card.is-public .collection-visibility{color:#63dc98;border-color:rgba(99,220,152,.14);background:rgba(99,220,152,.04);}
.collection-card-copy{display:grid;gap:5px;}.collection-card-copy h2{margin:0;color:#e1e7ed;font-size:12px;}.collection-card-copy p{min-height:30px;margin:0;color:#8996a3;font-size:7.5px;line-height:1.55;}.collection-card-meta{display:flex;align-items:center;gap:12px;color:#7d8b99;font-size:7px;}.collection-card-meta b{color:#cbd4dd;}.collection-card-actions{display:flex;align-items:center;gap:7px;padding-top:10px;border-top:1px solid rgba(255,255,255,.045);}.collection-card-actions a,.collection-card-actions button{min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid rgba(255,255,255,.065);border-radius:9px;color:#9aa7b4;background:rgba(255,255,255,.015);text-decoration:none;font:inherit;font-size:7px;font-weight:900;cursor:pointer;}.collection-card-actions a:hover,.collection-card-actions button:hover{color:#a991ff;border-color:rgba(167,139,250,.2);background:rgba(167,139,250,.045);}

.saved-modal{position:fixed;inset:0;z-index:1250;display:none;align-items:center;justify-content:center;padding:20px;}.saved-modal.is-open{display:flex;}.saved-modal-backdrop{position:absolute;inset:0;background:rgba(3,7,11,.76);backdrop-filter:blur(5px);}.saved-modal-dialog{position:relative;z-index:1;width:min(590px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:21px;background:linear-gradient(145deg,#101820,#0b1118);box-shadow:0 28px 80px rgba(0,0,0,.42);}.saved-modal-dialog.is-compact{width:min(470px,100%);}.saved-modal-dialog>header{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.055);}.saved-modal-dialog>header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#a991ff;background:rgba(167,139,250,.065);border:1px solid rgba(167,139,250,.16);}.saved-modal-dialog>header>div{min-width:0;display:grid;gap:2px;}.saved-modal-dialog>header small{color:#a991ff;font-size:6px;font-weight:950;letter-spacing:.11em;}.saved-modal-dialog>header h2{margin:0;color:#e5eaf0;font-size:12px;}.saved-modal-dialog>header>button{margin-left:auto;width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.06);border-radius:9px;color:#8e9aa7;background:rgba(255,255,255,.014);cursor:pointer;}.saved-modal-fields{display:grid;gap:13px;padding:17px 18px;}.saved-modal-fields>label{display:grid;gap:7px;}.saved-modal-fields>label>span,.saved-modal-fields legend{color:#8f9ca9;font-size:7px;font-weight:900;}.saved-modal-fields input[type=text],.saved-modal-fields input:not([type]),.saved-modal-fields textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.075);border-radius:11px;color:#d9e0e7;background:#0b1219;font:inherit;font-size:9px;outline:none;}.saved-modal-fields input{height:39px;padding:0 11px;}.saved-modal-fields textarea{min-height:88px;resize:vertical;padding:10px 11px;}.saved-modal-fields input:focus,.saved-modal-fields textarea:focus{border-color:rgba(167,139,250,.28);box-shadow:0 0 0 3px rgba(167,139,250,.045);}.saved-modal-fields fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;border:0;margin:0;}.saved-modal-fields legend{grid-column:1/-1;margin-bottom:7px;}.visibility-choice input{position:absolute;opacity:0;pointer-events:none;}.visibility-choice>span{height:62px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;column-gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.012);cursor:pointer;}.visibility-choice>span>i{grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:#8f9ba8;background:rgba(255,255,255,.025);}.visibility-choice b{color:#cbd4dc;font-size:8px;}.visibility-choice small{color:#7f8d9b;font-size:6px;}.visibility-choice input:checked+span{border-color:rgba(167,139,250,.23);background:rgba(167,139,250,.045);}.visibility-choice input:checked+span>i{color:#a991ff;background:rgba(167,139,250,.075);}.saved-modal-dialog>footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:13px 18px;border-top:1px solid rgba(255,255,255,.05);}.saved-modal-dialog>footer>button,.saved-modal-dialog>footer>a{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid rgba(255,255,255,.065);border-radius:9px;color:#9ca9b5;background:rgba(255,255,255,.015);text-decoration:none;font:inherit;font-size:7px;font-weight:900;cursor:pointer;}.saved-modal-dialog>footer .saved-primary-action{--saved-accent:#a991ff;--saved-accent-rgb:169,145,255;color:#a991ff;border-color:rgba(169,145,255,.25);background:rgba(169,145,255,.065);}.saved-danger-action{margin-right:auto!important;color:#ff7885!important;border-color:rgba(255,111,125,.18)!important;background:rgba(255,111,125,.045)!important;}.saved-form-message{margin:0 18px 12px;padding:9px 10px;border:1px solid rgba(255,111,125,.16);border-radius:9px;color:#e8a1a8;background:rgba(255,111,125,.04);font-size:7px;}
.symbol-collection-selected{display:flex;align-items:center;gap:10px;margin:14px 16px 8px;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.012);}.symbol-collection-selected>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#ffc43d;background:rgba(255,196,61,.055);font-size:17px;}.symbol-collection-selected>div{display:grid;gap:2px;}.symbol-collection-selected small{color:#7c8b99;font-size:5.5px;font-weight:900;letter-spacing:.1em;}.symbol-collection-selected strong{color:#d7dee5;font-size:8px;}.symbol-collection-list{display:grid;gap:6px;padding:8px 16px 14px;}.symbol-collection-list>button{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:10px;color:inherit;background:rgba(255,255,255,.01);text-align:left;font:inherit;cursor:pointer;}.symbol-collection-list>button:hover,.symbol-collection-list>button.is-active{border-color:rgba(167,139,250,.2);background:rgba(167,139,250,.04);}.symbol-collection-check{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:transparent;background:rgba(255,255,255,.02);}.symbol-collection-list>button.is-active .symbol-collection-check{color:#a991ff;border-color:rgba(167,139,250,.24);background:rgba(167,139,250,.075);}.symbol-collection-list>button>span:last-child{display:grid;gap:2px;}.symbol-collection-list strong{color:#cfd7df;font-size:8px;}.symbol-collection-list small{color:#7e8d9a;font-size:6px;}.symbol-collection-empty{display:flex;align-items:center;gap:9px;padding:12px;color:#8896a4;}.symbol-collection-empty>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#a991ff;background:rgba(167,139,250,.055);}.symbol-collection-empty span{display:grid;gap:2px;}.symbol-collection-empty strong{color:#c7d0d8;font-size:8px;}.symbol-collection-empty small{font-size:6px;}

.collection-detail-hero{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:24px;border:1px solid rgba(167,139,250,.12);border-radius:23px;background:radial-gradient(circle at 0 0,rgba(167,139,250,.07),transparent 30%),linear-gradient(145deg,rgba(15,22,30,.96),rgba(9,15,21,.98));}.collection-owner{align-self:start;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:13px;color:inherit;background:rgba(255,255,255,.012);text-decoration:none;}.collection-owner>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#a991ff;background:rgba(167,139,250,.07);font-size:13px;font-weight:900;}.collection-owner>div{min-width:0;display:grid;gap:2px;}.collection-owner small{color:#788896;font-size:5.5px;font-weight:900;letter-spacing:.1em;}.collection-owner strong{overflow:hidden;color:#ccd5de;font-size:8px;white-space:nowrap;text-overflow:ellipsis;}.collection-detail-copy{min-width:0;}.collection-detail-copy .saved-eyebrow{--saved-accent:#a991ff;}.collection-detail-copy p{max-width:760px;margin:8px 0 0;color:#93a0ad;font-size:9px;line-height:1.65;}.collection-detail-copy>div{display:flex;align-items:center;gap:10px;margin-top:14px;}.collection-detail-copy>div>span{color:#82919f;font-size:7px;}.collection-detail-copy>div b{color:#d2dbe3;}.collection-detail-copy>div>a{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(167,139,250,.16);border-radius:9px;color:#a991ff;background:rgba(167,139,250,.04);text-decoration:none;font-size:7px;font-weight:900;}

body.page-public-profile .profile-v269-collections{margin-top:14px;padding:18px 20px;border:1px solid rgba(167,139,250,.12);border-radius:19px;background:rgba(13,20,28,.76);}.profile-v256-section-icon.is-collections{border-color:rgba(167,139,250,.18)!important;color:#a991ff!important;background:rgba(167,139,250,.055)!important;}.profile-v269-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;}.profile-v269-collection{min-width:0;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid rgba(167,139,250,.11);border-radius:12px;color:inherit;background:rgba(167,139,250,.025);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease;}.profile-v269-collection:hover{transform:translateY(-2px);border-color:rgba(167,139,250,.25);background:rgba(167,139,250,.05);}.profile-v269-collection>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:#a991ff;background:rgba(167,139,250,.07);}.profile-v269-collection>div{min-width:0;display:grid;gap:2px;}.profile-v269-collection strong{overflow:hidden;color:#d4dce4;font-size:8px;white-space:nowrap;text-overflow:ellipsis;}.profile-v269-collection small{color:#7f8d9b;font-size:6px;}.profile-v269-collection>i{color:#6f7f8e;font-size:7px;}.profile-v256-owner-hint.is-collections{border-color:rgba(167,139,250,.18);background:rgba(167,139,250,.022);}.profile-v256-owner-hint.is-collections>span,.profile-v256-owner-hint.is-collections>a{color:#a991ff;}

@media(max-width:1100px){.saved-symbol-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.profile-v269-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.saved-content-page{padding-top:24px;padding-bottom:50px;}.saved-hero{grid-template-columns:52px minmax(0,1fr);padding:18px;}.saved-hero-icon{width:48px;height:48px;}.saved-hero>.saved-primary-action{grid-column:1/-1;width:100%;}.saved-symbol-grid,.collection-grid,.profile-v269-collection-grid{grid-template-columns:1fr;}.collection-detail-hero{grid-template-columns:1fr;}.collection-owner{width:max-content;max-width:100%;}.saved-modal-fields fieldset{grid-template-columns:1fr;}}
@media(max-width:520px){.saved-symbol-card{grid-template-columns:42px minmax(0,1fr);}.saved-symbol-preview{width:42px;height:42px;}.saved-symbol-actions{grid-column:1/-1;justify-content:flex-end;}.saved-section{padding:15px;}.saved-section-head{align-items:flex-start;flex-direction:column;}.collection-card-actions{flex-wrap:wrap;}}
@media(prefers-reduced-motion:reduce){.symbol-save-action,.saved-primary-action,.saved-symbol-card,.collection-card,.profile-v269-collection{transition:none!important;}.symbol-save-action:hover,.saved-primary-action:hover,.saved-symbol-card:hover,.collection-card:hover,.profile-v269-collection:hover{transform:none!important;}}


body.page-index .symbol-footer{
  width:100%;
  align-items:stretch;
  flex-direction:column;
  gap:11px;
}

body.page-index .symbol-actions{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,.72fr) minmax(108px,1.25fr);
  align-items:stretch;
  gap:5px;
  padding:4px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:14px;
  background:rgba(3,8,13,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

body.page-index .symbol-actions.is-copy-only{
  grid-template-columns:1fr;
}

body.page-index .symbol-save-action,
body.page-index .symbol-copy-action{
  width:100%;
  min-width:0;
  min-height:38px;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:10px;
  box-sizing:border-box;
  font:inherit;
  font-size:8px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}

body.page-index .symbol-save-action{
  color:#8493a1;
  background:transparent;
  box-shadow:none;
}

body.page-index .symbol-save-action i,
body.page-index .symbol-copy-action i{
  flex:0 0 auto;
  font-size:9px;
}

body.page-index .symbol-save-action span,
body.page-index .symbol-copy-action span{
  overflow:hidden;
  text-overflow:ellipsis;
}

body.page-index .symbol-save-action:hover{
  transform:none;
  color:#c8d2dc;
  border-color:rgba(255,255,255,.07);
  background:rgba(255,255,255,.035);
  box-shadow:none;
}

body.page-index .symbol-save-action.is-favorite-action.is-active{
  color:#ffd15b;
  border-color:rgba(255,196,61,.18);
  background:linear-gradient(145deg,rgba(255,196,61,.105),rgba(255,196,61,.035));
  box-shadow:inset 0 1px 0 rgba(255,224,139,.035);
}

body.page-index .symbol-save-action.is-set-action.has-membership{
  color:#b9a8ff;
  border-color:rgba(167,139,250,.2);
  background:linear-gradient(145deg,rgba(167,139,250,.115),rgba(167,139,250,.035));
  box-shadow:inset 0 1px 0 rgba(205,192,255,.035);
}

body.page-index .symbol-copy-action{
  color:#dbe4ec;
  border-color:rgba(var(--card-rgb,98,201,255),.16);
  background:linear-gradient(145deg,rgba(var(--card-rgb,98,201,255),.10),rgba(var(--card-rgb,98,201,255),.035));
  transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}

body.page-index .symbol-copy-action i{
  color:var(--card-color,#62c9ff);
}

body.page-index .symbol-copy-action:hover{
  transform:translateY(-1px);
  color:#f3f7fa;
  border-color:rgba(var(--card-rgb,98,201,255),.32);
  background:linear-gradient(145deg,rgba(var(--card-rgb,98,201,255),.17),rgba(var(--card-rgb,98,201,255),.065));
  box-shadow:0 6px 16px rgba(0,0,0,.14);
}

body.page-index .library-card.view-compact .symbol-footer,
body.page-index .library-card.view-list .symbol-footer{
  align-items:stretch;
}

body.page-index .library-card.view-compact .symbol-actions.has-save-actions{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

body.page-index .library-card.view-compact .symbol-actions.has-save-actions .symbol-copy-action{
  grid-column:1/-1;
}

body.page-index .library-card.view-list .symbol-footer{
  width:min(365px,34vw);
}

body.page-index .library-card.view-list .symbol-actions{
  width:100%;
  min-width:0;
}

@media(max-width:980px){
  body.page-index .library-card.view-list .symbol-footer{
    width:100%;
  }
}

@media(max-width:520px){
  body.page-index .symbol-actions.has-save-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.page-index .symbol-actions.has-save-actions .symbol-copy-action{
    grid-column:1/-1;
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-index .symbol-copy-action{
    transition:none;
  }

  body.page-index .symbol-copy-action:hover{
    transform:none;
  }
}


.copyuni-symbol-image{
  display:none;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}

.has-symbol-image>.copyuni-symbol-image{
  display:block;
}

.has-symbol-image>.copyuni-symbol-fallback{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.cu-clipboard-symbol.has-symbol-image,
.cu-clipboard-row-symbol.has-symbol-image{
  position:relative;
  box-sizing:border-box;
  padding:6px;
}

.cu-clipboard-row-symbol.has-symbol-image{
  padding:4px;
}

.saved-symbol-preview.has-image,
body.page-public-profile .profile-v256-usage-symbol.has-image{
  box-sizing:border-box;
  padding:6px;
  overflow:hidden;
}

.saved-symbol-preview.has-image img,
body.page-public-profile .profile-v256-usage-symbol.has-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.22));
}

body.page-index .preview-visual-symbol-box strong.has-symbol-image{
  position:relative;
  width:68px;
  height:50px;
  display:grid;
  place-items:center;
}

body.page-index .preview-meta-box strong.has-symbol-image{
  position:relative;
  width:46px;
  height:32px;
  display:grid;
  place-items:center;
}

body.page-index .symbol-collection-modal .symbol-collection-selected>span.has-symbol-image{
  position:relative;
  box-sizing:border-box;
  padding:6px;
  overflow:hidden;
}


body.page-settings .settings-ui-language-card{margin-bottom:14px;}
body.page-settings .settings-ui-language-card .settings-language-dropdown{max-width:520px;margin-top:14px;}
body.page-settings .settings-ui-language-card .settings-avatar-note{margin-top:12px;}


body.page-index .symbol-card{
  isolation:isolate;
  min-height:228px;
  gap:15px;
  padding:18px;
  border-color:rgba(var(--card-rgb),.13);
  border-radius:21px;
  background:linear-gradient(155deg,rgba(15,22,30,.985),rgba(7,12,18,.995));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.10);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

body.page-index .symbol-card::before{
  content:"";
  inset:0;
  width:auto;
  height:auto;
  border-radius:inherit;
  background:
    radial-gradient(circle at 6% 4%,rgba(var(--card-rgb),.12),transparent 34%),
    linear-gradient(115deg,rgba(var(--card-rgb),.025),transparent 44%);
  opacity:1;
  z-index:0;
}

body.page-index .symbol-card::after{
  left:18px;
  right:auto;
  top:0;
  width:54px;
  height:2px;
  opacity:.9;
  background:linear-gradient(90deg,var(--card-color),rgba(var(--card-rgb),.18));
  transition:width .24s ease,opacity .24s ease;
}

body.page-index .symbol-card:hover,
body.page-index .symbol-card.is-active,
body.page-index .symbol-card:focus-within{
  border-color:rgba(var(--card-rgb),.34);
  transform:translateY(-3px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 20px 42px rgba(0,0,0,.24),
    0 0 0 1px rgba(var(--card-rgb),.025);
}

body.page-index .symbol-card:hover::after,
body.page-index .symbol-card.is-active::after,
body.page-index .symbol-card:focus-within::after{
  width:calc(100% - 36px);
  opacity:1;
}

body.page-index .symbol-card-watermark{
  position:absolute;
  z-index:0;
  right:-15px;
  top:52px;
  width:118px;
  height:118px;
  display:grid;
  place-items:center;
  color:var(--card-color);
  font-size:72px;
  opacity:.032;
  transform:rotate(-9deg) scale(.95);
  pointer-events:none;
  transition:opacity .24s ease,transform .32s ease;
}

body.page-index .symbol-card:hover .symbol-card-watermark,
body.page-index .symbol-card.is-active .symbol-card-watermark,
body.page-index .symbol-card:focus-within .symbol-card-watermark{
  opacity:.065;
  transform:rotate(-5deg) scale(1);
}

body.page-index .symbol-card-core{
  position:relative;
  z-index:1;
  min-width:0;
  min-height:78px;
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  align-items:center;
  gap:15px;
}

body.page-index .symbol-top{
  position:static;
  z-index:auto;
  display:block;
}

body.page-index .symbol-preview{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border-color:rgba(var(--card-rgb),.22);
  border-radius:17px;
  color:var(--card-color);
  background:
    linear-gradient(145deg,rgba(var(--card-rgb),.11),rgba(var(--card-rgb),.025)),
    rgba(5,10,15,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 9px 22px rgba(0,0,0,.16);
  font-family:"Font Awesome 7 Pro","Font Awesome 7 Brands","Segoe UI Symbol","Noto Sans Symbols 2",sans-serif;
  font-size:29px;
  font-weight:900;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

body.page-index .symbol-preview.has-image{
  padding:6px;
  overflow:hidden;
}

body.page-index .symbol-preview.has-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.24));
  transition:transform .24s ease,filter .24s ease;
}

body.page-index .symbol-card:hover .symbol-preview,
body.page-index .symbol-card.is-active .symbol-preview{
  transform:translateY(-2px) scale(1.025);
  border-color:rgba(var(--card-rgb),.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 27px rgba(0,0,0,.20),
    0 0 22px rgba(var(--card-rgb),.06);
}

body.page-index .symbol-card:hover .symbol-preview.has-image img,
body.page-index .symbol-card.is-active .symbol-preview.has-image img{
  transform:scale(1.035);
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.28));
}

body.page-index .badge{
  position:absolute;
  top:0;
  right:0;
  max-width:calc(100% - 84px);
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  overflow:hidden;
  border-color:rgba(var(--card-rgb),.17);
  background:rgba(var(--card-rgb),.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
  white-space:nowrap;
}

body.page-index .badge i{
  flex:0 0 auto;
  font-size:7px;
}

body.page-index .badge span{
  overflow:hidden;
  text-overflow:ellipsis;
}

body.page-index .symbol-main{
  min-width:0;
  display:flex;
  align-items:center;
  flex:none;
  margin:0;
  padding-top:23px;
}

body.page-index .symbol-card h3{
  margin:0 0 6px;
  color:#f0f4f7;
  font-size:17px;
  letter-spacing:-.025em;
}

body.page-index .symbol-card p{
  color:#8e9ca9;
  font-size:10px;
  line-height:1.55;
}

body.page-index .symbol-footer{
  position:relative;
  z-index:1;
  gap:8px;
  padding-top:11px;
  border-top:1px solid rgba(255,255,255,.047);
}

body.page-index .symbol-meta{
  min-height:13px;
  display:flex;
  align-items:center;
  flex-direction:row;
  gap:7px;
  padding:0 3px;
}

body.page-index .symbol-meta-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#71808e;
  font-size:7px;
  letter-spacing:.75px;
}

body.page-index .symbol-meta-label::before{
  content:"";
  width:5px;
  height:5px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--card-color);
  box-shadow:0 0 10px rgba(var(--card-rgb),.48);
}

body.page-index .symbol-meta strong{
  display:none;
}

body.page-index .symbol-actions{
  gap:4px;
  padding:3px;
  border-color:rgba(255,255,255,.05);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.12));
}

body.page-index .symbol-save-action,
body.page-index .symbol-copy-action{
  min-height:36px;
  border-radius:9px;
  font-size:8.25px;
}

body.page-index .symbol-copy-action{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

body.page-index .library-card.view-compact .symbol-card{
  min-height:226px;
  gap:13px;
  padding:15px;
}

body.page-index .library-card.view-compact .symbol-card-core{
  min-height:64px;
  grid-template-columns:56px minmax(0,1fr);
  gap:12px;
}

body.page-index .library-card.view-compact .symbol-preview{
  width:54px;
  height:54px;
  font-size:24px;
  border-radius:14px;
}

body.page-index .library-card.view-compact .symbol-preview.has-image{
  padding:5px;
}

body.page-index .library-card.view-compact .symbol-main{
  display:flex;
  padding-top:21px;
}

body.page-index .library-card.view-compact .symbol-card h3{
  font-size:15px;
}

body.page-index .library-card.view-compact .badge{
  max-width:calc(100% - 68px);
  padding:5px 7px;
  font-size:6.5px;
}

body.page-index .library-card.view-list .symbol-card{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(325px,.62fr);
  align-items:center;
  gap:20px;
  padding:15px 17px;
}

body.page-index .library-card.view-list .symbol-card-core{
  min-height:60px;
  grid-template-columns:58px minmax(0,1fr);
  gap:13px;
}

body.page-index .library-card.view-list .symbol-preview{
  width:56px;
  height:56px;
  font-size:25px;
  border-radius:14px;
}

body.page-index .library-card.view-list .symbol-preview.has-image{
  padding:5px;
}

body.page-index .library-card.view-list .symbol-main{
  display:flex;
  padding-top:20px;
}

body.page-index .library-card.view-list .symbol-footer{
  width:100%;
  margin:0;
  padding-top:0;
  border-top:0;
}

body.page-index .library-card.view-list .symbol-meta{
  display:none;
}

@media(max-width:980px){
  body.page-index .library-card.view-list .symbol-card{
    grid-template-columns:1fr;
    gap:13px;
  }

  body.page-index .library-card.view-list .symbol-footer{
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.047);
  }

  body.page-index .library-card.view-list .symbol-meta{
    display:flex;
  }
}

@media(max-width:520px){
  body.page-index .symbol-card{
    min-height:0;
    padding:15px;
  }

  body.page-index .symbol-card-core{
    grid-template-columns:57px minmax(0,1fr);
    gap:12px;
  }

  body.page-index .symbol-preview{
    width:55px;
    height:55px;
    font-size:24px;
    border-radius:14px;
  }

  body.page-index .symbol-preview.has-image{
    padding:5px;
  }

  body.page-index .symbol-main{
    padding-top:21px;
  }

  body.page-index .badge{
    max-width:calc(100% - 69px);
    font-size:6.5px;
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-index .symbol-card,
  body.page-index .symbol-card::after,
  body.page-index .symbol-card-watermark,
  body.page-index .symbol-preview{
    transition:none;
  }

  body.page-index .symbol-card:hover,
  body.page-index .symbol-card.is-active,
  body.page-index .symbol-card:focus-within,
  body.page-index .symbol-card:hover .symbol-preview,
  body.page-index .symbol-card.is-active .symbol-preview{
    transform:none;
  }

  body.page-index .symbol-preview.has-image img,
  body.page-index .symbol-card:hover .symbol-preview.has-image img,
  body.page-index .symbol-card.is-active .symbol-preview.has-image img{
    transform:none;
    transition:none;
  }
}


body.page-index .symbol-collection-modal{
  padding:32px;
}

body.page-index .symbol-collection-modal .saved-modal-backdrop{
  background:rgba(2,7,11,.80);
  backdrop-filter:blur(8px);
}

body.page-index .symbol-collection-modal .saved-modal-dialog.is-compact{
  width:min(780px,calc(100vw - 64px));
  min-height:min(500px,calc(100vh - 64px));
  max-height:min(780px,calc(100vh - 64px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-color:rgba(167,139,250,.15);
  border-radius:26px;
  background:
    radial-gradient(circle at 0 0,rgba(167,139,250,.075),transparent 31%),
    linear-gradient(145deg,#111a23,#091118);
  box-shadow:0 34px 110px rgba(0,0,0,.56);
}

body.page-index .symbol-collection-modal .saved-modal-dialog>header{
  flex:0 0 auto;
  gap:15px;
  padding:22px 24px;
  border-bottom-color:rgba(255,255,255,.065);
}

body.page-index .symbol-collection-modal .saved-modal-dialog>header>span{
  width:52px;
  height:52px;
  flex:0 0 auto;
  border-radius:15px;
  font-size:18px;
}

body.page-index .symbol-collection-modal .saved-modal-dialog>header>div{
  gap:4px;
}

body.page-index .symbol-collection-modal .saved-modal-dialog>header small{
  font-size:9px;
  letter-spacing:.13em;
}

body.page-index .symbol-collection-modal .saved-modal-dialog>header h2{
  font-size:20px;
  letter-spacing:-.025em;
}

body.page-index .symbol-collection-modal .saved-modal-dialog>header>button{
  width:43px;
  height:43px;
  border-radius:12px;
  font-size:15px;
}

body.page-index .symbol-collection-modal .symbol-collection-selected{
  flex:0 0 auto;
  gap:14px;
  margin:20px 22px 10px;
  padding:14px;
  border-color:rgba(255,255,255,.07);
  border-radius:15px;
  background:rgba(255,255,255,.018);
}

body.page-index .symbol-collection-modal .symbol-collection-selected>span{
  width:52px;
  height:52px;
  flex:0 0 auto;
  border-radius:14px;
  font-family:"Font Awesome 7 Pro","Font Awesome 7 Brands","Segoe UI Symbol","Noto Sans Symbols 2",sans-serif;
  font-size:24px;
  font-weight:900;
}

body.page-index .symbol-collection-modal .symbol-collection-selected>div{
  gap:4px;
}

body.page-index .symbol-collection-modal .symbol-collection-selected small{
  font-size:8px;
  letter-spacing:.12em;
}

body.page-index .symbol-collection-modal .symbol-collection-selected strong{
  font-size:13px;
}

body.page-index .symbol-collection-modal .symbol-collection-list{
  min-height:0;
  flex:1 1 auto;
  align-content:start;
  gap:9px;
  padding:10px 22px 20px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(167,139,250,.28) transparent;
}

body.page-index .symbol-collection-modal .symbol-collection-list>button{
  min-height:68px;
  grid-template-columns:42px minmax(0,1fr);
  gap:13px;
  padding:12px 14px;
  border-radius:14px;
}

body.page-index .symbol-collection-modal .symbol-collection-check{
  width:40px;
  height:40px;
  border-radius:11px;
  font-size:12px;
}

body.page-index .symbol-collection-modal .symbol-collection-list>button>span:last-child{
  gap:4px;
}

body.page-index .symbol-collection-modal .symbol-collection-list strong{
  font-size:12px;
}

body.page-index .symbol-collection-modal .symbol-collection-list small{
  font-size:9px;
  line-height:1.45;
}

body.page-index .symbol-collection-modal .symbol-collection-empty{
  min-height:122px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:20px;
  border:1px dashed rgba(167,139,250,.18);
  border-radius:16px;
  background:rgba(167,139,250,.025);
}

body.page-index .symbol-collection-modal .symbol-collection-empty>i{
  width:50px;
  height:50px;
  border-radius:14px;
  font-size:17px;
}

body.page-index .symbol-collection-modal .symbol-collection-empty span{
  gap:5px;
}

body.page-index .symbol-collection-modal .symbol-collection-empty strong{
  font-size:13px;
}

body.page-index .symbol-collection-modal .symbol-collection-empty small{
  font-size:9px;
  line-height:1.5;
}

body.page-index .symbol-collection-modal .saved-modal-dialog>footer{
  flex:0 0 auto;
  gap:10px;
  padding:17px 22px;
  border-top-color:rgba(255,255,255,.065);
  background:rgba(3,8,13,.20);
}

body.page-index .symbol-collection-modal .saved-modal-dialog>footer>button,
body.page-index .symbol-collection-modal .saved-modal-dialog>footer>a{
  min-height:44px;
  gap:9px;
  padding:0 15px;
  border-radius:11px;
  font-size:10px;
}

body.page-index .symbol-collection-modal .saved-modal-dialog>footer>button:last-child{
  color:#d7cbff;
  border-color:rgba(167,139,250,.23);
  background:rgba(167,139,250,.075);
}

@media(max-width:640px){
  body.page-index .symbol-collection-modal{
    padding:12px;
  }

  body.page-index .symbol-collection-modal .saved-modal-dialog.is-compact{
    width:100%;
    min-height:min(480px,calc(100vh - 24px));
    max-height:calc(100vh - 24px);
    border-radius:20px;
  }

  body.page-index .symbol-collection-modal .saved-modal-dialog>header{
    gap:12px;
    padding:17px 18px;
  }

  body.page-index .symbol-collection-modal .saved-modal-dialog>header>span{
    width:46px;
    height:46px;
    border-radius:13px;
    font-size:16px;
  }

  body.page-index .symbol-collection-modal .saved-modal-dialog>header h2{
    font-size:17px;
  }

  body.page-index .symbol-collection-modal .saved-modal-dialog>header>button{
    width:39px;
    height:39px;
  }

  body.page-index .symbol-collection-modal .symbol-collection-selected{
    margin:14px 14px 8px;
  }

  body.page-index .symbol-collection-modal .symbol-collection-list{
    padding:8px 14px 14px;
  }

  body.page-index .symbol-collection-modal .saved-modal-dialog>footer{
    flex-wrap:wrap;
    padding:13px 14px;
  }

  body.page-index .symbol-collection-modal .saved-modal-dialog>footer>a{
    flex:1 1 auto;
  }
}

@media(max-width:420px){
  body.page-index .symbol-collection-modal .symbol-collection-selected>span{
    width:46px;
    height:46px;
    font-size:21px;
  }

  body.page-index .symbol-collection-modal .symbol-collection-list>button{
    grid-template-columns:38px minmax(0,1fr);
    padding:10px 11px;
  }

  body.page-index .symbol-collection-modal .symbol-collection-check{
    width:36px;
    height:36px;
  }

  body.page-index .symbol-collection-modal .symbol-collection-empty{
    grid-template-columns:44px minmax(0,1fr);
    padding:15px;
  }

  body.page-index .symbol-collection-modal .symbol-collection-empty>i{
    width:42px;
    height:42px;
  }
}


body.page-index .symbol-collection-create-modal{
  z-index:1260;
  padding:28px;
}

body.page-index .symbol-collection-create-modal .saved-modal-backdrop{
  background:rgba(2,7,11,.82);
  backdrop-filter:blur(9px);
}

body.page-index .symbol-collection-create-modal .saved-modal-dialog{
  width:min(720px,calc(100vw - 56px));
  max-height:calc(100vh - 56px);
  overflow:auto;
  border-color:rgba(167,139,250,.16);
  border-radius:25px;
  background:
    radial-gradient(circle at 0 0,rgba(167,139,250,.085),transparent 32%),
    linear-gradient(145deg,#111a24,#091118);
  box-shadow:0 34px 110px rgba(0,0,0,.58);
}

body.page-index .symbol-collection-create-modal .saved-modal-dialog>header{
  gap:15px;
  padding:22px 24px;
  border-bottom-color:rgba(255,255,255,.065);
}

body.page-index .symbol-collection-create-modal .saved-modal-dialog>header>span{
  width:52px;
  height:52px;
  flex:0 0 auto;
  border-radius:15px;
  font-size:18px;
}

body.page-index .symbol-collection-create-modal .saved-modal-dialog>header>div{
  gap:4px;
}

body.page-index .symbol-collection-create-modal .saved-modal-dialog>header small{
  font-size:9px;
  letter-spacing:.13em;
}

body.page-index .symbol-collection-create-modal .saved-modal-dialog>header h2{
  font-size:20px;
  letter-spacing:-.025em;
}

body.page-index .symbol-collection-create-modal .saved-modal-dialog>header>button{
  width:43px;
  height:43px;
  border-radius:12px;
  font-size:15px;
}

body.page-index .symbol-collection-create-hint{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:13px;
  margin:20px 24px 0;
  padding:14px;
  border:1px solid rgba(167,139,250,.14);
  border-radius:15px;
  background:rgba(167,139,250,.035);
}

body.page-index .symbol-collection-create-hint>i{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(167,139,250,.18);
  border-radius:13px;
  color:#ae98ff;
  background:rgba(167,139,250,.075);
  font-size:15px;
}

body.page-index .symbol-collection-create-hint>span{
  min-width:0;
  display:grid;
  gap:4px;
}

body.page-index .symbol-collection-create-hint strong{
  color:#b9a8ff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.11em;
}

body.page-index .symbol-collection-create-hint small{
  color:#8c9aa7;
  font-size:10px;
  line-height:1.5;
}

body.page-index .symbol-collection-create-modal .saved-modal-fields{
  gap:18px;
  padding:20px 24px 24px;
}

body.page-index .symbol-collection-create-modal .saved-modal-fields>label{
  gap:9px;
}

body.page-index .symbol-collection-create-modal .saved-modal-fields>label>span,
body.page-index .symbol-collection-create-modal .saved-modal-fields legend{
  color:#a2aeba;
  font-size:10px;
}

body.page-index .symbol-collection-create-modal .saved-modal-fields>label>span small{
  color:#6f7f8d;
  font-size:9px;
  font-weight:700;
}

body.page-index .symbol-collection-create-modal .saved-modal-fields input[type=text],
body.page-index .symbol-collection-create-modal .saved-modal-fields input:not([type]),
body.page-index .symbol-collection-create-modal .saved-modal-fields textarea{
  border-radius:13px;
  font-size:13px;
}

body.page-index .symbol-collection-create-modal .saved-modal-fields input{
  height:50px;
  padding:0 14px;
}

body.page-index .symbol-collection-create-modal .saved-modal-fields textarea{
  min-height:108px;
  padding:13px 14px;
  line-height:1.55;
}

body.page-index .symbol-collection-create-modal .saved-modal-fields fieldset{
  gap:12px;
}

body.page-index .symbol-collection-create-modal .saved-modal-fields legend{
  margin-bottom:9px;
}

body.page-index .symbol-collection-create-modal .visibility-choice>span{
  height:82px;
  grid-template-columns:42px minmax(0,1fr);
  column-gap:12px;
  padding:13px 14px;
  border-radius:14px;
}

body.page-index .symbol-collection-create-modal .visibility-choice>span>i{
  width:40px;
  height:40px;
  border-radius:11px;
  font-size:13px;
}

body.page-index .symbol-collection-create-modal .visibility-choice b{
  font-size:12px;
}

body.page-index .symbol-collection-create-modal .visibility-choice small{
  font-size:9px;
  line-height:1.4;
}

body.page-index .symbol-collection-create-modal .saved-form-message{
  margin:0 24px 16px;
  padding:11px 13px;
  border-radius:11px;
  font-size:10px;
  line-height:1.5;
}

body.page-index .symbol-collection-create-modal .saved-modal-dialog>footer{
  gap:10px;
  padding:17px 24px;
  border-top-color:rgba(255,255,255,.065);
  background:rgba(3,8,13,.20);
}

body.page-index .symbol-collection-create-modal .saved-modal-dialog>footer>button{
  min-height:45px;
  gap:9px;
  padding:0 16px;
  border-radius:11px;
  font-size:10px;
}

body.page-index .symbol-collection-create-modal .saved-modal-dialog>footer .saved-primary-action{
  color:#ded7ff;
  border-color:rgba(167,139,250,.30);
  background:linear-gradient(145deg,rgba(167,139,250,.17),rgba(167,139,250,.075));
}

body.page-index .symbol-collection-create-modal [aria-busy="true"] .saved-primary-action,
body.page-index .symbol-collection-create-modal .saved-primary-action:disabled{
  opacity:.58;
  cursor:wait;
}

@media(max-width:640px){
  body.page-index .symbol-collection-create-modal{
    padding:12px;
  }

  body.page-index .symbol-collection-create-modal .saved-modal-dialog{
    width:100%;
    max-height:calc(100vh - 24px);
    border-radius:20px;
  }

  body.page-index .symbol-collection-create-modal .saved-modal-dialog>header{
    gap:12px;
    padding:17px 18px;
  }

  body.page-index .symbol-collection-create-modal .saved-modal-dialog>header>span{
    width:46px;
    height:46px;
    border-radius:13px;
    font-size:16px;
  }

  body.page-index .symbol-collection-create-modal .saved-modal-dialog>header h2{
    font-size:17px;
  }

  body.page-index .symbol-collection-create-modal .saved-modal-dialog>header>button{
    width:39px;
    height:39px;
  }

  body.page-index .symbol-collection-create-hint{
    margin:14px 16px 0;
  }

  body.page-index .symbol-collection-create-modal .saved-modal-fields{
    padding:17px 16px 20px;
  }

  body.page-index .symbol-collection-create-modal .saved-form-message{
    margin:0 16px 14px;
  }

  body.page-index .symbol-collection-create-modal .saved-modal-dialog>footer{
    padding:13px 16px;
  }
}

@media(max-width:520px){
  body.page-index .symbol-collection-create-modal .saved-modal-fields fieldset{
    grid-template-columns:1fr;
  }

  body.page-index .symbol-collection-create-modal .visibility-choice>span{
    height:72px;
  }

  body.page-index .symbol-collection-create-modal .saved-modal-dialog>footer{
    display:grid;
    grid-template-columns:1fr 1.35fr;
  }

  body.page-index .symbol-collection-create-modal .saved-modal-dialog>footer>button{
    width:100%;
    padding:0 10px;
  }
}


body.page-index .symbol-collection-modal .symbol-collection-list>button{
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:14px;
  padding:11px 12px;
  overflow:hidden;
  border-color:rgba(255,255,255,.07);
  background:
    linear-gradient(90deg,rgba(167,139,250,.035),transparent 32%),
    rgba(255,255,255,.012);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

body.page-index .symbol-collection-modal .symbol-collection-list>button:hover{
  transform:translateY(-1px);
  border-color:rgba(167,139,250,.23);
  background:
    linear-gradient(90deg,rgba(167,139,250,.07),transparent 42%),
    rgba(255,255,255,.018);
  box-shadow:0 9px 24px rgba(0,0,0,.14);
}

body.page-index .symbol-collection-modal .symbol-collection-list>button.is-active{
  border-color:rgba(167,139,250,.34);
  background:
    linear-gradient(90deg,rgba(167,139,250,.105),transparent 48%),
    rgba(167,139,250,.035);
  box-shadow:inset 3px 0 0 rgba(167,139,250,.82),0 10px 28px rgba(0,0,0,.14);
}

body.page-index .symbol-collection-modal .symbol-collection-visual{
  position:relative;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(167,139,250,.20);
  border-radius:13px;
  color:#a991ff;
  background:linear-gradient(145deg,rgba(167,139,250,.11),rgba(167,139,250,.045));
  font-size:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;
}

body.page-index .symbol-collection-modal .symbol-collection-list>button:hover .symbol-collection-visual,
body.page-index .symbol-collection-modal .symbol-collection-list>button.is-active .symbol-collection-visual{
  transform:scale(1.035);
  border-color:rgba(167,139,250,.34);
  color:#c0afff;
  background:linear-gradient(145deg,rgba(167,139,250,.17),rgba(167,139,250,.07));
}

body.page-index .symbol-collection-modal .symbol-collection-copy{
  min-width:0;
  display:grid;
  gap:4px;
}

body.page-index .symbol-collection-modal .symbol-collection-state{
  min-width:96px;
  display:grid;
  justify-items:stretch;
}

body.page-index .symbol-collection-modal .symbol-collection-state>span{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  color:#8392a0;
  background:rgba(255,255,255,.018);
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
}

body.page-index .symbol-collection-modal .symbol-collection-state .is-selected{
  display:none;
  color:#c4b5ff;
  border-color:rgba(167,139,250,.27);
  background:rgba(167,139,250,.09);
}

body.page-index .symbol-collection-modal .symbol-collection-list>button.is-active .symbol-collection-state .is-idle{
  display:none;
}

body.page-index .symbol-collection-modal .symbol-collection-list>button.is-active .symbol-collection-state .is-selected{
  display:flex;
}

body.page-index .symbol-collection-modal .symbol-collection-list>button:disabled{
  opacity:.58;
  cursor:wait;
  transform:none;
}

@media(max-width:560px){
  body.page-index .symbol-collection-modal .symbol-collection-list>button{
    grid-template-columns:42px minmax(0,1fr) 36px;
    gap:10px;
    padding:10px;
  }

  body.page-index .symbol-collection-modal .symbol-collection-visual{
    width:40px;
    height:40px;
    border-radius:11px;
  }

  body.page-index .symbol-collection-modal .symbol-collection-state{
    min-width:34px;
  }

  body.page-index .symbol-collection-modal .symbol-collection-state>span{
    width:34px;
    min-height:34px;
    padding:0;
    font-size:0;
  }

  body.page-index .symbol-collection-modal .symbol-collection-state>span i{
    font-size:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-index .symbol-collection-modal .symbol-collection-list>button,
  body.page-index .symbol-collection-modal .symbol-collection-visual{
    transition:none!important;
  }

  body.page-index .symbol-collection-modal .symbol-collection-list>button:hover,
  body.page-index .symbol-collection-modal .symbol-collection-list>button:hover .symbol-collection-visual{
    transform:none;
  }
}


body.page-index .side-card{
  padding:12px;
}

body.page-index .category-panel-head{
  min-height:54px;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:9px;
  padding:2px 3px 11px;
  margin-bottom:7px;
}

body.page-index .category-panel-icon{
  width:34px;
  height:34px;
  border-radius:11px;
  font-size:11px;
}

body.page-index .category-panel-copy span{
  margin-bottom:1px;
  font-size:7px;
  letter-spacing:.6px;
}

body.page-index .category-panel-copy h2{
  font-size:16px;
  letter-spacing:-.45px;
}

body.page-index .category-total{
  min-width:27px;
  padding:5px 7px;
  font-size:8px;
}

body.page-index .library-personal-nav{
  display:grid;
  gap:5px;
  margin:0 1px 8px;
  padding:0 0 9px;
  border-bottom:1px solid var(--border-soft);
}

body.page-index .library-personal-label{
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 5px 1px;
  color:#7d8b99;
  font-size:7px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}

body.page-index .library-personal-label i{
  color:#a991ff;
  font-size:7px;
}

body.page-index .library-personal-list{
  display:grid;
  gap:4px;
}

body.page-index .library-personal-link{
  --personal-color:#a991ff;
  --personal-rgb:169,145,255;
  min-width:0;
  min-height:41px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:5px 7px;
  overflow:hidden;
  border:1px solid rgba(var(--personal-rgb),.11);
  border-radius:11px;
  color:#adb7c1;
  background:linear-gradient(90deg,rgba(var(--personal-rgb),.045),rgba(var(--personal-rgb),.012));
  text-decoration:none;
  transition:transform .17s ease,border-color .17s ease,color .17s ease,background .17s ease,box-shadow .17s ease;
}

body.page-index .library-personal-link.is-favorites{
  --personal-color:#ffc43d;
  --personal-rgb:255,196,61;
}

body.page-index .library-personal-link:hover{
  transform:translateY(-1px);
  color:#f1f5f8;
  border-color:rgba(var(--personal-rgb),.25);
  background:linear-gradient(90deg,rgba(var(--personal-rgb),.09),rgba(var(--personal-rgb),.02));
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}

body.page-index .library-personal-left,
body.page-index .library-personal-meta{
  min-width:0;
  display:flex;
  align-items:center;
}

body.page-index .library-personal-left{
  gap:8px;
}

body.page-index .library-personal-left>i{
  width:28px;
  height:28px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:1px solid rgba(var(--personal-rgb),.17);
  border-radius:9px;
  color:var(--personal-color);
  background:rgba(var(--personal-rgb),.06);
  font-size:10px;
  transition:border-color .17s ease,background .17s ease;
}

body.page-index .library-personal-link:hover .library-personal-left>i{
  border-color:rgba(var(--personal-rgb),.32);
  background:rgba(var(--personal-rgb),.10);
}

body.page-index .library-personal-left strong{
  overflow:hidden;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
  text-overflow:ellipsis;
}

body.page-index .library-personal-meta{
  gap:6px;
}

body.page-index .library-personal-meta b{
  min-width:24px;
  padding:4px 6px;
  border:1px solid rgba(var(--personal-rgb),.14);
  border-radius:999px;
  color:var(--personal-color);
  background:rgba(var(--personal-rgb),.065);
  font-size:7.5px;
  font-weight:950;
  line-height:1;
  text-align:center;
}

body.page-index .library-personal-meta>i{
  color:#697887;
  font-size:7px;
  transition:color .17s ease,transform .17s ease;
}

body.page-index .library-personal-link:hover .library-personal-meta>i{
  color:var(--personal-color);
  transform:translateX(1px);
}

body.page-index .category-list{
  gap:3px;
}

body.page-index .category-card{
  min-height:41px;
  gap:9px;
  padding:4px 7px;
  border-radius:11px;
}

body.page-index .category-card::before{
  top:7px;
  bottom:7px;
}

body.page-index .category-left{
  gap:8px;
  font-size:10px;
}

body.page-index .category-left i{
  width:28px;
  height:28px;
  border-radius:9px;
  font-size:10px;
}

body.page-index .category-count{
  min-width:24px;
  padding:4px 6px;
  font-size:7.5px;
}

@media(max-width:980px){
  body.page-index .library-personal-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:480px){
  body.page-index .library-personal-list{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-index .library-personal-link,
  body.page-index .library-personal-left>i,
  body.page-index .library-personal-meta>i{
    transition:none!important;
  }

  body.page-index .library-personal-link:hover,
  body.page-index .library-personal-link:hover .library-personal-meta>i{
    transform:none;
  }
}


body.page-index .library-personal-link{
  --category-color:var(--personal-color);
  --category-rgb:var(--personal-rgb);
  appearance:none;
  font:inherit;
  text-align:left;
  cursor:pointer;
}

body.page-index .library-personal-link.is-active{
  color:#f5f7fa;
  border-color:rgba(var(--personal-rgb),.30);
  background:linear-gradient(90deg,rgba(var(--personal-rgb),.13),rgba(var(--personal-rgb),.025));
  box-shadow:inset 3px 0 0 var(--personal-color),0 8px 22px rgba(0,0,0,.13);
}

body.page-index .library-personal-link.is-active .library-personal-left>i{
  border-color:rgba(var(--personal-rgb),.36);
  background:rgba(var(--personal-rgb),.13);
  box-shadow:0 6px 16px rgba(var(--personal-rgb),.08);
}

body.page-index .library-personal-link:focus-visible,
body.page-index .library-collection-all:focus-visible,
body.page-index .library-collection-option:focus-visible{
  outline:2px solid rgba(169,145,255,.62);
  outline-offset:2px;
}

body.page-index .library-collection-switcher[hidden]{
  display:none;
}

body.page-index .library-collection-switcher{
  margin-top:20px;
  padding:14px;
  overflow:hidden;
  border:1px solid rgba(167,139,250,.14);
  border-radius:17px;
  background:
    radial-gradient(circle at 0 0,rgba(167,139,250,.075),transparent 36%),
    rgba(255,255,255,.012);
  transition:opacity .2s ease,transform .25s ease,filter .2s ease;
}

body.page-index .library-collection-switcher:not([hidden])+.symbol-grid{
  padding-top:14px;
}

body.page-index .library-collection-switcher-head{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(255,255,255,.055);
}

body.page-index .library-collection-switcher-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(167,139,250,.20);
  border-radius:12px;
  color:#ae98ff;
  background:rgba(167,139,250,.075);
  font-size:13px;
}

body.page-index .library-collection-switcher-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

body.page-index .library-collection-switcher-copy small{
  color:#a991ff;
  font-size:6.5px;
  font-weight:950;
  letter-spacing:.11em;
}

body.page-index .library-collection-switcher-copy strong{
  color:#dde3e9;
  font-size:11px;
}

body.page-index .library-collection-all{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 9px;
  border:1px solid rgba(167,139,250,.14);
  border-radius:10px;
  color:#9eabb7;
  background:rgba(167,139,250,.035);
  font:inherit;
  font-size:8px;
  font-weight:900;
  cursor:pointer;
  transition:border-color .17s ease,color .17s ease,background .17s ease,transform .17s ease;
}

body.page-index .library-collection-all>b,
body.page-index .library-collection-option>b{
  min-width:23px;
  padding:4px 6px;
  border:1px solid rgba(167,139,250,.14);
  border-radius:999px;
  color:#a991ff;
  background:rgba(167,139,250,.065);
  font-size:7px;
  line-height:1;
  text-align:center;
}

body.page-index .library-collection-all:hover,
body.page-index .library-collection-all.is-active{
  color:#ded7ff;
  border-color:rgba(167,139,250,.30);
  background:rgba(167,139,250,.10);
}

body.page-index .library-collection-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  padding-top:10px;
}

body.page-index .library-collection-option{
  min-width:0;
  min-height:57px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:8px;
  border:1px solid rgba(167,139,250,.11);
  border-radius:12px;
  color:inherit;
  background:rgba(167,139,250,.025);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:transform .17s ease,border-color .17s ease,background .17s ease,box-shadow .17s ease;
}

body.page-index .library-collection-option:hover{
  transform:translateY(-1px);
  border-color:rgba(167,139,250,.24);
  background:rgba(167,139,250,.055);
}

body.page-index .library-collection-option.is-active{
  border-color:rgba(167,139,250,.34);
  background:linear-gradient(90deg,rgba(167,139,250,.11),rgba(167,139,250,.035));
  box-shadow:inset 3px 0 0 #a991ff,0 8px 20px rgba(0,0,0,.12);
}

body.page-index .library-collection-option-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(167,139,250,.17);
  border-radius:10px;
  color:#a991ff;
  background:rgba(167,139,250,.065);
  font-size:10px;
}

body.page-index .library-collection-option.is-public .library-collection-option-icon{
  color:#63dc98;
  border-color:rgba(99,220,152,.18);
  background:rgba(99,220,152,.06);
}

body.page-index .library-collection-option-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

body.page-index .library-collection-option-copy strong,
body.page-index .library-collection-option-copy small{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

body.page-index .library-collection-option-copy strong{
  color:#d3dbe3;
  font-size:8.5px;
}

body.page-index .library-collection-option-copy small{
  color:#7e8d9b;
  font-size:6.5px;
}

body.page-index .library-collection-switcher-empty{
  grid-column:1/-1;
  min-height:66px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:10px;
  border:1px dashed rgba(167,139,250,.16);
  border-radius:12px;
  background:rgba(167,139,250,.018);
}

body.page-index .library-collection-switcher-empty>i{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#a991ff;
  background:rgba(167,139,250,.065);
}

body.page-index .library-collection-switcher-empty>span{
  min-width:0;
  display:grid;
  gap:3px;
}

body.page-index .library-collection-switcher-empty strong{
  color:#d3dbe3;
  font-size:9px;
}

body.page-index .library-collection-switcher-empty small{
  color:#7e8d9b;
  font-size:7px;
}

body.page-index .library-card.is-loading .library-collection-switcher{
  opacity:.22;
  transform:translateY(4px) scale(.996);
  filter:blur(1px) saturate(.68);
  pointer-events:none;
}

body.page-index .library-card.is-revealing .library-collection-switcher:not([hidden]){
  animation:copyuniGridReveal 360ms cubic-bezier(.2,.72,.2,1) both;
}

@media(max-width:1120px){
  body.page-index .library-collection-options{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  body.page-index .library-collection-switcher{
    padding:11px;
    border-radius:14px;
  }

  body.page-index .library-collection-switcher-head{
    grid-template-columns:38px minmax(0,1fr);
  }

  body.page-index .library-collection-switcher-icon{
    width:36px;
    height:36px;
  }

  body.page-index .library-collection-all{
    grid-column:1/-1;
    width:100%;
    justify-content:center;
  }

  body.page-index .library-collection-options{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-index .library-collection-switcher,
  body.page-index .library-collection-all,
  body.page-index .library-collection-option{
    transition:none!important;
  }

  body.page-index .library-collection-option:hover,
  body.page-index .library-card.is-loading .library-collection-switcher{
    transform:none;
  }

  body.page-index .library-card.is-revealing .library-collection-switcher:not([hidden]){
    animation:none;
  }
}