@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;--pixelated-font:"Press Start 2P", "Press Start 2P Fallback";--page-pad-y:4rem;--page-pad-x:12rem}.dark{--bg-colour:#0f1115;--fg-colour:#e8e8e8;--card-colour:#1a1d23;--border-colour:#8f8f8f;--pixel-dark:#e8e8e8}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:120rem;margin:0 auto}a{color:var(--fg-colour);text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:4px}.nbtc{border:4px solid var(--border-colour);box-shadow:8px 8px 0px var(--border-colour)}button{background-color:var(--primary-colour);color:#000;cursor:pointer;border:4px solid var(--border-colour);box-shadow:8px 8px 0px var(--border-colour);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{text-decoration:none;transform:translate(8px,8px);box-shadow:0 0}.btn-link{background-color:var(--primary-colour);color:#000;border:4px solid var(--border-colour);box-shadow:8px 8px 0px var(--border-colour);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:120rem;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}.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)}.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;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%;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-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)}.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}.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:56rem;padding:2.4rem;position:relative}.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}.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}#features{margin-top:12rem;scroll-margin-top:16rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:4rem;margin-top:4rem;display:grid}.feature-card{background-color:var(--card-colour);flex-direction:column;gap:1.6rem;padding:3.2rem;display:flex}.feature-icon{background:var(--primary-colour);border:4px solid var(--border-colour);color:#111;flex-shrink:0;justify-content:center;align-items:center;width:6rem;height:6rem;display:inline-flex}.feature-icon>svg{width:2.6rem;height:2.6rem}.feature-card h3{margin:0;font-size:1.8rem}.feature-card p{opacity:.85;margin:0;font-size:1.4rem;line-height:1.6}#pricing{--primary-colour:#dbb279;--secondary-colour:#8e652c;margin-top:12rem;scroll-margin-top:16rem}.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:4px solid var(--border-colour);box-shadow:8px 8px 0px var(--border-colour);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}.unfollow-button{color:#fff;cursor:pointer;background-color:#e53935;justify-content:center;align-items:center;gap:.8rem;width:100%;min-height:4rem;padding:1rem 1.2rem;font-size:1rem;font-weight:700;display:inline-flex}.card-action-btn{text-align:center;color:#fff;cursor:pointer;border:4px solid var(--border-colour);min-height:4rem;box-shadow:8px 8px 0px var(--border-colour);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}.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;padding:4rem;display:flex;position:relative}.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}.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;right:1.2rem}.clock-share-row{flex-wrap:wrap;justify-content:center;gap:1.2rem;max-width:80rem;margin-bottom:2rem;display:flex}.clock-share-button,.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:80rem;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:80rem;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:#fff}.dark body.embed-mode.embed-transparent{background-color:#191919}body.embed-mode.embed-transparent .public-clock-card{box-shadow:none;background-color:#0000;border:none;padding:0}.embed-theme-switch{z-index:60;opacity:0;pointer-events:none;flex-direction:column;gap:.4rem;transition:opacity .15s;display:flex;position:fixed;top:1.2rem;right:1.2rem}.public-clock:hover .embed-theme-switch,.public-clock:focus-within .embed-theme-switch{opacity:1;pointer-events:auto}body.embed-mode .site-footer{display:none}.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-preview,td.col-preview{width:42rem;min-width:42rem;max-width:42rem}th.col-order,td.col-order{width:14rem;min-width:14rem;max-width:14rem}th.col-title,td.col-title{width:36rem;min-width:36rem;max-width:36rem}th.col-target,td.col-target{width:22rem;min-width:22rem;max-width:22rem}th.col-label,td.col-label{width:20rem;min-width:20rem;max-width:20rem}th.col-message,td.col-message{width:32rem;min-width:32rem;max-width:32rem}th.col-colours,td.col-colours{width:28rem;min-width:28rem;max-width:28rem}th.col-wearables,td.col-wearables{width:34rem;min-width:34rem;max-width:34rem}th.col-clock,td.col-clock{width:16rem;min-width:16rem;max-width:16rem}th.col-actions,td.col-actions{width:20rem;min-width:20rem}.showcase-table th:first-child,.showcase-table td:first-child{z-index:2;background:var(--bg-colour);position:sticky;left:0}td.col-preview{text-align:center}.cell-actions .admin-save-button,.cell-actions .admin-delete-button{color:#fff;background-color:#4caf50;width:100%;min-height:4.8rem;padding:1.2rem;font-size:1.6rem;font-weight:700;display:flex}.cell-actions .admin-delete-button{background-color:#e53935}td.col-actions .admin-showcase-status{margin-top:.8rem}.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}.cell-label{letter-spacing:.05em;opacity:.7;font-weight:700;display:block}.showcase-table .randomise-button{justify-content:center}.showcase-table input:not(.colour-swatch):not(.colour-hex-text),.showcase-table select,.showcase-table textarea{width:100%;display:block}.showcase-table input:not(.colour-swatch):not(.colour-hex-text),.showcase-table select{background-color:var(--card-colour);height:4.8rem;color:var(--fg-colour);padding:1.2rem;font-size:1.6rem}.showcase-table textarea{background-color:var(--card-colour);color:var(--fg-colour);resize:vertical;padding:1.2rem;font-size:1.6rem}.showcase-table select:focus,.showcase-table textarea:focus,.showcase-table input:focus{border-color:var(--secondary-colour);box-shadow:8px 8px 0px var(--secondary-colour);outline:none}.showcase-table .colour-swatch{height:4.8rem}.wearables-chip-group{flex-direction:column;gap:.4rem;display:flex}.wearables-chip-heading{text-transform:uppercase;opacity:.55;font-size:1rem;font-weight:700}.wearables-chip-row{flex-wrap:wrap;gap:.6rem;display:flex}.wearables-chip{background:var(--card-colour);border:3px solid var(--border-colour);width:3.6rem;height:3.6rem;box-shadow:none;justify-content:center;align-items:center;padding:0;font-size:1.9rem;line-height:1;display:inline-flex}.wearables-chip.selected{color:#fff;background:#4caf50;font-size:1.5rem;font-weight:700}.wearables-chip:hover,.wearables-chip:focus-visible{box-shadow:none;border-color:var(--secondary-colour);transform:none}.admin-clock-link-row{align-items:center;gap:1.2rem;font-size:1.3rem;display:flex}.admin-clock-link-row code{background:var(--border-colour);color:#fff;padding:.2rem .8rem;font-family:monospace}.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;justify-content:center;gap: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,.features-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,.features-grid,.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}.form-group{flex-direction:column;gap:3rem}.stats-row{grid-template-columns:repeat(2,1fr);gap:2rem}.card-actions{grid-template-columns:repeat(2,1fr);display:grid}.empty-state{padding:3rem}}.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}