.hyunbox-page{background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px),var(--background);background-size:56px 56px;min-height:100vh;padding:0 32px 28px;position:relative;overflow:hidden}.hyunbox-page:before{content:"";background:linear-gradient(180deg,#06080d05,var(--background));pointer-events:none;position:absolute;inset:0}.hyunbox-glow{filter:blur(4px);pointer-events:none;background:#4c69e829;border-radius:50%;width:760px;height:760px;position:absolute;top:-420px;right:-160px}.hyunbox-header,.hyunbox-hero,.hyunbox-sync,.hyunbox-library,.hyunbox-footer{z-index:1;width:min(1120px,100%);margin-inline:auto;position:relative}.hyunbox-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:92px;display:flex}.hyunbox-brand{display:inline-flex}.hyunbox-brand img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:150px;height:auto}.hyunbox-back{border:1px solid var(--border);color:#9aa3b3;font-size:var(--font-size-meta);background:#ffffff06;border-radius:10px;align-items:center;gap:8px;padding:10px 13px;display:inline-flex}.hyunbox-back:hover{color:#fff;border-color:rgba(var(--accent-rgb),.36);background:rgba(var(--accent-rgb),.08)}.hyunbox-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:66px 0 48px;display:grid}.hyunbox-title-icon{border:1px solid rgba(var(--accent-rgb),.28);color:#8ca1ff;background:rgba(var(--accent-rgb),.1);border-radius:17px;place-items:center;width:62px;height:62px;display:grid}.hyunbox-title-icon svg{width:31px;height:31px}.hyunbox-hero>div>span,.hyunbox-library-heading>div>span{color:var(--accent-bright);font:680 12px var(--font-geist-mono),monospace;letter-spacing:.17em}.hyunbox-hero h1{color:#f2f5fb;letter-spacing:-.055em;margin:10px 0 12px;font-size:clamp(36px,5vw,56px);line-height:1.06}.hyunbox-hero h1 em{color:#7892ff;font-style:normal}.hyunbox-hero p{color:#7d8798;max-width:620px;font-size:var(--font-size-meta);margin:0;line-height:1.7}.hyunbox-usage{border:1px solid rgba(var(--accent-rgb),.2);background:#0a0e16b8;border-radius:14px;min-width:150px;padding:18px}.hyunbox-usage>strong{color:#eef2ff;font:720 25px var(--font-geist-mono),monospace}.hyunbox-usage>span{color:#778296;font-size:var(--font-size-meta);margin-left:4px}.hyunbox-usage>div{background:#ffffff12;border-radius:99px;height:5px;margin-top:14px;overflow:hidden}.hyunbox-usage>div>span{border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-bright));height:100%;display:block}.hyunbox-sync{background:linear-gradient(135deg,#111621f0,#0a0e16f0);border:1px solid #ffffff14;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:104px;padding:19px 20px;display:grid}.hyunbox-sync.connected{background:linear-gradient(135deg,#15272294,#0a0e16f0);border-color:#5dae8838}.hyunbox-sync>span{border:1px solid rgba(var(--accent-rgb),.25);color:#8aa0ff;background:rgba(var(--accent-rgb),.09);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.hyunbox-sync.connected>span{color:#7cdaa8;background:#3fa66f1a;border-color:#5bc38b47}.hyunbox-sync>span svg{width:23px;height:23px}.hyunbox-sync strong{color:#edf1f8;font-size:13px}.hyunbox-sync p{color:#788294;font-size:var(--font-size-meta);margin:5px 0 0;line-height:1.55}.hyunbox-sync small{color:#72d39d;font:650 12px var(--font-geist-mono),monospace;margin-top:6px;display:block}.hyunbox-google{min-width:260px}.hyunbox-library{padding:48px 0 58px}.hyunbox-library-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.hyunbox-library-heading h2{color:#eef1f8;letter-spacing:-.04em;margin:7px 0 0;font-size:28px}.hyunbox-library-heading>a{color:#8994a8;font-size:var(--font-size-meta);align-items:center;gap:7px;display:inline-flex}.hyunbox-library-heading>a:hover{color:#fff}.hyunbox-library-heading svg{width:17px;height:17px}.hyunbox-controls{justify-content:space-between;align-items:center;gap:14px;margin:22px 0 18px;display:flex}.hyunbox-controls>label{border:1px solid var(--border);background:#0a0e16b8;border-radius:10px;align-items:center;gap:9px;min-width:280px;height:42px;padding:0 13px;display:flex}.hyunbox-controls>label svg{color:#687386;width:18px;height:18px}.hyunbox-controls input{color:#dce2ee;width:100%;font-size:var(--font-size-meta);background:0 0;border:0;outline:0}.hyunbox-controls>div{align-items:center;gap:6px;display:flex;overflow:auto}.hyunbox-controls>div button{border:1px solid var(--border);color:#7f899a;min-height:36px;font-size:var(--font-size-meta);white-space:nowrap;cursor:pointer;background:#ffffff05;border-radius:9px;padding:0 11px}.hyunbox-controls>div button.active{color:#edf1ff;border-color:rgba(var(--accent-rgb),.34);background:rgba(var(--accent-rgb),.12)}.hyunbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hyunbox-card{border:1px solid var(--border);background:radial-gradient(circle at 100% 0,#586fda14,#0000 42%),linear-gradient(145deg,#111621eb,#0a0e16f0);border-radius:15px;flex-direction:column;min-height:266px;padding:20px;display:flex;overflow:hidden}.hyunbox-card.color{border-color:#63abde2e}.hyunbox-card.link{border-color:#cf75bc2e}.hyunbox-card-meta{color:#727d90;font-size:var(--font-size-meta);justify-content:space-between;align-items:center;gap:12px;display:flex}.hyunbox-card-meta>span{color:#91a1e8;font-weight:650}.hyunbox-card h3{color:#edf1f8;letter-spacing:-.02em;margin:12px 0 10px;font-size:15px}.hyunbox-card pre{color:#aeb7c7;min-height:82px;max-height:126px;font:12px/1.58 var(--font-geist-mono),monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#00000029;border:1px solid #ffffff0d;border-radius:9px;margin:0;padding:13px;overflow:auto}.hyunbox-tags{color:#687386;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.hyunbox-tags svg{width:15px;height:15px}.hyunbox-tags span{color:#8590a3;font-size:var(--font-size-meta);background:#ffffff0a;border-radius:99px;padding:4px 7px}.hyunbox-card-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:16px;display:flex}.hyunbox-card-actions a,.hyunbox-card-actions button{border:1px solid var(--border);color:#8f99a9;min-height:33px;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff06;border-radius:8px;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.hyunbox-card-actions a:hover,.hyunbox-card-actions button:hover{color:#fff;border-color:rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.08)}.hyunbox-card-actions button:last-child{color:#d58b91;margin-left:auto}.hyunbox-card-actions button.confirm{color:#fff;background:#cb424e29;border-color:#dd5d676b}.hyunbox-card-actions svg{width:15px;height:15px}.hyunbox-empty{border:1px dashed var(--border);color:#747d8e;text-align:center;min-height:280px;font-size:var(--font-size-meta);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;display:flex}.hyunbox-empty>svg{color:#687ddb;width:31px;height:31px;margin-bottom:13px}.hyunbox-empty strong{color:#dce1ec;font-size:13px}.hyunbox-empty p{font-size:var(--font-size-meta);margin:7px 0 17px}.hyunbox-empty a{border:1px solid rgba(var(--accent-rgb),.3);color:#dfe5ff;background:rgba(var(--accent-rgb),.1);font-size:var(--font-size-meta);border-radius:9px;padding:10px 13px}.hyunbox-footer{border-top:1px solid var(--border);color:#525b6a;font:12px var(--font-geist-mono),monospace;justify-content:space-between;padding-top:22px;display:flex}@media (width<=840px){.hyunbox-hero{grid-template-columns:auto 1fr}.hyunbox-usage{grid-column:1/-1}.hyunbox-sync{grid-template-columns:auto 1fr}.hyunbox-google{grid-column:1/-1;margin-left:60px}.hyunbox-controls{flex-direction:column;align-items:stretch}.hyunbox-controls>label{min-width:0}.hyunbox-grid{grid-template-columns:1fr}}@media (width<=620px){.hyunbox-page{padding-inline:18px}.hyunbox-header{min-height:76px}.hyunbox-brand img{width:126px}.hyunbox-back{justify-content:center;width:42px;height:42px;padding:0;font-size:0}.hyunbox-hero{grid-template-columns:1fr;padding:48px 0 38px}.hyunbox-title-icon{width:52px;height:52px}.hyunbox-hero h1{font-size:38px}.hyunbox-sync{text-align:center;grid-template-columns:1fr}.hyunbox-sync>span,.hyunbox-google{justify-self:center;margin:0}.hyunbox-card-actions button:last-child{margin-left:0}.hyunbox-footer{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){.hyunbox-usage>div>span{transition:none}}.hyunbox-controls>.hyunbox-sort{min-width:118px;padding:0 8px}.hyunbox-sort select{color:#aeb7c7;width:100%;font-size:var(--font-size-meta);cursor:pointer;background:#0d121c;border:0;outline:0}.hyunbox-sort option{color:#dce2ee;background:#0d121c}.hyunbox-card.pinned{border-color:#7791ff57;box-shadow:inset 0 1px #849bff14}.hyunbox-card-meta>span{align-items:center;gap:5px;display:inline-flex}.hyunbox-card-meta>span svg{width:14px;height:14px}.hyunbox-edit-form{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 10px;display:grid}.hyunbox-edit-form label{color:#758094;font-size:var(--font-size-meta);gap:6px;display:grid}.hyunbox-edit-form input{border:1px solid rgba(var(--accent-rgb), .26);color:#e1e6f0;min-width:0;height:38px;font-size:var(--font-size-meta);background:#0003;border-radius:8px;outline:0;padding:0 10px}.hyunbox-edit-form input:focus{border-color:rgba(var(--accent-rgb), .52);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .08)}.hyunbox-card-actions button.continue,.hyunbox-card-actions button.selected{color:#e5eaff;border-color:rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .1)}.hyunbox-card-actions button:disabled{opacity:.4;cursor:not-allowed}@media (width<=840px){.hyunbox-controls>.hyunbox-sort{min-width:0}}@media (width<=620px){.hyunbox-edit-form{grid-template-columns:1fr}}.hyunbox-collections{z-index:1;background:#0a0e16c7;border:1px solid #ffffff14;border-radius:15px;width:min(1120px,100%);margin:22px auto 0;padding:22px;position:relative}.hyunbox-collection-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.hyunbox-collection-heading>div>span{color:var(--accent-bright);font:680 12px var(--font-geist-mono),monospace;letter-spacing:.17em}.hyunbox-collection-heading h2{color:#eef1f8;margin:6px 0 0;font-size:20px}.hyunbox-collection-heading p{color:#707b8e;font-size:var(--font-size-meta);margin:5px 0 0}.hyunbox-collection-heading>button,.hyunbox-collection-list>button,.hyunbox-collection-chip,.hyunbox-collection-form{border:1px solid var(--border);background:#ffffff06;border-radius:10px}.hyunbox-collection-heading>button{color:#9aa5b8;min-height:42px;font-size:var(--font-size-meta);cursor:pointer;align-items:center;gap:8px;padding:0 13px;display:flex}.hyunbox-collection-heading>button.active{color:#eef2ff;border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.1)}.hyunbox-collection-heading strong,.hyunbox-collection-list strong{font:700 12px var(--font-geist-mono),monospace;color:#6f7c90}.hyunbox-collection-list{gap:8px;margin-top:18px;padding-bottom:3px;display:flex;overflow:auto}.hyunbox-collection-list>button,.hyunbox-collection-chip>button:first-child{color:#8e98aa;min-height:38px;font-size:var(--font-size-meta);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 11px;display:flex}.hyunbox-collection-list>button{border:1px solid var(--border)}.hyunbox-collection-list>button.active,.hyunbox-collection-chip.active{border-color:rgba(var(--accent-rgb),.36);background:rgba(var(--accent-rgb),.1)}.hyunbox-collection-chip{flex:none;align-items:center;display:flex}.hyunbox-collection-chip>button:not(:first-child){border:0;border-left:1px solid var(--border);color:#6f7a8d;cursor:pointer;background:0 0;place-items:center;width:30px;height:30px;padding:0;display:grid}.hyunbox-collection-chip>button:not(:first-child):hover{color:#fff}.hyunbox-collection-chip>button.confirm{color:#ff9ca5;background:#d244501f}.hyunbox-collection-chip svg{width:14px;height:14px}.collection-dot{background:#657083;border-radius:50%;flex:none;width:8px;height:8px}.blue .collection-dot,.collection-dot.blue{background:#6687ff}.violet .collection-dot,.collection-dot.violet{background:#a778f5}.cyan .collection-dot,.collection-dot.cyan{background:#47bfd5}.green .collection-dot,.collection-dot.green{background:#55bd82}.orange .collection-dot,.collection-dot.orange{background:#e49a50}.collection-dot.none{background:#687386}.hyunbox-collection-form{align-items:center;gap:9px;min-height:48px;margin-top:12px;padding:7px 8px 7px 12px;display:flex}.hyunbox-collection-form>svg{color:#7182c9}.hyunbox-collection-form>input{color:#dce2ee;min-width:160px;font-size:var(--font-size-meta);background:0 0;border:0;outline:0;flex:1}.hyunbox-collection-form>div{gap:5px;display:flex}.hyunbox-collection-form>div button{cursor:pointer;background:#6687ff;border:3px solid #0000;border-radius:50%;width:18px;height:18px;padding:0}.hyunbox-collection-form>div button.violet{background:#a778f5}.hyunbox-collection-form>div button.cyan{background:#47bfd5}.hyunbox-collection-form>div button.green{background:#55bd82}.hyunbox-collection-form>div button.orange{background:#e49a50}.hyunbox-collection-form>div button.selected{border-color:#dfe5ff;box-shadow:0 0 0 2px #ffffff14}.hyunbox-collection-form>button{border:1px solid rgba(var(--accent-rgb),.25);color:#dfe5ff;background:rgba(var(--accent-rgb),.1);min-height:34px;font-size:var(--font-size-meta);cursor:pointer;border-radius:8px;padding:0 11px}.hyunbox-collection-form>button:disabled{opacity:.35;cursor:not-allowed}.hyunbox-library-heading .hyunbox-library-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.hyunbox-library-actions button,.hyunbox-library-actions a{border:1px solid var(--border);color:#8994a8;min-height:36px;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff06;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.hyunbox-library-actions button:hover,.hyunbox-library-actions a:hover{color:#fff;border-color:rgba(var(--accent-rgb),.3)}.hyunbox-library-actions input{display:none}.hyunbox-batch{border:1px solid rgba(var(--accent-rgb),.25);background:rgba(var(--accent-rgb),.08);border-radius:11px;flex-wrap:wrap;align-items:center;gap:7px;margin:20px 0 -8px;padding:10px;display:flex}.hyunbox-batch>strong{color:#e2e7f2;font-size:var(--font-size-meta);margin-right:auto}.hyunbox-batch select{border:1px solid var(--border);color:#aeb7c7;height:34px;font-size:var(--font-size-meta);background:#0d121c;border-radius:8px;padding:0 27px 0 9px}.hyunbox-batch button{border:1px solid var(--border);color:#9aa5b7;min-height:34px;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff09;border-radius:8px;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.hyunbox-batch button.confirm{color:#fff;background:#cb424e29;border-color:#dd5d676b}.hyunbox-batch svg{width:15px;height:15px}.hyunbox-card{position:relative}.hyunbox-card.selected{border-color:rgba(var(--accent-rgb),.5);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.12)}.hyunbox-select-item{color:#7b8799;font-size:var(--font-size-meta);cursor:pointer;align-items:center;gap:5px;display:flex;position:absolute;top:14px;right:14px}.hyunbox-select-item input{accent-color:var(--accent)}.hyunbox-card-meta{padding-right:58px}.hyunbox-card-collection{align-items:center;color:#7d8799!important;gap:5px!important;font-weight:500!important;display:inline-flex!important}@media (width<=840px){.hyunbox-collection-heading{flex-direction:column;align-items:flex-start}.hyunbox-collection-form{flex-wrap:wrap}.hyunbox-collection-form>input{flex-basis:calc(100% - 34px)}.hyunbox-library-heading{flex-direction:column;align-items:flex-start}.hyunbox-library-actions{justify-content:flex-start!important}.hyunbox-batch>strong{flex-basis:100%}.hyunbox-card-meta{flex-direction:column;align-items:flex-start}.hyunbox-card-collection{order:2}}@media (width<=620px){.hyunbox-collections{padding:17px}.hyunbox-collection-form>div{order:3;width:100%}.hyunbox-library-actions button,.hyunbox-library-actions a{font-size:0}.hyunbox-library-actions svg{width:17px;height:17px}.hyunbox-batch label,.hyunbox-batch select{width:100%}.hyunbox-batch button{flex:1;justify-content:center}.hyunbox-card-meta{padding-right:72px}}