:root{color-scheme:dark;--bg:#211b18;--panel:#2a231e;--raised:#322922;--text:#f0e5d3;--muted:#b9aa98;--faint:#8d7c6a;--line:#493c31;--honey:#e6b879;--ink:#332417;--sage:#b5c3a4;--rust:#c98261;--shadow:0 8px 28px #120e0b25;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--sans);background-image:radial-gradient(ellipse at 85% 5%,#cf8b4a09,transparent 45%)}body.light{color-scheme:light;--bg:#f7f0e5;--panel:#fffaf2;--raised:#efe5d5;--text:#382d25;--muted:#746252;--faint:#8d7760;--line:#ded0bd;--honey:#8e5724;--ink:#fff6e6;--sage:#4f7045;--rust:#a45f3f;--shadow:0 8px 25px #5a3f1b08}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button,a{touch-action:manipulation}button:disabled{opacity:.55;cursor:default}button:hover:not(:disabled),a:hover{filter:brightness(1.1)}:focus-visible{outline:2px solid var(--honey);outline-offset:4px}h1,h2,h3,p{margin:0}.wrap{max-width:1170px;margin:auto;padding-left:38px;padding-right:38px}.header{display:flex;align-items:center;justify-content:space-between;padding-top:27px;padding-bottom:25px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font:600 29px/1.1 var(--serif);letter-spacing:-1px}.brand small{font:8px/1.6 var(--sans);letter-spacing:1.65px;display:block;color:var(--muted);margin-top:5px}.header nav{display:flex;align-items:center;gap:19px}.nav-text{font-size:12px;color:var(--muted)}.icon-button{font-size:21px;color:var(--muted);width:35px;height:36px;display:grid;place-items:center}.player-button{border:1px solid var(--line);border-radius:30px;display:flex;align-items:center;gap:9px;padding:6px 12px 6px 6px;font-size:12px;background:var(--panel)}.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--raised);color:var(--honey);font-family:var(--serif);font-size:16px}.hero{display:flex;align-items:center;justify-content:space-between;padding:55px 8px 41px;gap:25px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:var(--muted)}.little-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--honey);margin-right:5px;vertical-align:2px}h1{font:400 72px/1.06 var(--serif);letter-spacing:-2.7px;margin:20px 0 23px}h1 em{color:var(--honey);font-weight:400}.hero p{color:var(--muted);line-height:1.8;font-size:14px}.server-tag{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);margin-top:22px}.server-tag>span{font-size:19px;color:var(--honey)}.server-tag button{font-size:9px;border:1px solid var(--line);border-radius:4px;padding:2px 7px;margin-left:5px}.hearth{width:340px;position:relative;margin-right:35px;display:flex;align-items:center;flex-direction:column;color:var(--honey)}.hearth svg{width:280px;position:relative}.hearth > span{font:italic 13px var(--serif);color:var(--muted);position:relative;margin-top:0}.hearth-glow{position:absolute;inset:-15px;background:radial-gradient(ellipse at 50% 51%,#db923c19,transparent 62%)}h2{font:400 26px/1.25 var(--serif);letter-spacing:-.6px}h3{font-size:14px;font-weight:600}.welcome{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:25px 27px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;box-shadow:var(--shadow)}.welcome h2{margin-top:6px}.welcome p{font-size:12px;color:var(--muted);margin-top:7px;max-width:400px}.input-with-button{display:flex;gap:9px;align-items:center}.input-with-button input{flex:1;min-width:0}.primary{background:var(--honey);color:var(--ink);font-size:12px;font-weight:650;border:1px solid transparent;border-radius:8px;padding:11px 16px;white-space:nowrap}.secondary{border:1px solid var(--line);border-radius:8px;padding:10px 13px;font-size:12px;background:var(--raised)}.text-button{font-size:11px;color:var(--muted);padding:0}.overview{display:flex;gap:21px;align-items:center;padding:24px 27px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.next-window{flex:1;min-width:0}.next-window h2{font-size:24px;margin-top:6px;color:var(--honey)}.next-window p{color:var(--muted);font-size:11px;margin-top:6px}.stat{text-align:center;min-width:85px;border-left:1px solid var(--line);padding-left:20px}.stat strong{font:400 32px/1.2 var(--serif);display:block;color:var(--honey);font-variant-numeric:tabular-nums}.stat:nth-child(3) strong{color:var(--sage)}.stat:nth-child(4) strong{color:var(--muted)}.stat span{color:var(--muted);font-size:9px}.return-banner{margin-top:18px;border:1px solid #c7935260;background:var(--raised);padding:23px 26px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:22px}.return-banner h2{font-size:22px;margin-top:7px}.return-banner p{font-size:11px;color:var(--muted);margin-top:7px}.return-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.return-actions .text-button{padding:6px}.section-toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin:40px 0 19px;gap:20px}.section-toolbar h2{margin-top:5px}.count-tag{font:10px var(--sans);color:var(--muted);letter-spacing:0;margin-left:7px;vertical-align:middle}.filters{display:flex;gap:3px;border:1px solid var(--line);border-radius:8px;padding:3px;flex-shrink:0}.filters button{border-radius:5px;padding:7px 10px;font-size:10px;color:var(--muted)}.filters button.selected{color:var(--text);background:var(--raised)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:22px;min-width:0;transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-2px);border-color:var(--faint)}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.site-icon{font:600 14px var(--serif);letter-spacing:-.5px;width:34px;height:34px;display:grid;place-items:center;background:#dcad6e12;color:var(--honey);border-radius:9px;border:1px solid #dcb27b20}.tile:nth-child(3n+2) .site-icon{color:var(--sage);background:#a0b48910;border-color:#a0b48920}.tile:nth-child(3n) .site-icon{color:var(--rust);background:#c9826110;border-color:#c9826120}.badge{color:var(--muted);font-size:9px;background:var(--raised);border-radius:20px;padding:4px 9px;display:flex;align-items:center;gap:5px}.badge::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.ready .badge{color:var(--sage)}.cooldown .badge{color:var(--honey)}.tile h3{font-weight:550;font-size:15px;letter-spacing:-.2px;overflow-wrap:anywhere}.domain{font-size:10px;color:var(--faint);margin-top:2px}.timer-block{margin:20px 0 14px;min-height:74px}.timer-label{font-size:8px;letter-spacing:1.25px;color:var(--muted)}.timer{font:400 32px/1.35 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.6px;margin:2px 0;color:var(--text)}.cooldown .timer{color:var(--honey)}.ready .timer{color:var(--sage)}.unknown .timer{color:var(--muted);font-size:27px}.timer-hint{font-size:10px;color:var(--muted)}.progress{height:2px;background:var(--line);border-radius:3px;overflow:hidden;margin-bottom:11px}.progress-fill{height:100%;background:var(--honey);transform-origin:left;transform:scaleX(0);width:100%}.ready .progress-fill{transform:scaleX(1);background:var(--sage)}.rule{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:19px}.rule a{font-size:9px;border-bottom:1px dotted var(--faint);color:var(--faint)}.tile-actions{display:flex;gap:7px}.vote-link{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;border:1px solid var(--line);border-radius:7px;padding:9px 10px;background:var(--raised);font-size:11px;font-weight:600}.ready .vote-link{background:var(--honey);color:var(--ink);border-color:var(--honey)}.voted-button{font-size:11px;border:1px solid var(--line);border-radius:7px;padding:9px 11px}.tile-foot{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:var(--faint);margin-top:12px;align-items:center}.tile-foot button{font-size:9px;color:var(--muted);padding:0}.tile-links{display:flex;gap:12px;flex-shrink:0}.empty{border:1px dashed var(--line);border-radius:12px;text-align:center;padding:40px 20px;color:var(--muted)}.empty>span{font-size:26px}.empty h3{color:var(--text);font:24px var(--serif);margin:10px 0}.empty p{font-size:12px;margin-bottom:16px}.routine{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:38px 0 24px;padding:27px 0}.routine-title{display:flex;align-items:center;gap:11px}.routine-title>span{color:var(--honey);font-size:30px}.routine h2{font-size:21px}.routine h3{font-size:11px;margin:5px 0 5px}.routine p{font-size:10px;line-height:1.8;color:var(--muted)}.step{font-size:9px;color:var(--honey)}.faq{border-bottom:1px solid var(--line);padding:0 0 23px;font-size:12px;color:var(--muted)}.faq summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;color:var(--text)}.faq summary>span{font-size:19px;color:var(--honey)}.faq p{margin:13px 0;max-width:830px;line-height:1.9}.source-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:10px}.source-links a{color:var(--honey);text-decoration:underline;text-underline-offset:4px}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 0 35px;font-size:10px;color:var(--faint);gap:15px}footer>div{display:flex;gap:19px;align-items:center}.footer-brand{font:600 17px var(--serif);color:var(--muted)}.footer-brand>span{font:10px var(--sans);color:var(--faint);margin-left:5px}.warning{margin-top:16px;border:1px solid var(--rust);background:var(--panel);padding:12px;border-radius:8px;font-size:12px}.error{color:#e7a487;font-size:12px;margin-top:8px}.error:empty{display:none}body.light .error{color:#963819}dialog{border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);width:min(510px,calc(100% - 30px));padding:27px;max-height:calc(100dvh - 45px);box-shadow:0 30px 100px #0005}dialog::backdrop{background:#120d09ad;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:14px}.dialog-heading h2{margin-top:5px;font-size:27px}.close{width:30px;height:30px;font-size:24px;line-height:1;color:var(--muted);flex-shrink:0}.dialog-intro{font-size:12px;color:var(--muted);margin-bottom:22px;line-height:1.8}dialog p{font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.8}label{display:block;font-size:11px;color:var(--muted);margin:17px 0 7px}input,select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:7px;color:var(--text);width:100%;padding:11px 12px;font-size:12px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--faint)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-help,.small-note{font-size:10px!important;color:var(--muted);line-height:1.8;margin-top:8px}.profile-list{display:flex;flex-direction:column;gap:8px}.profile-row{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:7px 8px 7px 12px;gap:10px}.profile-row.current{border-color:var(--honey)}.profile-switch{flex:1;text-align:left;padding:4px 0;font-size:13px}.profile-switch small{display:block;font-size:10px;color:var(--faint);margin-top:2px}.profile-remove{font-size:10px;color:var(--muted);padding:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-top:23px}.setting-row p{font-size:10px;margin:5px 0 0}.setting-row h3,.setting-block h3{font-size:12px}.setting-block{padding-top:20px}.setting-block p{font-size:11px;margin:7px 0 12px}.button-row{display:flex;gap:9px}.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px}.danger{border:1px solid var(--rust);color:var(--rust);font-size:11px;padding:10px 13px;border-radius:7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:15px;top:-100px;z-index:10;padding:10px;background:var(--honey);color:var(--ink);border-radius:5px}.skip-link:focus{top:10px}.noscript{position:fixed;inset:20% 15%;padding:30px;background:var(--panel);border:1px solid var(--line);z-index:20}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);background:var(--raised);color:var(--text);padding:12px 18px;max-width:calc(100% - 30px);width:max-content;font-size:12px;z-index:20;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}#toast-undo{font-size:11px;color:var(--honey);text-decoration:underline;padding:3px}body.light .hearth-glow{opacity:.75}[hidden]{display:none!important}
@media(min-width:1000px){.grid>.tile:last-child:nth-child(3n+1){grid-column:2}.grid>.tile:only-child{grid-column:auto}}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hearth{margin-right:0;width:240px}.hearth svg{width:230px}.hero h1{font-size:64px}.welcome{grid-template-columns:1fr;gap:18px}.welcome p{max-width:none}.routine{grid-template-columns:repeat(3,1fr);gap:20px}.routine-title{grid-column:1/-1}.overview{flex-wrap:wrap}.next-window{flex-basis:100%}.stat{flex:1;border-top:1px solid var(--line);border-left:0;padding:15px 0 0}.return-banner{align-items:flex-start;flex-direction:column}.return-actions{justify-content:flex-start}.section-toolbar{align-items:flex-start;flex-direction:column;gap:14px}.header nav{gap:12px}}
@media(max-width:640px){.wrap{padding-left:21px;padding-right:21px}.header{padding-top:19px;padding-bottom:18px}.brand{font-size:25px;gap:9px}.brand small{font-size:6px;letter-spacing:1.2px}.brand img{width:32px;height:32px}.nav-text{display:none}.header nav{gap:7px}.player-button{gap:5px;font-size:10px;max-width:165px}.player-button .avatar{width:22px;height:22px;font-size:13px}.icon-button{width:27px}.hero{padding:35px 0 30px;position:relative;gap:0}.hero-copy{position:relative;z-index:1}.hero h1{font-size:55px;margin-top:17px;letter-spacing:-1.9px}.hero .eyebrow{font-size:7px;letter-spacing:1.15px}.hero p{font-size:12px}.hearth{position:absolute;width:145px;right:-11px;top:43px;opacity:.67;z-index:0}.hearth svg{width:145px}.hearth > span{display:none}.hero .server-tag{font-size:9px;gap:7px;margin-top:17px}.server-tag button{font-size:8px}.welcome,.overview{padding:22px}.welcome h2{font-size:24px}.welcome p{font-size:11px}.input-with-button{flex-wrap:wrap}.input-with-button input{flex-basis:100%}.input-with-button .primary{width:100%}.overview{gap:14px}.next-window h2{font-size:24px}.stat{min-width:0}.stat span{font-size:8px}.stat strong{font-size:29px}.return-banner{padding:21px}.return-actions{width:100%}.return-actions .primary,.return-actions .secondary{font-size:10px;padding:10px}.section-toolbar{margin-top:30px}.section-toolbar h2{font-size:25px}.filters{width:100%}.filters button{flex:1;padding:8px 4px;font-size:9px;white-space:nowrap}.grid{grid-template-columns:1fr;gap:14px}.tile{padding:21px}.tile-top{margin-bottom:15px}.timer-block{margin-top:18px}.timer{font-size:35px}.routine{grid-template-columns:1fr;gap:20px}.routine-title{grid-column:auto;margin-bottom:3px}.routine>div:not(:first-child){padding-left:29px;position:relative}.step{position:absolute;left:0;top:3px}.routine h3{font-size:12px}.routine p{font-size:11px}footer{align-items:flex-start;flex-direction:column;gap:15px}.footer-brand>span{font-size:9px}footer>div{justify-content:space-between;width:100%}dialog{padding:23px}.dialog-heading h2{font-size:25px}.button-row{flex-wrap:wrap}.setting-row{gap:13px}.setting-row .secondary{padding:9px}.return-banner h2{font-size:23px}.warning{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.copy-player{font-size:10px;color:var(--honey);padding:0;margin-top:8px;text-decoration:underline;text-underline-offset:3px}

/* A slow, small flicker; the logs and illustration layout stay still. */
.flame{transform-box:fill-box;transform-origin:50% 100%;animation:hearth-flicker 3.2s ease-in-out infinite}
.flame-inner{animation-name:hearth-inner;animation-duration:2.7s;animation-delay:-1.1s}
.flame-heart{animation-name:hearth-inner;animation-duration:3.7s;animation-delay:-2s}
.hearth-glow{animation:hearth-warmth 5.8s ease-in-out infinite}
.embers{animation:hearth-embers 4.8s ease-in-out infinite}
@keyframes hearth-flicker{0%,100%{transform:scale(.995,1) rotate(-.35deg)}32%{transform:scale(1.012,1.023) rotate(.5deg)}68%{transform:scale(.985,.987) rotate(-.2deg)}}
@keyframes hearth-inner{0%,100%{transform:scale(1,.99);opacity:.94}40%{transform:scale(.98,1.035);opacity:1}72%{transform:scale(1.018,1.008);opacity:.92}}
@keyframes hearth-warmth{0%,100%{opacity:.72}48%{opacity:1}75%{opacity:.82}}
@keyframes hearth-embers{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(-3px);opacity:.95}}
@media(prefers-reduced-motion:reduce){.flame,.hearth-glow,.embers{animation:none!important;transform:none!important}}

.community-link{display:table;margin-top:9px;margin-left:24px;color:var(--honey);font-size:11px;text-underline-offset:4px}
.community-link:hover{text-decoration:underline}
.community-link span{margin-left:5px;font-size:10px}
.hearth-tap{display:block;position:relative;z-index:1;padding:0;border:0;border-radius:50%;isolation:isolate;cursor:pointer;overflow:visible}
.hearth-tap:hover{filter:none}
.hearth-tap:focus-visible{outline:1px dashed var(--honey);outline-offset:8px}
.hearth-tap svg{display:block;pointer-events:none}
.hearth-glow{pointer-events:none}
.hearth .emoji-ember{display:block;position:absolute;left:50%;top:46%;width:44px;height:44px;z-index:2;pointer-events:none;background-repeat:no-repeat;background-size:436px 100px;image-rendering:pixelated;filter:drop-shadow(0 0 5px #dfac6050);animation:emoji-ember-rise var(--ember-duration,1.85s) ease-out forwards;will-change:transform,opacity}
@keyframes emoji-ember-rise{0%{opacity:0;transform:translate(calc(-50% + var(--ember-start,0px)),0) scale(.45) rotate(0deg)}12%{opacity:.96}65%{opacity:.9}100%{opacity:0;transform:translate(calc(-50% + var(--ember-drift,0px)),var(--ember-lift,-112px)) scale(.67) rotate(var(--ember-turn,0deg))}}
@media(max-width:640px){.hearth{top:110px;z-index:2;width:120px}.hearth svg{width:120px}}
@media(prefers-reduced-motion:reduce){.hearth .emoji-ember{animation:emoji-ember-fade .95s ease-out forwards;will-change:opacity;transform:translate(-50%,-12px) scale(.6)}@keyframes emoji-ember-fade{0%,100%{opacity:0}25%,65%{opacity:.9}}}

/* One compact, aligned home for the server and community actions. */
.community-links{display:grid;gap:4px;width:240px;max-width:100%;margin-top:22px;font:400 12px/1.5 var(--sans)}
.community-links .server-tag,.community-links .community-action{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:30px;width:100%;margin:0;padding:0;text-align:left;font:inherit;letter-spacing:0;color:var(--muted)}
.community-links .community-action{color:var(--honey);border-radius:4px;text-decoration:none}
.community-links .community-icon{display:block;width:16px;height:16px;flex-shrink:0;color:var(--honey)}
.community-links .community-label{min-width:0;margin:0;font:inherit;color:inherit}
.community-links .community-trail{width:16px;margin:0;text-align:center;font:inherit;color:var(--faint);justify-self:end}
.community-links .server-tag button{margin:0;padding:3px 8px;min-height:24px;border:1px solid var(--line);border-radius:6px;font:400 10px/1.4 var(--sans);color:var(--muted);white-space:nowrap}
.community-links .community-action:hover .community-label{text-decoration:underline;text-underline-offset:4px}
@media(max-width:640px){.community-links{margin-top:20px}}

.statistics-choice{display:flex;align-items:center;gap:9px}.statistics-choice input{width:16px;height:16px;accent-color:var(--honey)}

.timer-sync-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0;padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.timer-sync-bar>div:first-child{flex:1;min-width:150px}.timer-sync-bar strong{font-size:12px;font-weight:500;color:var(--honey)}.timer-sync-bar .field-help{margin:5px 0 0}.timer-sync-bar>.secondary{font-size:10px;padding:9px 12px}.sync-conflicts{flex-basis:100%;display:grid;gap:10px}.sync-conflicts:empty{display:none}.sync-conflict{border-top:1px solid var(--line);padding-top:13px}.sync-conflict p{font-size:11px;color:var(--muted);line-height:1.8;margin:7px 0}.sync-conflict .secondary{font-size:10px;margin:4px 8px 0 0;padding:9px 11px}
