:root{--room-bg: #161514;--bright: #e8e6e1;--soft: #cfccc5;--dim: #8a8781;--shadow: #4a4844;--line: #2a2927;--input-bg: #1f1e1c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--room-bg);color:var(--soft);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.room{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px calc(48px + env(safe-area-inset-bottom));gap:0}.wordmark{font-size:12px;letter-spacing:2px;color:var(--dim);margin:0 0 40px}.hint{font-size:12px;color:var(--dim);margin:0 0 44px}.quote{font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.7;color:var(--soft);max-width:420px;margin:0 auto 10px}.attribution{font-size:12px;color:var(--dim);margin:0 0 44px}.attribution a{color:#a8a49c}.btn{background:transparent;border:.5px solid var(--shadow);color:var(--soft);border-radius:8px;padding:10px 28px;font-size:14px;cursor:pointer}.btn:hover{border-color:var(--dim)}.counters{display:flex;justify-content:center;gap:24px;margin-top:44px;font-size:12px;color:var(--dim);flex-wrap:wrap}#clock{display:inline-flex;align-items:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:44px;color:var(--bright);height:56px;margin:0 0 6px}.slot{display:inline-grid;height:56px}.slot span{grid-area:1 / 1;height:56px;line-height:56px;text-align:center}.colon{display:inline-block;height:56px;line-height:56px;padding:0 2px;color:var(--dim)}.q{font-size:20px;color:var(--bright);margin:0 0 28px}.moods{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:440px;margin:0 auto}.mood{background:transparent;border:.5px solid var(--shadow);color:var(--soft);border-radius:999px;padding:9px 20px;font-size:14px;cursor:pointer}.mood.picked{background:var(--line);border-color:var(--dim)}.skip{font-size:12px;color:var(--dim);margin:24px 0 0;cursor:pointer}.youword{font-size:13px;color:var(--dim);margin:0 0 22px}.youword b{color:var(--soft);font-weight:400}.wtitle{font-size:16px;color:var(--bright);margin:0 0 20px}.weather{max-width:360px;margin:0 auto 36px;text-align:left;font-size:13px;color:var(--soft);width:100%}.wrow{display:flex;align-items:center;gap:10px;margin-bottom:8px}.wrow .wl{width:74px}.wrow .wp{width:36px;text-align:right}.track{flex:1;height:6px;background:var(--line);border-radius:3px}.fill{display:block;height:6px;border-radius:3px;transition:width .9s ease-in-out}.mapline{font-size:14px;color:var(--soft);margin:0 0 26px}.mapline a{color:var(--bright)}.maplink{margin:10px 0 0}.emailbox{border-top:.5px solid var(--line);max-width:400px;width:100%;margin:0 auto;padding-top:24px}.emailhint{font-size:13px;color:var(--dim);margin:0 0 12px}.emailrow{display:flex;gap:8px;max-width:340px;margin:0 auto}.emailrow input{flex:1;background:var(--input-bg);border:.5px solid var(--shadow);color:var(--bright);border-radius:8px;padding:8px 12px;font-size:13px}.emailrow input:focus{outline:none;border-color:var(--dim)}.thanks{font-size:13px;color:var(--dim)}.fade-in{animation:fade .7s ease-in-out}@keyframes fade{0%{opacity:0}to{opacity:1}}.mine{font-size:12px;color:var(--dim);margin-top:18px}.minefacts{color:var(--dim)}.install{margin-top:10px;min-height:16px}.minlink{font-size:12px;color:#a8a49c;text-decoration:none;cursor:pointer;border-bottom:.5px solid var(--shadow)}.minlink:hover{color:var(--bright);border-color:var(--dim)}.minlink.logout{margin-left:12px}#support{position:fixed;bottom:12px;right:16px;z-index:4;font-size:12px;color:var(--shadow);text-decoration:none}#support:hover{color:var(--dim)}@media (max-width: 640px){#support{font-size:14px;bottom:14px;right:16px}}.backlink{position:fixed;top:16px;left:16px;z-index:5;color:var(--soft);text-decoration:none;font-size:13px;background:#161514b8;padding:6px 12px;border-radius:8px;cursor:pointer}.backlink:hover{color:var(--bright)}@media (max-width: 640px){.room{padding:44px 20px calc(40px + env(safe-area-inset-bottom))}.quote{font-size:19px;line-height:1.6}.hint,.attribution,.emailhint{font-size:13px}#clock{font-size:52px;height:64px}.slot{height:64px}.slot span,.colon{height:64px;line-height:64px}.counters{font-size:13px;gap:14px}.mine,.minlink{font-size:14px}.q{font-size:22px}.mood{font-size:16px;padding:11px 22px}.emailrow input{font-size:16px}.btn{font-size:16px;padding:12px 30px}.backlink{font-size:15px}}