@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
html{scroll-behavior:smooth;font-size:62.5%}*{box-sizing:border-box;font-family:var(--pixelated-font), monospace;margin:0;padding:0}:root{--primary-colour:#dbb279;--secondary-colour:#8e652c;--bg-colour:white;--fg-colour:black;--card-colour:white;--border-colour:black;--pixel-dark:#000;--water-colour:#4fc3f7;--boost-colour:#ff9800;--wearable-ink:#2e2e2e;--wearable-ink-shadow:#141414;--wearable-ink-light:#5a5a5a;--pixelated-font:"Press Start 2P", "Press Start 2P Fallback";--page-pad-y:4rem;--page-pad-x:6rem;--navbar-clearance:calc(var(--page-pad-y) + 8rem);--nbtc-border:4px solid var(--border-colour);--nbtc-shadow:8px 8px 0 var(--border-colour);--nbtc-hover-shadow:0 0 0;--quick-start-slide:.26s}.dark{--bg-colour:#0f1115;--fg-colour:#e8e8e8;--card-colour:#1a1d23;--border-colour:#8f8f8f;--pixel-dark:#e8e8e8;--water-colour:#29b6f6;--boost-colour:#ff9800;--wearable-ink:#d6dae0;--wearable-ink-shadow:#a6adb5;--wearable-ink-light:#f2f4f7}body{color:var(--fg-colour);background-color:var(--bg-colour);padding:var(--page-pad-y) var(--page-pad-x);scrollbar-gutter:stable}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, color-mix(in srgb, var(--secondary-colour) 25%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--secondary-colour) 25%, transparent) 1px, transparent 1px);background-size:40px 40px;position:fixed;inset:0}.page-container{width:100%;max-width:150rem;margin:0 auto}a{color:var(--fg-colour);text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:4px}.nbtc{border:var(--nbtc-border);box-shadow:var(--nbtc-shadow)}button{background-color:var(--primary-colour);color:#000;cursor:pointer;border:var(--nbtc-border);box-shadow:var(--nbtc-shadow);padding:.8rem 1.6rem;font-size:1rem;font-weight:700}button,.pressable,.btn-link,.account-trigger,.edit-fab,.social-share-button,.card-action-btn{cursor:pointer;transition:transform .1s,box-shadow .1s}button:hover,.pressable:hover,.btn-link:hover,.account-trigger:hover,.edit-fab:hover,.social-share-button:hover,.card-action-btn:hover{box-shadow:var(--nbtc-hover-shadow);text-decoration:none;transform:translate(8px,8px)}button:disabled,.pressable:disabled,.btn-link:disabled,.account-trigger:disabled,.edit-fab:disabled,.social-share-button:disabled,.card-action-btn:disabled{opacity:.5;cursor:default}button:disabled:hover,.pressable:disabled:hover,.btn-link:disabled:hover,.account-trigger:disabled:hover,.edit-fab:disabled:hover,.social-share-button:disabled:hover,.card-action-btn:disabled:hover{box-shadow:var(--nbtc-shadow);transform:none}.btn-link{background-color:var(--primary-colour);color:#000;border:var(--nbtc-border);box-shadow:var(--nbtc-shadow);align-items:center;gap:.8rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-link.btn-secondary,::selection{background-color:var(--secondary-colour);color:#fff}.logo{color:var(--primary-colour)}.navbar{--primary-colour:#dbb279;--secondary-colour:#8e652c;background-color:var(--card-colour);justify-content:space-between;align-items:center;min-width:0;margin-bottom:7.6rem;padding:2rem;display:flex;position:relative}body.show-navbar .navbar{top:var(--page-pad-y);left:var(--page-pad-x);right:var(--page-pad-x);z-index:1000;max-width:150rem;margin-bottom:0;margin-left:auto;margin-right:auto;position:fixed}.navbar-content{align-items:center;gap:3rem;min-width:0;display:flex}.nav-links{gap:3rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-links a.nav-active{text-underline-offset:.4em;text-decoration:underline;text-decoration-thickness:4px}.theme-toggle{box-shadow:none;color:var(--fg-colour);background:0 0;border:none;padding:.4rem;font-size:2rem}.theme-toggle svg{width:2rem;height:2rem;display:block}.theme-toggle:hover{box-shadow:none;opacity:.6;transform:none}.nav-live-pill{color:#4caf50;box-shadow:none;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-family:inherit;font-size:1.3rem;font-weight:700;display:inline-flex}.nav-live-pill:hover,.nav-live-pill:focus-visible{box-shadow:none;transform:none}.hamburger{box-shadow:none;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:.5rem;padding:.8rem;display:none}.mobile-only{display:none}.hamburger span{background-color:var(--fg-colour);width:2.2rem;height:.3rem;display:block}.hamburger:hover{box-shadow:none;opacity:.6;transform:none}.camel-builder{flex-direction:row-reverse;align-items:center;gap:6rem;display:flex}.camel-builder>*{flex:calc(50% - 3rem);max-width:calc(50% - 3rem)}.camel-builder-form{flex-direction:column;flex:1;gap:5.2rem;display:flex}.form-group{gap:3rem;display:flex}.form-group>*{flex:1;min-width:0}.form-group.three-quarter-split>:first-child{flex:75 75}.form-group.three-quarter-split>:last-child{flex:25 25}.camel-builder-form label{flex-direction:column;gap:.8rem;font-size:1.2rem;display:flex}.camel-builder-form select,.camel-builder-form input,.camel-builder-form textarea{caret-shape:block;height:4.8rem;caret-color:var(--secondary-colour);background-color:var(--card-colour);color:var(--fg-colour);padding:1.2rem;font-size:1.6rem}.camel-builder-form textarea{resize:vertical;height:auto}.camel-builder-form select:focus,.camel-builder-form input:focus,.camel-builder-form textarea:focus{color:var(--secondary-colour);border-color:var(--secondary-colour);box-shadow:8px 8px 0px var(--secondary-colour);outline:none}.camel-builder-form label:focus-within{color:var(--secondary-colour)}.time-field{flex-wrap:wrap;align-items:stretch;gap:.8rem;display:flex}.time-field>input{flex:10rem;min-width:0}.time-field .option-slider{flex:none;height:4.8rem}.time-field .option-slider-button{padding:.8rem 1.1rem;font-size:.9rem}.more-options-summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--fg-colour);justify-content:center;align-items:center;gap:.6rem;font-size:1.2rem;list-style:none;display:flex}.more-options-summary::-webkit-details-marker{display:none}.more-options-summary:hover,.more-options[open] .more-options-summary{color:var(--primary-colour)}.more-options-chevron{color:var(--secondary-colour);transition:transform .15s}.more-options[open] .more-options-chevron{transform:rotate(180deg)}.more-options-body{flex-direction:column;gap:2.4rem;margin-top:.8rem;padding:0;display:flex}.more-options-body .preview-button{margin-top:0}.colour-picker-wrapper{gap:2rem;display:flex}input.colour-swatch{flex:0 0 4.8rem;padding:0}input.colour-swatch:focus{border-color:var(--border-colour);box-shadow:8px 8px 0px var(--border-colour)}input.colour-swatch::-webkit-color-swatch-wrapper{padding:0}input.colour-swatch::-webkit-color-swatch{border:none}.hex-input-container{background-color:var(--card-colour);align-items:center;min-width:0;display:flex}.hex-hash{padding-left:1.2rem;font-size:1.6rem}.hex-input-container input.colour-hex-text{box-shadow:none;border:none;width:100%;min-width:0;height:100%}.hex-input-container:focus-within{border-color:var(--secondary-colour);box-shadow:8px 8px 0px var(--secondary-colour)}.canvas-wrapper{background-color:var(--card-colour);flex-direction:column;display:flex}.share-button{background-color:var(--secondary-colour);color:#fff;text-align:center;width:100%;min-height:4.8rem;padding:1.2rem;font-size:1.6rem;font-weight:700;line-height:1.5}.share-dialog-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:2.4rem;display:flex;position:fixed;inset:0}.share-dialog{background-color:var(--card-colour);flex-direction:column;gap:2.4rem;width:100%;max-width:52rem;padding:3.2rem;display:flex;position:relative}.share-dialog-title{font-size:1.8rem}.share-dialog-subtitle{opacity:.8;font-size:1.4rem}.share-dialog-ok{align-self:flex-start;padding:.8rem 1.6rem;font-size:1.1rem}.share-embed-buttons{flex-direction:column;gap:1rem;display:flex}.share-embed-button{letter-spacing:.06em;justify-content:center;padding:1rem 1.4rem;font-size:1.05rem}.share-field,.social-share-block{flex-direction:column;gap:.8rem;display:flex}.social-share-row{flex-wrap:wrap;gap:1.2rem;display:flex}.social-share-button{color:#fff;cursor:pointer;justify-content:center;align-items:center;width:5.2rem;height:4.8rem;text-decoration:none;display:inline-flex}.social-share-button svg{width:2.2rem;height:2.2rem}.social-share-button-outline{background-color:var(--card-colour);color:var(--fg-colour)}.social-share-actions{flex-direction:column;gap:.8rem;width:100%;max-width:24.4rem;margin-top:1.2rem;display:flex}.social-share-action{background-color:var(--card-colour);width:100%;min-height:4.8rem;color:var(--fg-colour);letter-spacing:.06em;justify-content:flex-start;align-items:center;gap:.8rem;padding:1rem 1.4rem;font-size:1.1rem;font-weight:700;display:inline-flex}.share-embed-toggle{justify-content:space-between;align-items:center;gap:1.6rem;display:flex}.share-embed-toggle-text{flex-direction:column;gap:.4rem;display:flex}.share-embed-hint{opacity:.65;font-size:1.1rem}.share-theme-picker{align-items:center;gap:1.6rem;margin-top:1.2rem;display:flex}.option-slider{background-color:var(--card-colour);display:inline-flex}.option-slider-button{box-shadow:none;color:var(--fg-colour);background-color:#0000;border:none;min-height:3.6rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:700}.option-slider-button:hover{box-shadow:none;background-color:color-mix(in srgb, var(--primary-colour) 25%, transparent);transform:none}.option-slider-button.active,.option-slider-button.active:hover{box-shadow:none;background-color:var(--primary-colour);color:#000;transform:none}.option-slider-button:disabled{opacity:.5;cursor:default}.section-empty-note{opacity:.65;font-size:1.2rem}.embed-disabled-card{background-color:var(--card-colour);text-align:center;flex-direction:column;align-items:center;gap:2.4rem;max-width:52rem;padding:4rem;display:flex}.embed-disabled-card p{opacity:.75;font-size:1.4rem}.share-field-label{font-size:1.2rem}.share-field-row{align-items:stretch;display:flex}.share-field-row input{min-width:0;box-shadow:none;color:var(--fg-colour);background:0 0;border:none;flex:1;height:4.8rem;padding:0 1.2rem;font-size:1.2rem}.share-copy-button{box-shadow:none;border:none;min-width:8rem;min-height:4.8rem}.share-copy-button:hover{box-shadow:none;transform:none}.notion-help-link{box-shadow:none;color:var(--fg-colour);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.6rem;margin-top:1.2rem;padding:.6rem 1rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.embed-help-steps{flex-direction:column;gap:1rem;margin:1.6rem 0 .4rem;padding-left:1.8rem;display:flex}.embed-help-steps li{color:var(--fg-colour);font-size:1rem;font-weight:400;line-height:1.5}.embed-help-note{color:var(--fg-colour);margin-top:1.4rem;font-size:.9rem;line-height:1.5}.embed-site-overlay{align-items:flex-start;padding:3.2rem 2.4rem;overflow-y:auto}.embed-site-card{background-color:var(--card-colour);flex-direction:column;gap:2rem;width:100%;max-width:120rem;padding:4rem;display:flex;position:relative}.embed-site-head{flex-direction:column;gap:.8rem;display:flex}.embed-site-lede{opacity:.8;text-align:center;font-size:1rem;font-weight:400;line-height:1.6}.embed-site-layout{grid-template-columns:34rem minmax(0,1fr);align-items:start;gap:3.2rem;display:grid}.embed-site-controls{flex-direction:column;gap:1.6rem;display:flex}.embed-site-options{border:var(--nbtc-border);background:var(--card-colour);flex-direction:column;gap:1rem;padding:1.6rem;display:flex}.embed-site-option-group{flex-direction:column;gap:.6rem;display:flex}.embed-site-option-label{color:var(--secondary-colour);font-size:1rem}.embed-site-preview{flex-direction:column;gap:.8rem;min-width:0;display:flex}.embed-site-preview-label{color:var(--secondary-colour);font-size:1rem}.embed-mockup{border:var(--nbtc-border);box-shadow:var(--nbtc-shadow);background:var(--bg-colour);min-width:0}.embed-mockup.light{--bg-colour:#fff;--fg-colour:#000;--card-colour:#fff;--border-colour:#000;--secondary-colour:#8e652c;--water-colour:#4fc3f7}.embed-mockup.dark{--bg-colour:#0f1115;--fg-colour:#e8e8e8;--card-colour:#1a1d23;--border-colour:#8f8f8f;--secondary-colour:#8e652c;--water-colour:#29b6f6}.embed-mockup-browser{flex-direction:column;display:flex}.embed-mockup-chrome{border-bottom:var(--nbtc-border);background:var(--card-colour);align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;display:flex}.embed-mockup-dots{gap:.6rem;display:flex}.embed-mockup-dots i{background:color-mix(in srgb, var(--fg-colour) 60%, transparent);width:1.2rem;height:1.2rem}.embed-mockup-url{text-overflow:ellipsis;white-space:nowrap;border:var(--nbtc-border);background:var(--bg-colour);min-width:0;color:var(--fg-colour);flex:1;padding:.8rem 1.2rem;font-size:1rem;overflow:hidden}.embed-mockup-page{flex-direction:column;gap:1.2rem;padding:1.6rem;display:flex}.embed-mockup-nav{justify-content:space-between;align-items:center;display:flex}.embed-mockup-brand{background:var(--fg-colour);width:12rem;height:2.4rem}.embed-mockup-links{gap:1.6rem;display:flex}.embed-mockup-links span{background:color-mix(in srgb, var(--fg-colour) 50%, transparent);width:7rem;height:1.2rem}.embed-mockup-post-head{flex-direction:column;gap:.8rem;display:flex}.embed-mockup-title{background:var(--fg-colour);width:70%;height:2.2rem}.embed-mockup-meta{background:color-mix(in srgb, var(--fg-colour) 45%, transparent);width:38%;height:1rem}.embed-mockup-wrapped{margin-top:0}.embed-mockup-float{float:right;width:30rem;max-width:100%;margin:-.6rem 0 1.6rem 2rem}.embed-mockup-iframe{background:0 0;border:none;width:100%;height:38rem;display:block}.embed-mockup-para{margin-bottom:1rem;font-size:0;line-height:0}.embed-mockup-para i{vertical-align:top;background:color-mix(in srgb, var(--fg-colour) 45%, transparent);height:1rem;margin:0 .8rem .8rem 0;display:inline-block}@media (max-width:1100px){.embed-site-layout{grid-template-columns:minmax(0,1fr)}.embed-site-card{padding:2.4rem}.embed-mockup-float{width:18rem}.embed-mockup-iframe{height:26rem}}.public-clock{justify-content:center;align-items:center;min-height:100vh;padding:3.2rem;display:flex}.public-clock-card{background-color:var(--card-colour);width:100%;max-width:60rem;padding:2.4rem;position:relative}.card-creator{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.6rem;display:flex}.wearables-section{flex-direction:column;gap:.8rem;display:flex}.wearables-label{color:var(--fg-colour);letter-spacing:.08em;font-size:1.2rem}.wearables-box{background-color:var(--card-colour);flex-direction:column;padding:1.6rem;display:flex}.wearables-category+.wearables-category{border-top:2px solid var(--border-colour);margin-top:1.2rem;padding-top:1.2rem}.wearables-category-heading{letter-spacing:.1em;color:var(--secondary-colour);margin-bottom:.4rem;font-size:1rem;font-weight:700}.wearables-list{flex-direction:column;display:flex}.wearables-item{box-shadow:none;color:var(--fg-colour);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.8rem;padding:.8rem 1.2rem;font-family:inherit;font-size:1.6rem;transition:background-color .1s;display:flex}.wearables-item:hover{background-color:var(--bg-colour);box-shadow:none;transform:none}.wearables-item.selected{background-color:var(--primary-colour);color:#000;font-weight:700}.wearables-tick{border:3px solid var(--border-colour);background:var(--card-colour);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.wearables-item.selected .wearables-tick{background:#fff;border-color:currentColor}.wearables-tick-tick{display:none}.wearables-item.selected .wearables-tick-tick{color:currentColor;font-size:1.4rem;line-height:1;display:block}.wearables-item-emoji{text-align:center;width:2.4rem;font-size:1.8rem;line-height:1}.wearables-item-name{font-size:1.4rem}.boosts-order-shuffle{color:var(--fg-colour);background-color:var(--bg-colour);cursor:pointer;align-items:center;gap:.6rem;padding:.5rem 1rem;font-family:inherit;font-size:1.2rem;display:inline-flex}.boosts-order-shuffle .button-icon{width:1.6rem;height:1.6rem}.randomise-button{box-shadow:none;min-height:auto;color:var(--secondary-colour);cursor:pointer;background:0 0;border:none;align-self:center;align-items:center;gap:.8rem;margin-top:-2.5rem;padding:.4rem .8rem;font-size:1.4rem;font-weight:400;line-height:1.2;display:inline-flex}.randomise-button:hover{box-shadow:none;opacity:.75;transform:none}.randomise-button>svg{width:1.6rem;height:1.6rem}.randomise-text .randomise-char{white-space:pre;display:inline-block}.randomise-button:hover .randomise-char{animation:.8s step-end rgb-char}@keyframes rgb-char{0%{color:#f0f}10%{color:#60f}20%{color:#08f}30%{color:#0c0}40%{color:#ff0}50%{color:#f90}60%{color:red}70%,to{color:var(--secondary-colour)}}.randomise-hint{opacity:.6;align-items:center;display:inline-flex}.randomise-hint kbd{border:2px solid;border-bottom-width:3px;border-radius:.4rem;align-items:center;gap:.4rem;min-width:3.2rem;height:2.4rem;padding:0 .5rem;font-family:inherit;font-size:1.2rem;font-weight:700;line-height:1;display:inline-flex}.randomise-hint .keyboard-icon{width:1.2rem;height:1.2rem}.randomise-button:hover .randomise-hint kbd{animation:.4s ease-in-out 1.84s kbd-pop}@media (max-width:768px){.randomise-hint{display:none}}@keyframes kbd-pop{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.preview-button{box-shadow:none;min-height:auto;color:var(--secondary-colour);cursor:pointer;background:0 0;border:none;align-self:center;align-items:center;gap:.8rem;margin-top:-2.5rem;padding:.4rem .8rem;font-size:1.4rem;font-weight:400;line-height:1.2;display:inline-flex}.preview-button:hover{box-shadow:none;opacity:.75;transform:none}.preview-button>svg{width:1.6rem;height:1.6rem}.landing-page{max-width:124rem;margin:0 auto}#create,#pricing{margin-top:12rem;scroll-margin-top:16rem}.section-title{max-width:78rem;font-size:2.4rem;line-height:1.5}.section-subtitle{opacity:.8;max-width:68rem;margin-top:1.6rem;font-size:1.4rem;font-weight:400;line-height:1.6}#examples{margin-top:12rem;scroll-margin-top:16rem}.example-grid{grid-template-columns:repeat(auto-fill,minmax(min(34rem,100%),1fr));gap:4rem;margin-top:4rem;display:grid}.example-card{background-color:var(--card-colour);flex-direction:column;min-width:0;padding:2.4rem;display:flex}.example-card-clock{justify-content:center;align-items:center;min-height:34rem;display:flex}.example-card-placeholder{width:100%}.quick-start{grid-template-columns:minmax(0,1fr) minmax(0,60rem);align-items:start;gap:4rem;margin-top:4rem;display:grid}.quick-start-preview{top:calc(var(--page-pad-y) + 2rem);background-color:var(--card-colour);position:sticky}body.show-navbar .quick-start-preview{top:var(--navbar-clearance)}.quick-start-form{gap:2.4rem;max-width:none}.quick-start-form .randomise-button{align-self:flex-start;margin-top:0}.quick-start-stage{position:relative;overflow:hidden}.quick-start-slide{animation:quick-start-in var(--quick-start-slide) cubic-bezier(.2, .8, .2, 1) both}.quick-start-slide.is-leaving{animation:quick-start-out var(--quick-start-slide) cubic-bezier(.4, 0, 1, 1) both;position:absolute;inset:0}@keyframes quick-start-in{0%{opacity:0;transform:translate(6rem)}to{opacity:1;transform:translate(0)}}@keyframes quick-start-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-6rem)}}.quick-start-question{text-align:left;align-items:center;gap:1.6rem;padding-bottom:2.4rem;font-size:1.2rem;line-height:1.4;display:flex}.step-panel-number{background-color:var(--secondary-colour);color:#fff;border:4px solid var(--border-colour);flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:1.2rem;display:inline-flex}.step-panel-number>svg{width:1.4rem;height:1.4rem}.step-panel-heading{flex:auto;min-width:0;font-size:2.4rem;font-weight:400;line-height:1.5}.step-panel-body{background-color:var(--card-colour);flex-direction:column;gap:2.4rem;padding:2.4rem;display:flex}.quick-start-actions{align-items:center;gap:2.4rem;display:flex}.quick-start-back{background-color:var(--secondary-colour);color:#fff}.quick-start-next{margin-left:auto;padding:1.2rem 2.4rem;font-size:1.2rem}.quick-start-create{flex:1;padding:1.2rem 2.4rem;font-size:1.2rem}@media (max-width:1100px){.quick-start{grid-template-columns:minmax(0,1fr);gap:2.4rem}.quick-start-preview{max-width:60rem;margin:0 auto;position:static}}@media (max-width:768px){.step-panel-heading{font-size:1.9rem}.form-group{flex-direction:column}}#pricing{--primary-colour:#dbb279;--secondary-colour:#8e652c}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:4rem;margin-top:4rem;display:grid}.pricing-card{background-color:var(--card-colour);flex-direction:column;gap:2rem;padding:3.2rem;display:flex}.pricing-badge{letter-spacing:.1rem;background-color:var(--secondary-colour);color:#fff;align-self:flex-start;padding:.4rem 1rem;font-size:1rem}.pricing-free{border-color:var(--primary-colour)}.pricing-pro{border-color:var(--secondary-colour)}.pricing-price{font-size:2.4rem;font-weight:700}.pricing-period{font-size:1.4rem;font-weight:400}.pricing-card ul{flex-direction:column;gap:2.4rem;list-style:none;display:flex}.pricing-card li{font-size:1.4rem}.pricing-card li .feature-term{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--secondary-colour);text-decoration-color:var(--secondary-colour);text-underline-offset:4px;position:relative}.feature-tooltip{background-color:var(--border-colour);color:#fff;text-align:left;opacity:0;visibility:hidden;z-index:20;pointer-events:none;width:max-content;max-width:20rem;padding:.8rem 1.2rem;font-size:1.2rem;line-height:1.5;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 1.2rem);transform:translateY(-50%)}.feature-term:hover,.feature-term:focus{text-decoration-style:solid}.feature-term:hover .feature-tooltip,.feature-term:focus .feature-tooltip{opacity:1;visibility:visible}.pricing-card li:before{content:"• ";color:var(--secondary-colour)}.pricing-button{margin-top:auto}.pricing-pro .pricing-button{background-color:var(--secondary-colour);color:#fff}.waitlist-form{flex-direction:column;gap:1.6rem;display:flex}.waitlist-form .auth-button{width:100%}.waitlist-features{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.waitlist-features li{text-align:left;border:.4rem solid #0000;align-items:center;gap:.8rem;padding:.4rem .6rem;font-size:1.3rem;font-weight:700;display:flex}.waitlist-features li.highlighted{border-color:var(--border-colour);box-shadow:.4rem .4rem 0 var(--border-colour);background:#fff8e1}.dark .waitlist-features li.highlighted{background:#2a2510}.waitlist-feature-icon{background:var(--primary-colour);border:.3rem solid var(--border-colour);color:#111;flex-shrink:0;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:inline-flex}.section-subtitle{opacity:.8;margin-top:1.6rem;font-size:1.4rem}.page-heading{margin-bottom:4rem;font-size:150%;line-height:4rem}.dashboard{flex-direction:column;gap:4rem;display:flex}.account-menu{position:relative}.account-trigger{background-color:var(--secondary-colour);color:#fff;border:var(--nbtc-border);box-shadow:var(--nbtc-shadow);align-items:center;gap:.8rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.account-trigger[aria-expanded=true] .account-chevron{transform:rotate(180deg)}.account-dropdown{z-index:30;background-color:var(--card-colour);flex-direction:column;min-width:18rem;display:flex;position:absolute;top:calc(100% + 1.2rem);right:0}.account-dropdown>*+*{border-top:3px solid var(--border-colour)}.account-dropdown a,.account-dropdown button{text-align:left;width:100%;color:inherit;box-shadow:none;background:0 0;border:none;align-items:center;gap:.8rem;padding:1.2rem 1.6rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.account-dropdown a:hover,.account-dropdown button:hover{background-color:var(--bg-colour);box-shadow:none;text-decoration:none;transform:none}.stats-row{grid-template-columns:repeat(5,1fr);gap:4rem;display:grid}.stat-card{background-color:var(--card-colour);flex-direction:column;gap:1rem;padding:2.4rem;display:flex}.stat-card.stat-total{border-color:var(--secondary-colour);box-shadow:8px 8px 0px var(--secondary-colour)}.stat-card.stat-drafts{border-color:#f59e0b;box-shadow:8px 8px #f59e0b}.stat-card.stat-live{border-color:#4caf50;box-shadow:8px 8px #4caf50}.stat-card.stat-expired{border-color:#9e9e9e;box-shadow:8px 8px #9e9e9e}.stat-card.stat-following{border-color:#2196f3;box-shadow:8px 8px #2196f3}.stat-value{font-size:2.4rem;font-weight:700}.stat-value-total{color:var(--secondary-colour)}.stat-value-drafts{color:#f59e0b}.stat-value-live{color:#4caf50}.stat-value-expired{color:#9e9e9e}.stat-value-following{color:#2196f3}.stat-label{color:var(--fg-colour);font-size:1.2rem}.clocks-grid{grid-template-columns:repeat(3,1fr);gap:4rem;margin-bottom:3.2rem;display:grid}.section-dropdown{width:100%;color:var(--fg-colour);letter-spacing:.1em;cursor:pointer;text-align:left;box-shadow:none;background:0 0;border:none;align-items:center;gap:1.2rem;padding:1.2rem 0;font-family:inherit;font-size:1.8rem;font-weight:700;transition:none;display:flex}.section-dropdown:hover{box-shadow:none;transform:none}.section-arrow{flex-shrink:0;width:1.8rem;height:1.8rem}.section-arrow-open{transform:rotate(180deg)}.clock-card{background-color:var(--card-colour);flex-direction:column;gap:2rem;padding:2.4rem;display:flex}.clock-card-link{flex-direction:column;flex:1;gap:2rem;text-decoration:none;display:flex}.clock-card.status-draft{border-color:#f59e0b;box-shadow:8px 8px #f59e0b}.clock-card.status-live{border-color:#4caf50;box-shadow:8px 8px #4caf50}.clock-card.status-expired{border-color:#9e9e9e;box-shadow:8px 8px #9e9e9e}.clock-card.followed-card{border-color:#2196f3;position:relative;box-shadow:8px 8px #2196f3}.clock-card-deleting{opacity:.5;pointer-events:none}.card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.6rem;display:flex}.card-date{font-size:1rem}.status-badge{text-transform:uppercase;align-items:center;gap:.8rem;font-size:1rem;display:inline-flex}.status-badge.live:before{content:"";background-color:#4caf50;border-radius:50%;width:1rem;height:1rem}.status-badge.draft:before{content:"";background-color:#f59e0b;border-radius:50%;width:1rem;height:1rem}.status-badge.expired{opacity:.5}.card-actions{gap:1.6rem;display:flex}.card-action-btn{text-align:center;color:#fff;cursor:pointer;border:var(--nbtc-border);min-height:4rem;box-shadow:var(--nbtc-shadow);background-color:#2196f3;flex:1;justify-content:center;align-items:center;padding:1rem 1.2rem;font-size:1rem;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.card-action-btn.delete-button{color:#fff;background-color:#e53935;flex:none;min-width:4rem}.card-action-btn.edit-button{background-color:#9c27b0;flex:none;min-width:4rem}.card-action-btn.publish-button{color:#fff;background-color:#4caf50}.card-action-btn.unpublish-button{color:#000;background-color:#f59e0b;flex:none;min-width:4rem}.card-action-label{display:none}.empty-state{background-color:var(--card-colour);text-align:center;flex-direction:column;align-items:center;gap:2rem;padding:6rem;display:flex}.empty-state h2{font-size:1.8rem}.empty-state p{opacity:.7;font-size:1.2rem}.new-clock-placeholder{opacity:.5;border-style:dashed;justify-content:center;align-items:center;text-decoration:none;transition:opacity .15s}.new-clock-placeholder:hover{opacity:1;box-shadow:8px 8px 0px var(--border-colour);text-decoration:none;transform:none}.new-clock-icon{margin-bottom:1.2rem;font-size:3rem;line-height:1;display:block}.new-clock-text{font-size:1rem}.auth-page{justify-content:center;align-items:flex-start;min-height:80vh;padding-top:4rem;display:flex}.auth-card{background-color:var(--card-colour);flex-direction:column;gap:2rem;width:100%;max-width:44rem;max-height:calc(100vh - 4.8rem);padding:4rem;display:flex;position:relative;overflow-y:auto}.auth-close-x{box-shadow:none;cursor:pointer;color:var(--fg-colour);opacity:.6;background:0 0;border:none;padding:.4rem;font-size:2rem;line-height:1;position:absolute;top:1.6rem;right:1.6rem;transform:none}.auth-close-x svg{width:2rem;height:2rem;display:block}.auth-close-x:hover{opacity:1;box-shadow:none;transform:none}.auth-title{color:var(--primary-colour);text-align:center;font-size:2rem}.auth-subtitle{text-align:center;opacity:.7;font-size:1.2rem}.auth-form{flex-direction:column;gap:2rem;display:flex}.auth-label{flex-direction:column;gap:.8rem;font-size:1.2rem;display:flex}.auth-input{caret-shape:block;height:4.8rem;caret-color:var(--secondary-colour);background-color:var(--bg-colour);color:var(--fg-colour);width:100%;padding:1.2rem;font-size:1.6rem}.auth-input:focus{color:var(--secondary-colour);border-color:var(--secondary-colour);box-shadow:8px 8px 0px var(--secondary-colour);outline:none}.password-reqs{color:var(--fg-colour);gap:.5rem;margin:0 0 .4rem;padding:0;font-size:1.1rem;list-style:none;display:grid}.password-reqs li{opacity:.45;align-items:center;gap:.6rem;display:flex}.password-reqs li.req-met{opacity:1;color:#4caf50}.password-reqs .req-icon{flex:none;width:1.2rem;height:1.2rem}.auth-button{width:100%;min-height:4.8rem;font-size:1.6rem}.auth-error{color:#e53935;text-align:center;font-size:1.2rem}.confirm-check{color:#fff;border:var(--nbtc-border);width:6.4rem;height:6.4rem;box-shadow:var(--nbtc-shadow);background-color:#4caf50;justify-content:center;align-items:center;margin:0 auto;display:inline-flex}.confirm-check svg{stroke-width:4px;width:3rem;height:3rem}.auth-message{color:#4caf50;text-align:center;font-size:1.2rem}.auth-switch{text-align:center;opacity:.8;font-size:1.2rem}.auth-switch a{color:var(--primary-colour)}.auth-back{text-align:center;opacity:.7;font-size:1.2rem}.auth-back a{color:var(--fg-colour)}.auth-forgot{text-align:right;font-size:1rem}.auth-forgot a{color:var(--primary-colour);text-decoration:underline}.confirm-actions{justify-content:center;gap:1.6rem;margin-top:1.6rem;display:flex}button:disabled{pointer-events:none;opacity:.7}.auth-button.danger{color:#fff;background-color:#e53935}.settings-page{flex-direction:column;gap:3.2rem;max-width:64rem;margin:0 auto;display:flex}.email-confirm-banner{background-color:var(--card-colour);align-items:center;gap:1.6rem;padding:1.6rem 2rem;display:flex}.email-confirm-banner-icon{background-color:var(--secondary-colour);color:#fff;border:4px solid var(--border-colour);flex-shrink:0;place-items:center;width:3.6rem;height:3.6rem;display:grid}.email-confirm-banner-icon svg{width:2rem;height:2rem}.email-confirm-banner-copy{flex:1;min-width:0}.email-confirm-banner-copy strong{letter-spacing:.1rem;font-size:1.4rem}.email-confirm-banner-copy p{margin-top:.6rem;font-size:1.2rem;line-height:1.8}.email-confirm-banner-status{color:var(--secondary-colour)}.email-confirm-banner .auth-button{flex-shrink:0}@media (max-width:768px){.email-confirm-banner{flex-direction:column;align-items:flex-start}}.settings-heading{letter-spacing:.2rem;text-align:center;font-size:2.4rem}.settings-card{background-color:var(--card-colour);border:4px solid var(--border-colour);box-shadow:8px 8px 0px var(--border-colour);padding:2.4rem}.settings-card-title{letter-spacing:.1rem;align-items:center;gap:.8rem;margin-bottom:2rem;font-size:1.6rem;display:flex}.settings-form{flex-direction:column;align-items:stretch;gap:1.6rem;max-width:40rem;display:flex}.settings-ok{color:#4caf50;font-weight:700}.settings-email{font-size:1.2rem;font-weight:700}.settings-hint,.settings-danger-copy{opacity:.75;margin-top:.8rem}.settings-danger-copy{margin-bottom:1.6rem}.danger-zone{border-color:#e53935;box-shadow:8px 8px #e53935}.danger-button{color:#fff;border:4px solid var(--border-colour);box-shadow:8px 8px 0px var(--border-colour);background-color:#e53935;align-items:center;gap:.8rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:700;display:inline-flex}.auth-modal-overlay{--primary-colour:#dbb279;--secondary-colour:#8e652c;z-index:1000;background:#0009;justify-content:center;align-items:center;max-width:none;padding:2.4rem;display:flex;position:fixed;inset:0}.auth-close{align-self:center;min-width:10rem;min-height:3.6rem}.auth-switch-link{box-shadow:none;min-height:auto;font-size:inherit;color:var(--primary-colour);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.auth-switch-link:hover{box-shadow:none;opacity:.8;transform:none}.clock-card-link:hover{text-decoration:none}.clock-viewer{flex-direction:column;align-items:center;gap:2.4rem;width:100%;display:flex}.edit-fab{color:#fff;background-color:#9c27b0;align-items:center;gap:.8rem;min-height:4rem;padding:1rem 1.2rem;font-size:1rem;font-weight:700;line-height:1.5;display:inline-flex;position:absolute;top:1.2rem;left:1.2rem;right:auto}.clock-delete-fab{color:#fff;background-color:#e11d48;align-items:center;gap:.8rem;min-height:4rem;padding:1rem 1.2rem;font-size:1rem;font-weight:700;line-height:1.5;display:inline-flex;position:absolute;top:1.2rem;left:auto;right:1.2rem}.clock-post-actions{flex-direction:column;align-items:stretch;gap:1.2rem;width:100%;display:flex}.post-actions-hydrate{background-color:var(--water-colour);color:#fff;letter-spacing:.05em;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:5.6rem;padding:1.4rem 2.4rem;font-size:1.5rem;font-weight:700;display:inline-flex}.post-actions-hydrate .button-icon{width:2rem;height:2rem}.post-actions-double{color:#fff;background-color:#ff9800;border-radius:.4rem;padding:.2rem .7rem;font-size:1rem;line-height:1.4}.post-actions-hydrate:disabled{background-color:var(--card-colour);color:var(--fg-colour);opacity:.5}.creator-row{align-items:center;gap:1rem;padding:0 .4rem;font-size:1.2rem;display:flex}.clock-by-avatar{background-color:var(--fg-colour);width:3.2rem;height:3.2rem;color:var(--bg-colour);border:var(--nbtc-border);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.creator-handle{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.3rem;font-weight:700;overflow:hidden}.follow-button{color:#fff;cursor:pointer;letter-spacing:.05em;background-color:#2196f3;align-items:center;gap:.8rem;min-height:4.4rem;padding:1rem 2.4rem;font-size:1.2rem;font-weight:700;display:inline-flex}.follow-button.following{background-color:var(--card-colour);color:var(--fg-colour)}.draft-banner-row{align-items:stretch;gap:1.2rem;max-width:150rem;margin-bottom:2rem;display:flex}.draft-banner-row .draft-banner{flex:1}.draft-publish-button{color:#fff;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background-color:#4caf50;padding:1rem 2rem;font-size:1.2rem;font-weight:700}.draft-banner{color:#000;text-align:center;letter-spacing:.1em;text-transform:uppercase;background-color:#f59e0b;width:100%;max-width:150rem;padding:1.6rem 2rem;font-size:1.2rem;font-weight:700}.live-clock{justify-content:center;padding-top:1rem;display:flex}.live-clock .public-clock-card{background-color:var(--card-colour)}body.embed-mode{background-image:none;padding:0;overflow:hidden}body.embed-mode:before{display:none}body.embed-mode.embed-transparent{background-color:#0000}body.embed-mode.embed-transparent .public-clock-card{box-shadow:none;background-color:#0000;border:none;padding:0}body.embed-mode .site-footer{display:none}@media (max-width:520px){body.embed-mode .public-clock,body.embed-mode .public-clock-card{padding:1.6rem}}.admin-showcase-page{padding:8rem 2rem 4rem}.page-container:has(.admin-showcase-page){max-width:none}.admin-header{justify-content:space-between;align-items:center;margin-bottom:4rem;display:flex}.admin-header h1{margin:0}.admin-empty{text-align:center;padding:6rem 0;font-size:1.4rem}.showcase-sheet{overflow-x:auto}.showcase-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%}.showcase-table th,.showcase-table td{border-right:4px solid var(--border-colour);vertical-align:top}.showcase-table th:last-child,.showcase-table td:last-child{border-right:none}.showcase-table th{letter-spacing:.05em;text-align:left;border-bottom:4px solid var(--border-colour);padding:1.2rem 1.6rem;font-size:1.2rem;font-weight:700}.showcase-table td{border-bottom:4px solid var(--border-colour);padding:1.6rem;font-size:1.2rem}.showcase-table tbody tr:last-child td{border-bottom:none}.showcase-table td>*+*{margin-top:.8rem}th.col-order,td.col-order{width:14rem;min-width:14rem;max-width:14rem}th.col-title,td.col-title{width:44rem;min-width:44rem;max-width:44rem}th.col-target,td.col-target{width:30rem;min-width:30rem;max-width:30rem}th.col-hydrations,td.col-hydrations{width:24rem;min-width:24rem;max-width:24rem}.showcase-table td{vertical-align:middle}.admin-showcase-hint{opacity:.8;max-width:90rem;margin:0 auto 3.2rem;font-size:1.1rem;line-height:1.8}.admin-showcase-hint code,.admin-empty code{background-color:var(--card-colour);border:2px solid var(--border-colour);padding:.2rem .6rem;font-family:monospace}.admin-showcase-link{color:var(--fg-colour);align-items:center;gap:.8rem;font-size:1.4rem;font-weight:700;display:inline-flex}.order-controls{flex-direction:column;gap:.8rem;display:flex}.order-arrow{background-color:var(--card-colour);justify-content:center;align-items:center;width:100%;min-height:4rem;padding:.8rem;font-size:1.6rem;display:flex}.order-arrow:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.admin-clock-hint{opacity:.65;font-size:1.2rem}.admin-showcase-status{text-align:center;margin:0;font-size:1rem}.builder-status-message{text-align:center;margin-top:.5rem;font-size:1.2rem}.card-error{text-align:center;color:#e53935;margin:.5rem 0 0;font-size:1.1rem}.site-footer{text-align:center;flex-wrap:wrap;justify-content:center;gap:1.6rem 3.2rem;padding:3.2rem 2.4rem;font-size:1rem;display:flex}.site-footer a{color:var(--border-colour);opacity:.6;text-decoration:none;transition:opacity .2s}.site-footer a:hover{opacity:1}.legal-page{justify-content:center;padding:8rem 2.4rem 4rem;display:flex}.legal-content{background-color:var(--card-colour);width:100%;max-width:72rem;padding:4rem}.legal-content h1{margin-bottom:.8rem;font-size:2rem}.legal-updated{opacity:.5;margin-bottom:3.2rem;font-size:1rem}.legal-content h2{margin-top:2.4rem;margin-bottom:.8rem;font-size:1.3rem}.legal-content p{margin-bottom:1.2rem;font-size:1.2rem;line-height:1.8}.legal-content .btn-link{margin-top:2.4rem}.faq-item{border:4px solid var(--border-colour);background-color:var(--background-colour);margin-bottom:2rem;padding:2rem}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:2rem;font-size:1.3rem;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--secondary-colour);font-size:1.8rem;line-height:1;transition:transform .15s}.faq-item[open] summary:after{content:"−"}.faq-item[open] summary{margin-bottom:1.6rem}.faq-item p{margin-bottom:1.2rem;font-size:1.2rem;line-height:1.8}.faq-item p:last-child{margin-bottom:0}@media (max-width:1200px){:root{--page-pad-y:4rem;--page-pad-x:5rem}body{padding:var(--page-pad-y) var(--page-pad-x)}body.show-navbar .navbar{top:var(--page-pad-y);left:var(--page-pad-x);right:var(--page-pad-x)}.navbar{gap:2rem}.nav-links{gap:2rem;position:static;transform:none}.navbar-content{gap:2rem}.navbar-content .btn-link{padding:.6rem 1.2rem;font-size:.9rem}.clocks-grid,.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--page-pad-y:3rem;--page-pad-x:2.5rem}body{padding:var(--page-pad-y) var(--page-pad-x)}body.show-navbar .navbar{top:var(--page-pad-y);left:var(--page-pad-x);right:var(--page-pad-x)}.navbar{margin-bottom:4rem}.navbar-content .btn-link,.navbar-content .account-trigger,.navbar-content .nav-live-pill{display:none}.feature-tooltip{top:calc(100% + .8rem);left:-1.2rem;transform:none}.draft-banner-row{flex-direction:column}.stats-row{grid-template-columns:repeat(2,1fr);gap:2rem}.nav-links{background-color:var(--card-colour);border:4px solid var(--border-colour);box-shadow:8px 8px 0px var(--border-colour);z-index:10;flex-direction:column;gap:2rem;padding:2rem;display:none;position:absolute;top:100%;left:0;right:0;transform:none}.nav-links.open,.hamburger,.nav-links.open .mobile-only{display:flex}.camel-builder{flex-direction:column;gap:4rem}.camel-builder>*{flex:100%;width:100%;max-width:100%}.camel-builder-form{gap:3.2rem}.clocks-grid{grid-template-columns:1fr}.card-action-btn.edit-button,.card-action-btn.unpublish-button,.card-action-btn.delete-button{flex:1}.card-action-label{display:inline}.pricing-grid{grid-template-columns:1fr}}@media (max-width:480px){:root{--page-pad-y:2rem;--page-pad-x:2rem}body{padding:var(--page-pad-y) var(--page-pad-x)}body.show-navbar .navbar{top:var(--page-pad-y);left:var(--page-pad-x);right:var(--page-pad-x)}.navbar{padding:1.5rem}.navbar-content,.nav-links{gap:1.5rem}.pricing-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr);gap:2rem}.card-actions{grid-template-columns:repeat(2,1fr);display:grid}.empty-state{padding:3rem}.example-grid{gap:2.4rem}.example-card-clock{min-height:28rem}#create,#examples,#pricing{margin-top:7rem;scroll-margin-top:10rem}.auth-card{padding:2.4rem}.auth-modal-overlay{padding:1.6rem}}.auth-button,.pricing-button,.card-action-btn,.share-copy-button,.draft-publish-button,.admin-save-button,.admin-delete-button,.share-button{justify-content:center;align-items:center;gap:.8rem;display:inline-flex}.button-icon{flex-shrink:0;width:1.6rem;height:1.6rem}.auth-button .button-icon{width:2rem;height:2rem}.card-hydrate-row{flex-wrap:wrap;align-items:center;gap:.8rem;display:inline-flex}.card-hydrators,.card-my-hydrates{letter-spacing:.04em;opacity:.85;font-size:1.1rem;font-weight:700}.level-chip{letter-spacing:.06em;border:3px solid var(--fg-colour);background:var(--card-colour);color:var(--fg-colour);white-space:nowrap;align-items:center;padding:.5rem 1rem;font-size:1.1rem;font-weight:700;display:inline-flex;box-shadow:4px 4px #00000040}.viewer-stage{grid-template-columns:minmax(16rem,1fr) minmax(0,60rem) minmax(16rem,1fr);align-items:start;column-gap:4rem;width:100%;display:grid}.viewer-center{grid-column:2;width:100%;min-width:0}.viewer-stage .public-clock-card{width:100%;min-width:0}.clock-finish-row{text-align:center;font-size:min(1.2rem, calc(var(--clock-scale,8) * 2.8px));letter-spacing:.05em;opacity:.7;margin-top:calc(var(--clock-scale,8) * -1px);font-weight:700;display:block}.viewer-info{flex-direction:column;grid-column:1;justify-self:end;gap:2.4rem;width:100%;max-width:26rem;display:flex}.community-inline{flex-direction:column;align-items:flex-start;gap:1.4rem;width:100%;display:flex}.community-note{letter-spacing:.06em;align-items:center;gap:.8rem;margin:0;font-size:1rem;font-weight:700;line-height:1.35;display:flex}.community-note-claim{color:#2e7d32;background-color:#4caf501a}.community-note-grow{color:#b45309;background-color:#ff98001a}.dark .community-note-claim{color:#81c784}.dark .community-note-grow{color:#ffb74d}.community-note-icon{flex-shrink:0}.community-note-text{line-height:1.35}.hydrate-error{letter-spacing:.06em;color:#e53935;background-color:#e539351a;border:2px solid #e53935;align-items:center;gap:.8rem;margin:0;padding:.6rem .8rem;font-size:1rem;font-weight:700;line-height:1.35;display:flex}.hydrate-error-icon{flex-shrink:0;width:1.8rem;height:1.8rem}.dark .hydrate-error{color:#ef5350;border-color:#ef5350}.community-counts{flex-wrap:wrap;align-items:baseline;gap:1.6rem;display:flex}.community-stat{align-items:baseline;gap:.6rem;display:inline-flex}.community-count-icon{color:var(--fg-colour);justify-content:center;align-self:center;align-items:center;display:inline-flex}.community-count-value{font-size:2rem;font-weight:700;line-height:1}.community-count-label{letter-spacing:.08em;opacity:.6;font-size:.9rem;font-weight:700}.community-top{border-top:3px dashed var(--fg-colour);opacity:.9;flex-direction:column;align-items:flex-start;gap:.8rem;width:100%;padding-top:1.4rem;display:flex}.community-detail-label{letter-spacing:.06em;opacity:.7;margin-top:.4rem;font-size:1.1rem;font-weight:700}.community-detail-label:first-child{margin-top:0}.viewer-stats-top-row{align-items:center;gap:.8rem;display:flex}.viewer-stats-rank{opacity:.6;min-width:1.8rem;font-size:1.2rem;font-weight:700}.viewer-stats-top-handle{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:1.2rem;font-weight:700;overflow:hidden}.viewer-stats-you{letter-spacing:.08em;color:var(--card-colour);background-color:var(--fg-colour);padding:.2rem .6rem;font-size:.9rem;font-weight:700;display:inline-block}.viewer-stats-top-count{color:#4caf50;font-size:1.2rem;font-weight:700}.viewer-stats-empty{opacity:.6;font-size:1rem}.viewer-handle-nudge{letter-spacing:.04em;font-size:1rem;font-weight:700}.viewer-rail{flex-direction:column;grid-column:3;justify-self:start;gap:2.4rem;width:26rem;display:flex}.level-panel{flex-direction:column;align-items:flex-start;gap:1.4rem;width:100%;display:flex}.level-poll-banner{flex-direction:column;gap:1.2rem;width:100%;display:flex}.level-poll-card{background-color:var(--card-colour);--nbtc-border:4px solid var(--boost-colour);--nbtc-shadow:8px 8px 0 var(--boost-colour);flex-direction:column;gap:1.2rem;padding:1.6rem;display:flex}.level-poll-card-resolved{--nbtc-border:4px solid #4caf50;--nbtc-shadow:8px 8px 0 #4caf50}.level-poll-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1.2rem;display:flex}.level-poll-title{letter-spacing:.06em;font-size:1.1rem;font-weight:700}.level-poll-timer{letter-spacing:.06em;opacity:.7;font-size:.9rem;font-weight:700}.level-poll-sub{opacity:.82;align-items:center;gap:.8rem;margin:0;font-size:1.05rem;font-weight:400;line-height:1.35;display:flex}.level-poll-quorum{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.level-poll-quorum-meter{border:2px solid var(--boost-colour);background-color:var(--bg-colour);flex:8rem;min-width:6rem;height:.7rem}.level-poll-quorum-fill{background-color:var(--boost-colour);height:100%;display:block}.level-poll-quorum-text{letter-spacing:.04em;opacity:.72;font-size:.85rem;font-weight:700}.level-poll-win-emoji{flex-shrink:0;font-size:1.8rem;line-height:1}.level-poll-options{flex-direction:column;gap:1rem;display:flex}.level-poll-option{background-color:var(--bg-colour);color:var(--fg-colour);text-align:left;--nbtc-border:4px solid var(--border-colour);--nbtc-shadow:8px 8px 0 var(--border-colour);padding:1.2rem 1.4rem;display:block;position:relative;overflow:hidden}.level-poll-option.is-mine{background-color:color-mix(in srgb, var(--boost-colour) 22%, var(--bg-colour));--nbtc-shadow:8px 8px 0 var(--boost-colour)}.level-poll-fill{background-color:color-mix(in srgb, var(--boost-colour) 30%, transparent);position:absolute;top:0;bottom:0;left:0}.level-poll-option-body{z-index:1;align-items:center;gap:1rem;width:100%;display:flex;position:relative}.level-poll-option-emoji{flex-shrink:0;font-size:2.2rem;line-height:1}.level-poll-option-text{flex-direction:column;flex:auto;gap:.3rem;min-width:0;display:flex}.level-poll-option-name{font-size:1.1rem;font-weight:700}.level-poll-option-desc{opacity:.75;font-size:1rem;font-weight:400;line-height:1.3}.level-poll-option-votes{z-index:1;letter-spacing:.04em;opacity:.85;margin-top:.8rem;font-size:.9rem;font-weight:700;display:block;position:relative}.level-poll-foot{letter-spacing:.04em;opacity:.7;margin:0;font-size:.9rem;font-weight:700;line-height:1.4}.category-progress{flex-direction:column;gap:1.2rem;width:100%;display:flex}.category-row{flex-direction:column;gap:.5rem;width:100%;display:flex}.category-row-head{justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.category-row-label{letter-spacing:.08em;font-size:1.1rem;font-weight:700}.category-row-count{letter-spacing:.06em;opacity:.65;font-size:.9rem;font-weight:700}.category-row-effects{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.boost-panel-title{letter-spacing:.06em;opacity:.7;font-size:1.1rem;font-weight:700}.boost-list{flex-direction:column;gap:1.2rem;width:100%;display:flex}.boost-category{flex-direction:column;gap:.6rem;display:flex}.boost-category-head{justify-content:space-between;align-items:baseline;gap:1rem;padding:0 .2rem;display:flex}.boost-category-label{letter-spacing:.06em;opacity:.85;font-size:1rem;font-weight:700}.boost-category-count{letter-spacing:.04em;opacity:.6;font-size:.95rem;font-weight:700}.boost-list-items{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.boost-list-row{opacity:.85;align-items:center;gap:.6rem;padding:.3rem 0;display:flex}.boost-list-icon{color:var(--fg-colour);opacity:.8;flex-shrink:0;justify-content:center;align-items:center;display:flex}.boost-list-name{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:1rem;font-weight:400;overflow:hidden}.boost-list-toggle{--nbtc-shadow:none;--nbtc-hover-shadow:none;width:2.4rem;height:2.4rem;color:var(--fg-colour);opacity:.6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.boost-list-toggle:hover{opacity:1;transform:none}.boost-list-toggle-add{color:var(--boost-colour)}@media (max-width:1200px){.viewer-stage{grid-template-columns:1fr;justify-items:center;row-gap:2.4rem}.viewer-info,.viewer-center{grid-column:auto}.viewer-rail{display:contents}.viewer-center{order:1}.viewer-rail>.clock-post-actions{order:2}.viewer-info{order:3;justify-self:center;max-width:30rem}.viewer-rail>.viewer-poll{order:4}.viewer-rail>.hydrate-error{order:5}.viewer-rail>.level-panel{order:6}.viewer-rail>.clock-post-actions,.viewer-rail>.viewer-poll,.viewer-rail>.hydrate-error,.viewer-rail>.level-panel{justify-self:center;width:100%;max-width:30rem}.viewer-info .social-share-actions{max-width:none}.viewer-info .social-share-row{flex-wrap:nowrap}.viewer-info .social-share-button{flex:1;width:auto}.viewer-info .social-share-action-embed-site{display:none}}.boost-chip{letter-spacing:.02em;white-space:nowrap;border:var(--nbtc-border);background:var(--card-colour);color:var(--fg-colour);box-shadow:var(--nbtc-shadow);cursor:pointer;align-items:center;gap:.7rem;padding:1rem 1.4rem;font-size:1.1rem;font-weight:700;display:inline-flex}.boost-chip.selected{background:var(--boost-colour);color:#fff}.boost-chip.available{--nbtc-shadow:8px 8px 0 color-mix(in srgb, var(--boost-colour) 35%, transparent)}.boost-chip.locked{opacity:.45;cursor:not-allowed}.boost-chip:disabled:hover{box-shadow:var(--nbtc-shadow);transform:none}.boost-chip.readonly{cursor:default}.boost-chip.readonly:hover{box-shadow:var(--nbtc-shadow);transform:none}.boost-chip-name{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.boost-chip-emoji{flex-shrink:0;font-size:1.7rem;line-height:1}.boost-chip-tick,.boost-chip-plus,.boost-chip-lock{flex-shrink:0}.boost-chip-plus{color:var(--boost-colour)}.boost-test{grid-template-columns:minmax(19rem,24rem) minmax(0,1fr) minmax(19rem,26rem);grid-template-areas:"wearables camel effects""bench bench bench";align-items:start;gap:3rem;width:100%;max-width:150rem;margin:0 auto;display:grid}.boost-test-col{flex-direction:column;gap:1.4rem;display:flex}.boost-test-col-wearables{grid-area:wearables}.boost-test-col-effects{grid-area:effects}.boost-test-camel{background-color:var(--card-colour);grid-area:camel;justify-self:center;width:100%;max-width:60rem;padding:2.4rem}.boost-test-bench{flex-direction:column;grid-area:bench;gap:1.2rem;padding:1.6rem;display:flex}.boost-test-label{letter-spacing:.08em;font-size:1.4rem;font-weight:700}.boost-test-slot{letter-spacing:.1em;opacity:.7;font-size:1rem;font-weight:700}.boost-test-sub{opacity:.7;margin:-.8rem 0 0;font-size:1rem;line-height:1.5}.boost-test-section{flex-direction:column;gap:.8rem;display:flex}.boost-test-row{flex-wrap:wrap;gap:.8rem;display:flex}.boost-test-btn{background-color:var(--card-colour);padding:.9rem 1.2rem;font-size:1rem}.boost-test-btn-active{--nbtc-shadow:8px 8px 0 #ffb300}.boost-test-info{border-top:2px solid var(--border-colour);padding-top:.8rem;font-size:1rem;line-height:1.6}.boost-test-chips{flex-direction:column;gap:.8rem;display:flex}.boost-test-chips .boost-chip{justify-content:flex-start;width:100%}.boost-test-unlocked{align-self:flex-start;padding:.6rem .9rem;font-size:1rem}@media (max-width:1200px){.boost-test{grid-template-columns:minmax(0,1fr);grid-template-areas:"camel""wearables""effects""bench"}.boost-test-camel{max-width:none}}.admin-boost-test-link{letter-spacing:.08em;background-color:var(--card-colour);border:var(--nbtc-border);box-shadow:var(--nbtc-shadow);margin-bottom:2rem;padding:1rem 1.4rem;font-size:1.1rem;font-weight:700;display:inline-block}.clock-tour-scrim{z-index:998;pointer-events:none;background-color:#0009;position:fixed;inset:0}.clock-tour-peek{z-index:999;position:relative}.clock-tour-tip{z-index:1000;background-color:var(--card-colour);width:min(22rem,100vw - 2rem);max-height:calc(100vh - 2rem);color:var(--fg-colour);pointer-events:auto;flex-direction:column;gap:1rem;padding:1.6rem;display:flex;position:fixed;overflow-y:auto}.clock-tour-tip.is-centered{top:50%;left:50%;translate:-50% -50%}.clock-tour-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.clock-tour-step{letter-spacing:.1em;opacity:.6;font-size:.85rem;font-weight:700}.clock-tour-skip{gap:.4rem;padding:.4rem .8rem;font-size:.8rem}.clock-tour-title{letter-spacing:.05em;margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.clock-tour-body{opacity:.9;margin:0;font-size:1.05rem;font-weight:400;line-height:1.4}.clock-tour-progress{letter-spacing:.06em;margin:0;font-size:1rem;font-weight:700}.clock-tour-hint{letter-spacing:.06em;opacity:.6;margin:0;font-size:.85rem;font-weight:700}.clock-tour-actions{justify-content:flex-end;display:flex}