.unlock-page{--unlock-accent:var(--ui-accent);--app-min-height:calc(var(--ui-space-page) * 12);--unlock-intro-min-height:calc(var(--ui-space-page) * 5);--unlock-intro-art-width:62%;--unlock-intro-copy-width:calc(var(--ui-space-page) * 10);--unlock-pane-index-width:var(--ui-control-height);--app-pane-index-width:var(--unlock-pane-index-width);--unlock-filter-width:calc(var(--ui-space-page) * 5);--unlock-event-date-width:20%;--unlock-event-token-width:36%;--unlock-event-stat-width:16%;--unlock-event-actions-width:12%;}
.unlock-dashboard{min-height:calc(100vh - var(--ui-header-height));}
.unlock-page .dashboard-wrap{display:block;width:100%;padding:var(--ui-space-xl) 0 var(--ui-space-page);}
.unlock-rail-brand{display:flex;align-items:center;justify-content:center;width:var(--ui-space-2xl);height:var(--ui-space-2xl);border:var(--ui-border) solid var(--unlock-accent);border-radius:var(--ui-radius-round);background:var(--ui-surface-strong);color:var(--unlock-accent);}
.unlock-rail-brand svg{width:var(--ui-space-lg);height:var(--ui-space-lg);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--ui-border-strong);}
.unlock-rail>strong{display:block;margin-top:var(--ui-space-lg);color:var(--ui-text);font-family:var(--ui-heading);font-size:var(--ui-font-md);font-weight:500;letter-spacing:-.05em;line-height:1.3;overflow-wrap:anywhere;}
.unlock-rail .unlock-stage-state{--app-live-status-color:var(--unlock-accent);width:100%;margin-top:var(--ui-space-sm);color:var(--ui-body);font-size:var(--ui-font-caption);line-height:1.35;}
.unlock-rail-nav{--app-rail-nav-accent:var(--unlock-accent);margin-top:var(--ui-space-2xl);}
.unlock-intro{position:relative;display:flex;align-items:stretch;min-height:var(--unlock-intro-min-height);padding:var(--ui-space-2xl);border-bottom:var(--ui-border) solid var(--ui-line);background:var(--ui-surface-strong-float);overflow:hidden;}
.unlock-intro:before{position:absolute;left:0;bottom:0;width:100%;height:var(--ui-border-accent);background:var(--unlock-accent);content:"";opacity:.8;}
.unlock-intro-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:var(--unlock-intro-copy-width);padding-right:var(--ui-space-2xl);}
.unlock-intro-kicker{color:var(--unlock-accent);font-size:var(--ui-font-caption);font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;}
.unlock-intro h1{margin:var(--ui-space-sm) 0 0;color:var(--ui-text);font-family:var(--ui-heading);font-size:var(--ui-font-display);font-weight:500;letter-spacing:-.06em;line-height:1.08;}
.unlock-intro-copy>p{max-width:calc(var(--ui-space-page) * 9);margin:var(--ui-space-md) 0 0;color:var(--ui-body);font-size:var(--ui-font-lead);line-height:1.6;}
.unlock-intro-art{position:absolute;right:0;bottom:0;width:var(--unlock-intro-art-width);height:100%;pointer-events:none;}
.unlock-intro-art svg{display:block;width:100%;height:100%;}
.unlock-art-grid{stroke:var(--ui-line-soft);stroke-width:var(--ui-border);}
.unlock-art-guide{stroke:var(--ui-line-hover);stroke-width:var(--ui-border);}
.unlock-art-line{stroke:var(--unlock-accent);stroke-dasharray:720;stroke-dashoffset:720;stroke-linecap:round;stroke-width:var(--ui-border-strong);animation:unlock-line 2.8s ease-out forwards;}
.unlock-art-node{fill:var(--ui-surface);stroke:var(--unlock-accent);stroke-width:var(--ui-border-strong);}
.unlock-art-bars{stroke:var(--unlock-accent);stroke-linecap:round;stroke-width:var(--ui-border-strong);}
.unlock-art-meter{position:absolute;right:var(--ui-space-xl);top:50%;width:calc(var(--ui-space-page) * 2);height:calc(var(--ui-space-page) * 2);border:var(--ui-space-xs) solid var(--ui-line);border-radius:var(--ui-radius-round);background:var(--ui-bg-float);transform:translateY(-50%);}
.unlock-art-meter:before{position:absolute;inset:calc(0px - var(--ui-border-strong));border:var(--ui-border-strong) solid transparent;border-top-color:var(--unlock-accent);border-right-color:var(--unlock-accent);border-radius:inherit;content:"";transform:rotate(-30deg);}
.unlock-art-meter i{position:absolute;left:50%;top:50%;width:var(--ui-space-md);height:var(--ui-space-md);margin:calc(0px - var(--ui-space-sm));border-radius:var(--ui-radius-round);background:var(--unlock-accent);}
.unlock-art-meter span{position:absolute;left:50%;top:50%;width:var(--ui-space-xs);height:var(--ui-space-xs);margin:calc(0px - var(--ui-space-xs) / 2);border-radius:var(--ui-radius-round);background:var(--ui-text);}
.unlock-art-meter--staking:before{border-left-color:var(--unlock-accent);transform:rotate(45deg);}
.unlock-art-meter--staking i{width:var(--ui-space-sm);height:var(--ui-space-sm);margin:calc(0px - var(--ui-icon-tiny));}
.unlock-event-head>span+div{width:calc(100% - var(--app-pane-index-width) - var(--unlock-filter-width));padding-right:var(--ui-space-lg);}
.unlock-filter-form{display:flex;align-items:flex-end;width:var(--unlock-filter-width);}
.unlock-filter-form label{display:block;width:50%;min-width:0;margin-left:var(--ui-space-sm);}
.unlock-filter-form label:first-of-type{margin-left:0;}
.unlock-filter-form label>span{display:block;margin-bottom:var(--ui-space-xs);color:var(--ui-muted);font-size:var(--ui-font-caption);font-weight:700;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;}
.unlock-filter-form .select2-container{width:100%!important;}
.unlock-event-total{margin-top:var(--ui-space-lg);color:var(--ui-muted);font-size:var(--ui-font-caption);font-weight:700;letter-spacing:.07em;line-height:1.2;text-transform:uppercase;}
.unlock-events{width:100%;margin-top:var(--ui-space-sm);}
.unlock-event-card{width:100%;border-bottom:var(--ui-border) solid var(--ui-line-soft);}
.unlock-event-card:last-child{border-bottom:0;}
.unlock-event-card.is-past{opacity:.66;}
.unlock-event-row{display:flex;align-items:center;width:100%;min-height:calc(var(--ui-space-page) + var(--ui-space-lg));}
.unlock-event-date{display:flex;flex-direction:column;justify-content:center;width:var(--unlock-event-date-width);min-width:0;padding:var(--ui-space-md) var(--ui-space-sm) var(--ui-space-md) 0;}
.unlock-event-date small{color:var(--ui-warning);font-size:var(--ui-font-caption);font-weight:700;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;}
.unlock-event-date b{margin-top:var(--ui-space-xs);color:var(--ui-text);font-size:var(--ui-font-meta);font-weight:700;line-height:1.3;}
.unlock-event-date span{margin-top:var(--ui-space-xs);color:var(--ui-muted);font-size:var(--ui-font-caption);line-height:1.3;}
.unlock-event-token{display:flex;align-items:center;width:var(--unlock-event-token-width);min-width:0;padding:var(--ui-space-sm) var(--ui-space-lg);border-left:var(--ui-border) solid var(--ui-line-soft);}
.unlock-token-mark{display:flex;align-items:center;justify-content:center;width:var(--ui-space-2xl);min-width:var(--ui-space-2xl);height:var(--ui-space-2xl);margin-right:var(--ui-space-sm);border:var(--ui-border) solid var(--unlock-accent);border-radius:var(--ui-radius-round);background:var(--ui-surface-strong);overflow:hidden;}
.unlock-token-mark img{display:block;width:100%;height:100%;border-radius:var(--ui-radius-round);object-fit:cover;}
.unlock-token-mark span{color:var(--ui-text);font-family:var(--ui-heading);font-size:var(--ui-font-md);font-weight:500;}
.unlock-event-token>div{display:flex;flex-direction:column;width:calc(100% - var(--ui-space-2xl) - var(--ui-space-sm));min-width:0;}
.unlock-event-token a:not(.unlock-token-mark){display:block;overflow:hidden;color:var(--ui-text);font-family:var(--ui-heading);font-size:var(--ui-font-md);font-weight:500;letter-spacing:-.04em;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;}
.unlock-event-token span,.unlock-event-token small{display:block;overflow:hidden;margin-top:var(--ui-space-xs);color:var(--ui-muted);font-size:var(--ui-font-caption);line-height:1.25;text-overflow:ellipsis;white-space:nowrap;}
.unlock-event-stat{display:flex;flex-direction:column;justify-content:center;width:var(--unlock-event-stat-width);min-width:0;padding:var(--ui-space-sm) var(--ui-space-md);border-left:var(--ui-border) solid var(--ui-line-soft);}
.unlock-event-stat span{color:var(--ui-muted);font-size:var(--ui-font-caption);font-weight:700;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;}
.unlock-event-stat b{display:block;overflow:hidden;margin-top:var(--ui-space-xs);color:var(--ui-text);font-size:var(--ui-font-meta);font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;}
.unlock-event-stat small{display:block;overflow:hidden;margin-top:var(--ui-space-xs);color:var(--ui-muted);font-size:var(--ui-font-caption);line-height:1.25;text-overflow:ellipsis;white-space:nowrap;}
.unlock-event-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:var(--unlock-event-actions-width);min-width:0;padding:var(--ui-space-sm) 0 var(--ui-space-sm) var(--ui-space-md);border-left:var(--ui-border) solid var(--ui-line-soft);}
.unlock-live,.unlock-important{display:flex;align-items:center;font-size:var(--ui-font-caption);font-weight:700;line-height:1.2;text-transform:uppercase;}
.unlock-live{color:var(--ui-accent);}
.unlock-important{margin-top:var(--ui-space-xs);color:var(--ui-warning);}
.unlock-live i,.unlock-important i{display:block;width:var(--ui-icon-status);height:var(--ui-icon-status);margin-right:var(--ui-space-xs);border-radius:var(--ui-radius-round);background:currentColor;animation:unlock-status-pulse var(--ui-motion-loading) ease-in-out infinite;}
.unlock-more-toggle{display:flex;align-items:center;min-height:var(--ui-space-xl);margin-top:var(--ui-space-xs);padding:0;border:0;background:transparent;color:var(--ui-body);font:inherit;font-size:var(--ui-font-caption);font-weight:700;line-height:1.25;text-align:left;cursor:pointer;}
.unlock-more-toggle:hover,.unlock-more-toggle.is-open{color:var(--unlock-accent);}
.unlock-more-toggle svg{width:var(--ui-icon-sm);height:var(--ui-icon-sm);margin-left:var(--ui-space-xs);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--ui-border-strong);}
.unlock-more-toggle.is-open svg{transform:rotate(180deg);}
.unlock-event-extra{display:none;width:calc(100% - var(--unlock-event-date-width));margin-left:var(--unlock-event-date-width);padding:var(--ui-space-lg);border-top:var(--ui-border) solid var(--ui-line);background:var(--ui-bg-float);}
.unlock-extra-stats{display:flex;width:100%;}
.unlock-extra-stats>div{display:flex;flex-direction:column;width:25%;min-height:var(--ui-space-page);padding:var(--ui-space-sm) var(--ui-space-md);border-left:var(--ui-border) solid var(--ui-line-soft);}
.unlock-extra-stats>div:first-child{padding-left:0;border-left:0;}
.unlock-extra-stats span,.unlock-extra-groups>div>span{color:var(--ui-muted);font-size:var(--ui-font-caption);font-weight:700;letter-spacing:.06em;line-height:1.3;text-transform:uppercase;}
.unlock-extra-stats b{display:block;margin-top:var(--ui-space-xs);color:var(--ui-body);font-size:var(--ui-font-meta);font-weight:650;line-height:1.4;}
.unlock-extra-groups{display:flex;width:100%;margin-top:var(--ui-space-md);padding-top:var(--ui-space-md);border-top:var(--ui-border) solid var(--ui-line-soft);}
.unlock-extra-groups>div{width:50%;min-width:0;padding:0 var(--ui-space-md);border-left:var(--ui-border) solid var(--ui-line-soft);}
.unlock-extra-groups--three>div{width:33.3333%;}
.unlock-extra-groups>div:first-child{padding-left:0;border-left:0;}
.unlock-extra-groups p{display:flex;flex-wrap:wrap;width:calc(100% + var(--ui-space-sm));margin:var(--ui-space-sm) calc(0px - var(--ui-space-xs)) calc(0px - var(--ui-space-xs));}
.unlock-extra-groups p i{display:block;margin:var(--ui-space-xs);padding:var(--ui-space-xs) var(--ui-space-sm);border:var(--ui-border) solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface-strong-float);color:var(--ui-body);font-size:var(--ui-font-caption);font-style:normal;line-height:1.3;}
.unlock-calendar-widget{position:relative;}
.unlock-empty,.unlock-loading{display:flex;align-items:center;justify-content:center;min-height:calc(var(--ui-space-page) * 2);margin-top:var(--ui-space-lg);border:var(--ui-border) dashed var(--ui-line);color:var(--ui-muted);font-size:var(--ui-font-body);text-align:center;}
.unlock-empty p{margin:0;}
.unlock-loading{gap:var(--ui-space-sm);border-style:solid;background:var(--ui-bg-float);}
.unlock-refresh-loader{position:absolute;inset:0;z-index:4;display:none;align-items:center;justify-content:center;gap:var(--ui-space-sm);border-radius:var(--ui-radius);background:color-mix(in srgb,var(--ui-surface) 82%,transparent);}
.unlock-calendar-widget.is-loading .unlock-refresh-loader{display:flex;}
.unlock-loading i,.unlock-refresh-loader i{display:block;width:var(--ui-space-sm);height:var(--ui-space-sm);border-radius:var(--ui-radius-round);background:var(--unlock-accent);animation:unlock-loader var(--ui-motion-loading) ease-in-out infinite;}
.unlock-loading i:nth-child(2),.unlock-refresh-loader i:nth-child(2){animation-delay:var(--ui-motion-fast);}
.unlock-loading i:nth-child(3),.unlock-refresh-loader i:nth-child(3){animation-delay:calc(var(--ui-motion-fast) * 2);}
.unlock-page .unlock-guide-items{--guide-accent:var(--unlock-accent);}
.unlock-notes{border-bottom:0;}
.unlock-notes-copy{columns:2;column-gap:var(--ui-space-2xl);margin-top:var(--ui-space-xl);color:var(--ui-body);font-size:var(--ui-font-body);line-height:1.7;}
.unlock-notes-copy p{margin:0 0 var(--ui-space-lg);break-inside:avoid;}
.unlock-rail>strong,.unlock-pane-head h2,.unlock-event-token a:not(.unlock-token-mark){letter-spacing:var(--ui-heading-tracking);}
.unlock-intro h1,.unlock-pane-head>span{letter-spacing:var(--ui-heading-tracking-tight);}
@keyframes unlock-line{to{stroke-dashoffset:0;}}
@keyframes unlock-loader{0%,60%,100%{opacity:.32;transform:translateY(0);}30%{opacity:1;transform:translateY(calc(0px - var(--ui-space-xs)));}}
@keyframes unlock-status-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 46%,transparent);}50%{box-shadow:0 0 0 var(--ui-space-xs) color-mix(in srgb,currentColor 0%,transparent);}}
@media screen and (max-width:820px){.unlock-page{--unlock-event-date-width:24%;--unlock-event-token-width:44%;--unlock-event-stat-width:16%;--unlock-event-actions-width:100%;}.unlock-rail-brand{min-width:var(--ui-space-2xl);min-height:var(--ui-space-2xl);flex-shrink:0;}.unlock-rail>strong{width:calc(100% - var(--ui-space-2xl) - var(--ui-space-md));min-width:0;margin:0 0 0 var(--ui-space-md);}.unlock-rail-nav{display:none;}.unlock-rail .unlock-stage-state{justify-content:flex-end;width:auto;margin-top:0;margin-left:auto;flex-shrink:0;}.unlock-intro{min-height:0;padding:var(--ui-space-xl);}.unlock-intro-art{opacity:.58;}.unlock-intro-copy{padding-right:0;}.unlock-event-head{flex-wrap:wrap;}.unlock-event-head>div{width:calc(100% - var(--unlock-pane-index-width));padding-right:0;}.unlock-filter-form{width:calc(100% - var(--unlock-pane-index-width));margin:var(--ui-space-lg) 0 0 var(--unlock-pane-index-width);}.unlock-event-row{flex-wrap:wrap;}.unlock-event-actions{flex-direction:row;align-items:center;width:100%;padding:var(--ui-space-sm) 0;border-top:var(--ui-border) solid var(--ui-line-soft);border-left:0;}.unlock-event-actions>.unlock-live{margin-right:var(--ui-space-md);}.unlock-event-actions>.unlock-important,.unlock-event-actions>.unlock-more-toggle{margin-top:0;}.unlock-event-actions>.unlock-important+.unlock-more-toggle{margin-left:var(--ui-space-md);}.unlock-event-extra{width:calc(100% - var(--unlock-event-date-width));margin-left:var(--unlock-event-date-width);}.unlock-notes-copy{columns:1;}}
@media screen and (max-width:520px){.unlock-page{--unlock-event-date-width:100%;--unlock-event-token-width:100%;--unlock-event-stat-width:50%;}.unlock-page .dashboard-wrap{padding:var(--ui-space-lg) 0 var(--ui-space-page);}.unlock-page .unlock-pane>*{padding-right:var(--ui-space-lg);padding-left:var(--ui-space-lg);}.unlock-page .unlock-pane>:first-child{padding-top:var(--ui-space-lg);}.unlock-page .unlock-pane>:last-child{padding-bottom:var(--ui-space-lg);}.unlock-page .unlock-pane>.unlock-loading{width:calc(100% - var(--ui-space-lg) - var(--ui-space-lg));margin:var(--ui-space-lg);padding:0;}.unlock-intro{padding:var(--ui-space-lg);}.unlock-intro h1{font-size:var(--ui-font-subtitle);line-height:1.15;}.unlock-intro-copy>p{font-size:var(--ui-font-body);}.unlock-art-meter{right:var(--ui-space-lg);width:var(--ui-space-page);height:var(--ui-space-page);border-width:var(--ui-border-strong);}.unlock-event-head>span+div,.unlock-filter-form{width:100%;margin-left:0;}.unlock-filter-form{flex-wrap:wrap;}.unlock-filter-form label,.unlock-filter-form label:first-of-type{width:100%;margin:var(--ui-space-md) 0 0;}.unlock-event-date,.unlock-event-token{width:100%;border-left:0;border-bottom:var(--ui-border) solid var(--ui-line-soft);}.unlock-event-date{padding:var(--ui-space-md) 0;}.unlock-event-token{padding:var(--ui-space-lg) 0;}.unlock-event-stat{width:50%;min-height:var(--ui-space-page);padding:var(--ui-space-sm) var(--ui-space-md);border-top:var(--ui-border) solid var(--ui-line-soft);}.unlock-event-stat:nth-of-type(4){border-left:0;}.unlock-event-actions{padding:var(--ui-space-sm) 0;}.unlock-event-extra{width:100%;margin-left:0;}.unlock-extra-stats{flex-wrap:wrap;}.unlock-extra-stats>div{width:50%;padding:var(--ui-space-sm) var(--ui-space-md);border-top:var(--ui-border) solid var(--ui-line-soft);}.unlock-extra-stats>div:nth-child(odd){padding-left:0;border-left:0;}.unlock-extra-groups{flex-direction:column;}.unlock-extra-groups>div{width:100%;padding:var(--ui-space-md) 0;border-top:var(--ui-border) solid var(--ui-line-soft);border-left:0;}.unlock-extra-groups>div:first-child{padding-top:0;border-top:0;}.unlock-notes-copy{margin-top:var(--ui-space-lg);}.unlock-event-token+.unlock-event-stat{border-left:0;}.unlock-event-stat{border-top:0;}}
@media screen and (max-width:520px){.unlock-intro{display:flex;flex-direction:column;}.unlock-intro-art{position:relative;right:auto;bottom:auto;display:block;order:-1;flex-shrink:0;width:100%;height:calc(var(--ui-space-page) * 3);margin:0 0 var(--ui-space-lg);opacity:1;}}
@media screen and (max-width:520px){.unlock-page .unlock-pane>*{padding-right:var(--ui-mobile-panel-padding);padding-left:var(--ui-mobile-panel-padding);}.unlock-page .unlock-pane>:first-child{padding-top:var(--ui-mobile-panel-padding);}.unlock-page .unlock-pane>:last-child{padding-bottom:var(--ui-mobile-panel-padding);}.unlock-page .unlock-pane>.unlock-loading{width:calc(100% - var(--ui-mobile-panel-padding) - var(--ui-mobile-panel-padding));margin:var(--ui-mobile-panel-padding);padding:0;}.unlock-intro{padding:var(--ui-mobile-panel-padding);}}
