.state-view{display:none}.state-view.active{display:block}.sub-guest{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center}.sub-guest-icon{width:64px;height:64px;border-radius:1.25rem;background:hsl(var(--text) / .05);border:1px solid hsl(var(--text) / .1);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.sub-guest-icon svg{width:28px;height:28px;color:hsl(var(--text3))}.sub-guest h2{font-size:1.5rem;font-weight:700}.sub-guest p{font-size:.9375rem;color:hsl(var(--text2));max-width:32ch;line-height:1.5}.sub-guest-cta{display:flex;gap:.625rem;margin-top:.75rem;flex-wrap:wrap;justify-content:center}.sub-h{margin-bottom:1.5rem}.sub-h h1{font-size:1.75rem;font-weight:700}.sub-details-grid{display:grid;grid-template-columns:1fr 1px 1fr;gap:1.5rem;align-items:stretch}.sub-vdiv{background:hsl(var(--text) / .07);width:1px}.sub-detail-row{display:flex;flex-direction:column;gap:3px;margin-bottom:.875rem}.sub-detail-row:last-child{margin-bottom:0}.sub-detail-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--text3))}.sub-detail-val{font-size:1rem;font-weight:600;color:hsl(var(--text));display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sub-days-val{font-family:Rubik,sans-serif;font-size:1.75rem;font-weight:700;background:linear-gradient(90deg,hsl(var(--color1)),hsl(var(--color2)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.sub-token-code{font-family:'Courier New',monospace;font-size:.875rem;color:hsl(var(--text2));letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px}.sub-token-code svg{width:13px;height:13px;color:hsl(var(--text3))}.sub-actions{display:flex;flex-direction:column;gap:.625rem;margin-top:1rem}.sub-actions .knp,.sub-actions .nw-btn-sec{width:100%;justify-content:center}.sub-actions .nw-btn-sec{padding:.65rem 1.1rem}.sub-actions .knp .knp-text{padding:.65rem 1rem}.sub-counter{font-size:.78rem;color:hsl(var(--text3));background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .08);padding:3px 10px;border-radius:99px}.slots-list{display:flex;flex-direction:column;gap:.625rem}.slot-occupied{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.125rem}.slot-icon{width:38px;height:38px;border-radius:.75rem;flex-shrink:0;background:hsl(var(--text) / .05);display:flex;align-items:center;justify-content:center;color:hsl(var(--text2))}.slot-icon svg{width:17px;height:17px}.slot-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.slot-name{font-weight:600;font-size:.9375rem}.slot-link-row{display:flex;align-items:center;gap:6px}.slot-link{flex:1;min-width:0;padding:4px 9px;background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .08);border-radius:.5rem;color:hsl(var(--text3));font-family:'Courier New',monospace;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.slot-link:focus{outline:0}.slot-copy{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:hsl(var(--text) / .05);border:1px solid hsl(var(--text) / .08);color:hsl(var(--text3));cursor:pointer;transition:.15s}.slot-copy:hover{color:hsl(var(--text));background:hsl(var(--text) / .1)}.slot-copy svg{width:13px;height:13px}.slot-menu{position:relative;flex-shrink:0}.slot-dots{width:32px;height:32px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:0 0;border:1px solid transparent;color:hsl(var(--text3));cursor:pointer;transition:.15s}.slot-dots:hover,.slot-dots[aria-expanded=true]{color:hsl(var(--text));background:hsl(var(--text) / .05);border-color:hsl(var(--text) / .1)}.slot-dots svg{width:16px;height:16px}.slot-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:30;background:hsl(var(--bg));border:1px solid hsl(var(--text) / .12);border-radius:.875rem;padding:.25rem;box-shadow:0 8px 24px hsl(var(--bg) / .6);min-width:180px;backdrop-filter:blur(12px);animation:.12s ddIn}.slot-dropdown[hidden]{display:none}@keyframes ddIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.slot-dd-item{display:flex;align-items:center;gap:9px;width:100%;padding:.55rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:hsl(var(--text1));background:0 0;cursor:pointer;text-align:left;transition:background .12s}.slot-dd-item:hover{background:hsl(var(--text) / .05)}.slot-dd-item svg{width:14px;height:14px;color:hsl(var(--text3));flex-shrink:0}.slot-dd-danger,.slot-dd-danger svg{color:hsl(0 70% 65%)}.slot-empty{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;border:1px dashed hsl(var(--text) / .1);border-radius:2rem;background:hsl(var(--text) / .015);flex-wrap:wrap}.slot-empty-label{flex:1;font-size:.9rem;color:hsl(var(--text3));display:flex;align-items:center;gap:8px}.slot-empty-label svg{color:hsl(var(--text3));width:16px;height:16px}.history-card{padding:0;overflow:hidden}.history-empty{padding:1.25rem 1.5rem;color:hsl(var(--text3));font-size:.875rem;text-align:center}.history-table{width:100%;border-collapse:collapse;font-size:.9rem}.history-table td,.history-table th{padding:.875rem 1.5rem;text-align:left;border-bottom:1px solid hsl(var(--text) / .05)}.history-table th{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:hsl(var(--text3));background:hsl(var(--text) / .02)}.history-table tbody tr:last-child td{border-bottom:none}.history-table tbody tr:hover td{background:hsl(var(--text) / .025)}.history-plan-chip{display:inline-flex;padding:2px 9px;border-radius:99px;font-size:.75rem;font-weight:700;background:hsl(var(--color1) / .12);color:hsl(var(--color1));border:1px solid hsl(var(--color1) / .2)}.history-plan-chip-solo{background:hsl(var(--text) / .04);color:hsl(var(--text3));border-color:hsl(var(--text) / .08)}.history-sum{font-family:Rubik,sans-serif;font-weight:600}.history-method{color:hsl(var(--text3));font-size:.875rem}@media (max-width:760px){.sub-details-grid{grid-template-columns:1fr}.sub-vdiv{width:100%;height:1px}.sub-actions{flex-direction:row}}@media (max-width:560px){.slot-link-row{display:none}.sub-actions{flex-direction:column}.history-table td:last-child,.history-table th:last-child{display:none}}