/* FIFTY — warm paper, engraved type, oxblood ink and a forest-green dial. */
:root{--paper:#eee7d7;--ink:#283d35;--muted:#777267;--line:#c4bca8;--accent:#8f3f2e;--cream:#f6f0e3;--mono:'Courier New',monospace}
body{background:var(--paper);color:var(--ink)}
body:before{opacity:.23}
.shell{max-width:1160px;padding:0 48px}
.site-header{height:108px;gap:28px;border-bottom:3px double var(--ink)}
.logo{font:italic 700 51px/.9 Georgia,'Times New Roman',serif;letter-spacing:-.075em;color:var(--accent);padding-right:4px}
.logo-period{color:var(--ink)}
.brand-caption{font-size:11px;letter-spacing:.025em;color:var(--muted);border-left:1px solid var(--line);padding:4px 0 4px 23px}
nav{gap:29px}nav a{font-size:13px}nav a[aria-current=page]:after{background:var(--accent);height:2px}
.account-button{font-size:12px;color:var(--ink);background:none;border:1px solid var(--ink);border-radius:0;min-height:36px;padding:6px 13px;white-space:nowrap}
.account-button:hover{background:#e1d9c7}.account-button:disabled{opacity:.5;cursor:default}
.screen{padding-top:46px}
.home-screen{grid-template-columns:1.04fr 1fr;gap:0 76px;padding-top:44px}
.edition-label{display:flex;justify-content:space-between;gap:10px;font:11px/1.5 var(--mono);letter-spacing:.06em;color:var(--accent);margin-bottom:20px}
.home-copy h1{font-size:42px;line-height:1.48;letter-spacing:-.065em}
.intro{font-size:14px;color:var(--muted);margin-top:16px}
form{margin-top:27px}form>label,legend{font-size:12px;font-weight:500}
input{background:#f8f3e7;border-color:var(--line);border-radius:0;height:51px;font-size:14px;box-shadow:inset 0 2px 0 #00000003}
input:focus{border-color:var(--ink)}
fieldset{margin:23px 0}
.categories{gap:6px}.category-option{font-size:12px;gap:5px}
.category-icon{width:49px;height:43px;border-radius:2px;border:1px solid transparent}
.category-icon svg{width:24px;height:24px}
.category-option input:checked+.category-icon{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.category-option input:checked~.category-label{font-weight:500;color:var(--accent)}
.button{border-radius:0;font-size:14px;min-height:49px;letter-spacing:.015em}
.primary{background:var(--ink);border-color:var(--ink);color:var(--cream)}.primary:hover{background:#40564c}
.outline:hover{background:#e4dccb}.button:hover{transform:none}
.start-button{justify-content:space-between;padding-inline:22px}.start-button>span:first-child{font:21px/1 var(--mono);letter-spacing:-.035em}
.quiet-note{font-size:11px;margin-top:13px;color:var(--muted)}
.home-object{margin-top:0;padding:19px 23px 23px;border:1px solid #b8af99;background:#e7dec9;justify-content:space-between;position:relative}
.home-object:before,.home-object:after{content:'+';position:absolute;color:#958b74;font:13px var(--mono);bottom:6px}
.home-object:before{left:7px}.home-object:after{right:7px}
.watch-plate{display:flex;justify-content:space-between;gap:10px;width:100%;font:10px/1.5 var(--mono);letter-spacing:.06em;border-bottom:1px solid #b8af99;padding-bottom:11px;color:#766c56}
.hero-watch{width:250px;transform:rotate(-8deg);margin:12px 0 13px;filter:drop-shadow(5px 9px 5px #594b3212)}
.object-caption{align-self:flex-start;font-size:11px;gap:10px;line-height:1.7}.object-caption strong{font:italic 18px Georgia,serif;color:var(--ink)}
.caption-line{width:25px;background:var(--accent);margin-top:12px}
.home-bottom{margin-top:35px;padding-top:22px;border-top:1px solid var(--ink)}
.presence-symbol{font-size:44px;line-height:1;color:var(--accent);width:49px;text-align:center}
.presence-preview{font-size:12px;gap:17px;line-height:1.8}.presence-preview strong{font-size:13px;font-weight:500}.presence-preview:hover .muted{color:var(--accent)}
.cat-note img{width:42px;height:42px;mix-blend-mode:multiply}.cat-note .handwritten{font-size:11px}
.site-footer{border-top:3px double var(--ink);font:10px/1.6 var(--mono);padding-top:16px}.site-footer span:nth-child(2){font:11px var(--sans)}
.watch-svg .second-hand{stroke:var(--accent)}
.timer{font-family:var(--mono);font-size:70px;letter-spacing:-.075em;color:var(--ink)}.countup{font:26px/1.2 var(--mono);color:var(--accent)}
.focus-screen{padding-top:32px}.focus-watch{width:220px}.category-title{font-size:21px}.focus-task{font-size:14px}.micro-label{font-size:11px}
.eyebrow{font:11px/1.5 var(--mono);color:var(--accent);letter-spacing:.09em}
.completion-mark{color:var(--accent);font-family:Georgia,serif}.end-screen h1{font-size:29px;font-weight:500;letter-spacing:-.05em}
.result-stats{border-block:1px solid var(--ink)}.result-stats dd{font-size:18px}.growth-message{border:1px solid var(--line);border-radius:0;background:#f6f0e377}
.now-screen h1,.watch-heading h1{font-size:39px;letter-spacing:-.06em}.room-note{font-size:12px;color:var(--muted);margin-top:12px}
.filters{gap:4px;margin:31px 0;border-block:1px solid var(--line);padding:8px 0}.filter-button{border-radius:0;font-size:12px;min-height:37px;padding:6px 19px}
.filter-button[aria-pressed=true]{background:var(--ink);color:var(--cream)}
.now-grid{grid-template-columns:repeat(5,1fr);gap:28px 26px}.now-item{position:relative;padding:8px 6px 19px}.now-item .watch-svg{max-width:120px}.now-time{font:23px/1.4 var(--mono);letter-spacing:-.08em}.now-category{font-size:12px}.now-growth{font:11px/1.6 Georgia,serif;color:var(--muted)}
.room-empty{margin:20px auto 45px;padding:45px 20px 20px;max-width:460px}.room-empty>span{font-size:65px;color:var(--accent);font-weight:300;line-height:1}.room-empty h2{font-size:20px;font-weight:400;letter-spacing:-.025em;margin-top:20px}.room-empty p{font-size:13px;color:var(--muted);margin:10px auto 24px}.room-empty .button{max-width:235px;margin:auto}
.room-status{font-size:11px;color:var(--muted);margin-top:24px}.now-note{font-size:12px;margin-top:20px}
.watch-details h2{font-style:italic}.watch-stats{border-block:1px solid var(--ink)}.watch-stats dd{font-size:23px}.growth-progress progress{height:4px}.text-button{padding:5px 0;font-size:12px;line-height:1.8;text-align:left;border:0;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:var(--ink)}
#register-watch,#import-records{display:block;margin-top:12px}.save-pending{color:var(--accent)}
dialog{width:min(460px,calc(100% - 36px));padding:35px 35px 29px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);box-shadow:0 0 0 5px var(--paper),0 0 0 6px var(--line),0 15px 90px #151d1940}
dialog::backdrop{background:#20282088;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:14px;top:8px;width:38px;height:38px;border:0;background:none;color:var(--ink);font-size:28px}
dialog .edition-label{font-size:10px;margin-bottom:22px}dialog h2{font:400 29px/1.5 var(--sans);letter-spacing:-.055em}.account-intro{font-size:13px;color:var(--muted);line-height:1.85;margin-top:14px;overflow-wrap:anywhere}
dialog form{margin-top:25px}dialog .button{width:100%;margin-top:15px;justify-content:space-between}.privacy-note{font-size:10px;line-height:1.85;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:25px}.account-feedback{font-size:12px;line-height:1.7;margin-top:17px;color:var(--accent)}.account-feedback:empty{display:none}.code-actions{display:flex;justify-content:space-between;gap:15px;margin-top:12px}#account-code{font-family:var(--mono);letter-spacing:.12em}#signout-button{margin-top:25px}
.storage-notice{background:#efe0bd;border-color:#b79e6d;font-size:12px}
@media(min-width:1400px){.screen{min-height:710px}.home-screen{padding-top:47px}}
@media(max-width:1000px){.home-screen{gap:0 43px}.brand-caption{display:none}.home-copy h1{font-size:37px}.hero-watch{width:232px}.shell{padding:0 36px}.home-object{padding-inline:19px}.now-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.shell{padding:0 23px}.site-header{height:84px;gap:14px}.logo{font-size:40px}nav{gap:18px}nav a{font-size:12px}.account-button{font-size:10px;min-height:32px;padding-inline:9px}.home-screen{gap:0 25px}.home-copy h1{font-size:31px}.hero-watch{width:195px}.home-object{padding:17px 14px 19px}.edition-label{font-size:9px}.watch-plate{font-size:8px}.intro{font-size:12px}.home-copy .quiet-note{text-align:left}.category-icon{width:39px;height:40px}.category-option{font-size:11px}.categories{gap:2px}.object-caption{font-size:10px}.object-caption strong{font-size:16px}.caption-line{display:none}}
@media(max-width:620px){.screen{padding-top:31px}.home-screen{grid-template-columns:1fr}.home-copy h1{font-size:35px;line-height:1.5}.home-copy .edition-label{font-size:10px;margin-bottom:19px}.home-copy .intro{font-size:13px}.home-object{margin-top:28px;padding:15px 21px 18px;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.watch-plate{grid-column:1/-1;font-size:9px}.hero-watch{width:145px;justify-self:center;margin:14px 0 7px}.object-caption{font-size:11px;align-self:center;margin:0;line-height:1.9}.object-caption strong{font-size:18px}.category-icon{width:50px;height:43px}.category-option{font-size:12px;gap:7px}.home-copy .quiet-note{text-align:center}.home-bottom{margin-top:27px;padding-top:19px}.presence-preview{font-size:11px;gap:12px}.presence-preview strong{font-size:12px}.presence-symbol{font-size:39px;width:39px}.site-footer{margin-top:13px}.now-grid{grid-template-columns:repeat(3,1fr);gap:21px 15px}.now-item .watch-svg{max-width:98px}.now-time{font-size:21px}.now-growth{font-size:10px}.room-note{font-size:11px;line-height:1.8;max-width:275px;margin:13px auto 0}.filter-button{padding:6px 13px;font-size:11px}.filters{margin:24px 0}.now-screen h1,.watch-heading h1{font-size:32px}.focus-screen{padding-top:26px}.focus-watch{width:200px}.timer{font-size:64px}.countup{font-size:25px}.end-screen h1{font-size:25px}.result-stats dd{font-size:15px}.watch-heading .intro{font-size:13px}.watch-details .eyebrow{font-size:10px}.watch-details h2{font-size:34px}.personal-watch{width:220px}.watch-stats dd{font-size:22px}.watch-details .local-note{font-size:11px}}
@media(max-width:420px){.site-header{gap:11px}.logo{font-size:36px}nav{gap:14px}nav a{font-size:11px}.account-button{font-size:10px;padding-inline:7px}.shell{padding:0 20px}.home-copy h1{font-size:33px}.site-header .logo{margin-right:auto}nav{margin-left:0}.home-object{padding-inline:17px}.hero-watch{width:134px}.object-caption{font-size:10px}.object-caption strong{font-size:17px}}
@media(max-width:359px){.shell{padding:0 17px}.menu-button{display:block;margin-left:auto;color:var(--ink);min-width:30px}.site-header nav{right:17px;top:72px;border-color:var(--ink)}.account-button{min-height:33px}.home-copy h1{font-size:30px}.category-icon{width:44px}.hero-watch{width:117px}.object-caption strong{font-size:16px}.filter-button{padding:6px 10px}.now-time{font-size:19px}dialog{padding:31px 23px 25px}}
.object-caption p{word-break:keep-all}