@font-face{font-family:FiftyBatang;src:url(./assets/fonts/GowunBatang-Copy.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#f6f4ee;--ink:#191919;--muted:#74736c;--line:#d2cfc4;--blue:#dfe7e8;--serif:Georgia,'Times New Roman',serif;--hand:var(--sans);--sans:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.16' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #677f88;outline-offset:5px}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:clamp(2rem,3.8vw,3.4rem);font-family:FiftyBatang,serif;font-weight:400;line-height:1.5;letter-spacing:-.035em}h2{font-size:2rem;letter-spacing:-.03em}.shell{max-width:1110px;margin:auto;padding:0 54px}.site-header{height:84px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.logo{font:750 29px/1 var(--sans);letter-spacing:.055em}.logo-dot{font-size:26px}.header-note{font:italic 15px var(--serif);color:var(--muted);margin-top:9px}nav{display:flex;gap:34px;margin-left:auto}nav a{font-size:15px;padding:15px 0;position:relative}nav a[aria-current=page]:after{content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--ink)}.nav-star{font-size:12px;margin-left:3px}.menu-button{display:none}.screen{min-height:670px;padding:66px 0 48px}.eyebrow{font-size:13px;letter-spacing:.04em;font-weight:500;display:flex;align-items:center;gap:12px;margin-bottom:20px}.small-line{width:24px;height:1px;background:var(--ink)}.underline{position:relative;white-space:nowrap}.underline:after{display:none;content:'';position:absolute;left:0;right:0;bottom:-4px;height:5px;border-top:2px solid var(--ink);border-radius:50%;transform:rotate(-2deg)}.intro{color:#706d65;font-size:15px;line-height:1.8;margin-top:20px}.home-screen{display:grid;grid-template-columns:1.04fr 1fr;column-gap:90px;padding-top:56px}.home-copy{max-width:455px}.home-copy h1{margin-top:0;font-size:43px;line-height:1.45}form{margin-top:28px}form>label,legend{font-size:14px}input{display:block;width:100%;height:55px;border:1px solid #aaa89f;border-radius:2px;background:transparent;padding:12px 17px;margin-top:9px;color:var(--ink)}input::placeholder{color:#929088}.field-error{color:#9a3c2f;font-size:14px;margin-top:8px}input[aria-invalid=true]{border-color:#9a3c2f}fieldset{border:0;padding:0;margin:24px 0 26px}legend{margin-bottom:12px}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.category-option{display:flex;align-items:center;flex-direction:column;gap:7px;cursor:pointer;font-size:14px;position:relative;padding:2px 0}.category-option input{position:absolute;opacity:0;width:1px;height:1px;left:50%;bottom:0;margin:0;padding:0}.category-icon{width:49px;height:49px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent;transition:transform .2s,background .2s}.category-icon svg{width:25px;height:25px}.category-option input:checked+.category-icon{border-color:var(--ink);background:var(--category-color);transform:none}.category-option input:checked~.category-label{font-weight:700}.category-option input:focus-visible+.category-icon{outline:3px solid #677f88;outline-offset:4px}.button{min-height:49px;padding:12px 20px;border:1px solid var(--ink);border-radius:3px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#35352f}.outline{background:transparent}.outline:hover{background:#e9e7df}.start-button{width:100%;gap:13px;justify-content:center}.start-button>span:first-child{font:500 21px/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.015em}.button-spark{margin-left:auto}.quiet-note{font-size:13px;color:var(--muted);margin-top:16px}.home-object{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;padding-top:23px}.handwritten{font-family:var(--hand);font-size:18px;line-height:1.6}.top-memo{position:absolute;top:8px;right:0;transform:rotate(9deg)}.hero-watch{width:min(100%,280px);transform:rotate(-5deg);margin:10px 0 25px}.watch-svg{display:block;width:100%;height:auto;overflow:visible}.watch-svg .hour-hand,.watch-svg .minute-hand,.watch-svg .second-hand{transform-origin:140px 200px}.watch-svg .hour-hand{transform:rotate(var(--hour-rotation,5deg))}.watch-svg .minute-hand{transform:rotate(var(--minute-rotation,60deg))}.watch-svg .second-hand{transform:rotate(var(--second-rotation,150deg));stroke:#9d6c55}.watch-svg[data-tier=focus] .main-bezel{stroke-width:5}.watch-svg[data-tier=dedicated] .main-bezel{stroke-width:6}.watch-svg[data-tier=expert] .main-bezel{stroke-width:8}.watch-svg[data-tier=master] .main-bezel{stroke-width:9}.object-caption{display:flex;gap:15px;font-size:13px;color:var(--muted);transform:none}.object-caption strong{color:var(--ink);font-weight:500;font-size:15px}.caption-line{width:32px;margin-top:13px;height:1px;background:var(--ink)}.tiny-star{position:absolute;font-size:30px}.star-one{top:150px;left:15px;transform:rotate(12deg)}.home-bottom{grid-column:1/-1;margin-top:48px;padding-top:25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.presence-preview{display:flex;align-items:center;gap:20px;font-size:14px}.presence-preview strong{font-weight:500}.mini-watches{display:flex;width:130px;height:63px;align-items:center}.mini-watches .watch-svg{width:45px;margin-right:-3px;transform:rotate(-9deg)}.mini-watches .watch-svg:nth-child(2){transform:rotate(8deg);margin-top:-12px}.muted{color:var(--muted)}.demo-label{display:inline-block;font:10px/1.4 var(--sans);letter-spacing:.08em;border:1px solid #b4b1a7;padding:2px 5px;border-radius:3px;vertical-align:middle;margin-left:5px;color:#77756b}.cat-note{display:flex;align-items:center;gap:14px}.cat-note .handwritten{font-size:13px;color:var(--muted)}.cat-note img{width:48px;height:48px}.cat-asset{object-fit:contain}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0 28px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.site-footer span:nth-child(2){font-size:12px}.focus-screen{text-align:center;padding-top:36px}.focus-screen .eyebrow{justify-content:center;margin-bottom:10px}.category-title{font-family:var(--sans);font-size:23px;display:flex;gap:10px;justify-content:center;align-items:center;letter-spacing:-.02em}.category-title svg{width:28px;height:28px}.focus-task{margin-top:8px;color:#66655e;overflow-wrap:anywhere}.focus-stage{position:relative;max-width:460px;margin:18px auto 0}.focus-watch{width:235px;margin:auto}.focus-memo{position:absolute;right:15px;top:90px;transform:rotate(10deg)}.timer{font:400 clamp(3.7rem,8vw,4.5rem)/1.05 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.035em;margin-top:5px}.micro-label{font-size:13px;letter-spacing:0;color:var(--muted);margin:9px 0}.countup{font:400 28px/1.2 var(--sans);font-variant-numeric:tabular-nums;margin-top:24px;color:#5d6c5d}.end-button{min-width:235px;margin:26px auto 0}.end-screen{text-align:center;max-width:560px;margin:auto;padding-top:48px}.end-screen .eyebrow{justify-content:center}.completion-mark{font-size:48px;line-height:1.4;margin-bottom:16px}.end-screen h1{font-family:var(--sans);font-size:32px;line-height:1.6}.end-screen .intro{margin-top:10px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0;border-block:1px solid var(--line);margin:30px 0 24px;gap:12px}.result-stats dt{font-size:12px;color:var(--muted)}.result-stats dd{font-size:19px;margin:8px 0 0;letter-spacing:-.025em}.growth-message{font-size:15px;display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:24px;padding:15px;border:1px dashed #aba99f;border-radius:4px}.growth-message .watch-svg{width:49px}.end-actions{display:grid;gap:10px;max-width:360px;margin:0 auto}.end-note{margin:32px auto 0;font-size:14px;color:var(--muted)}.now-screen{text-align:center}.now-screen .eyebrow{justify-content:center}.now-screen h1{font-size:39px}.demo-explanation{font-size:13px;color:var(--muted);margin-top:10px}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:35px 0}.filter-button{padding:9px 20px;min-height:44px;border:1px solid transparent;background:transparent;border-radius:3px;font-size:14px}.filter-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filter-button:hover{border-color:var(--line)}.now-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:35px 24px}.now-item{padding:5px 5px 20px;border-bottom:1px solid var(--line)}.now-item .watch-svg{width:100%;max-width:115px;margin:auto}.now-time{font:24px/1.4 var(--serif);font-variant-numeric:tabular-nums;margin-top:10px}.now-category{font-size:14px;margin-top:3px}.now-growth{font-size:12px;color:var(--muted)}.now-note{margin-top:42px;font-size:14px;color:var(--muted)}.my-watch-screen{display:grid;grid-template-columns:1fr 1fr;gap:35px 90px}.watch-heading{grid-column:1/-1}.watch-heading h1{font-size:36px}.personal-watch{max-width:290px;width:100%;margin:0 auto}.watch-details{padding-top:18px}.watch-details .eyebrow{margin-bottom:4px}.watch-details h2{font-family:var(--serif);font-size:38px;font-weight:400}.watch-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0;padding:25px 0;border-block:1px solid var(--line)}.watch-stats dt{color:var(--muted);font-size:12px}.watch-stats dd{font-size:24px;margin:3px 0 0}.growth-progress{margin-bottom:25px}.progress-label{display:flex;justify-content:space-between;gap:15px;font-size:14px}.progress-label strong{font-weight:500}progress{width:100%;height:5px;border:0;background:#dedcd3;display:block;margin:13px 0 10px;accent-color:var(--ink)}progress::-webkit-progress-bar{background:#dedcd3}progress::-webkit-progress-value{background:var(--ink)}progress::-moz-progress-bar{background:var(--ink)}.growth-progress p,.local-note{font-size:12px}.local-note{color:var(--muted);margin-top:12px}.storage-notice{background:#f2e4ce;padding:12px 18px;font-size:14px;border:1px solid #c5a97f;margin-top:16px}.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:fixed;top:-70px;padding:12px;background:var(--ink);color:white;z-index:30}.skip-link:focus{top:0}
@media(min-width:1400px){.screen{min-height:720px}.home-screen{padding-top:56px}}
@media(max-width:900px){.shell{padding:0 32px}.header-note{display:none}.home-screen{gap:35px}.home-copy h1{font-size:37px}.hero-watch{width:270px}.top-memo{right:0;font-size:16px}.star-one{left:0}.now-grid{grid-template-columns:repeat(4,1fr)}.my-watch-screen{gap:30px 40px}}
@media(max-width:620px){.shell{padding:0 22px}.site-header{height:83px;gap:15px}.logo{font-size:26px}nav{gap:22px}nav a{font-size:13px}.screen{padding:37px 0;min-height:0}.home-screen{grid-template-columns:1fr;gap:0}.home-copy{max-width:none}.home-copy .eyebrow{font-size:10px;margin-bottom:20px}.home-copy h1{font-size:34px;margin-top:0;line-height:1.45}.intro{font-size:14px;margin-top:17px}.home-object{grid-row:2;padding-top:0;margin:32px 0 10px;min-height:270px}.hero-watch{width:190px;margin:0;transform:rotate(-5deg)}.top-memo{top:30px;right:4%;font-size:17px}.star-one{top:90px;left:10%;font-size:23px}.object-caption{margin-top:17px;font-size:12px}.object-caption strong{font-size:14px}.home-bottom{margin-top:28px;gap:12px}.presence-preview{font-size:12px;gap:10px}.mini-watches{width:87px;height:57px;flex-shrink:0}.mini-watches .watch-svg{width:32px}.cat-note{display:none}form{margin-top:25px}.categories{gap:6px}.category-icon{width:47px;height:47px}.quiet-note{font-size:12px;text-align:center}.site-footer{font-size:10px;gap:10px;flex-wrap:wrap}.site-footer span:nth-child(2){font-size:12px}.site-footer span:last-child{display:none}.focus-stage{margin-top:14px}.focus-watch{width:210px}.focus-memo{right:1%;top:32px;font-size:15px}.focus-screen .eyebrow{font-size:10px}.focus-task{font-size:14px}.timer{font-size:62px}.focus-screen{padding-top:28px}.countup{margin-top:20px}.end-screen h1{font-size:26px}.result-stats{gap:6px}.result-stats dd{font-size:16px}.result-stats dt{font-size:11px}.end-note{font-size:14px}.now-screen h1{font-size:31px}.filters{gap:2px;margin:24px -5px}.filter-button{padding:9px 12px}.now-grid{grid-template-columns:repeat(3,1fr);gap:24px 12px}.now-item{padding-inline:0}.now-item .watch-svg{max-width:90px}.now-time{font-size:22px}.now-growth{font-size:11px}.now-category{font-size:13px}.my-watch-screen{grid-template-columns:1fr;gap:30px}.watch-heading h1{font-size:32px}.personal-watch{width:210px}.watch-details{padding:0}.watch-details h2{font-size:33px}.demo-explanation{font-size:12px}}
@media(max-width:359px){.shell{padding:0 18px}.home-copy h1{font-size:30px}.category-icon{width:44px;height:44px}.category-option{font-size:13px}.menu-button{display:block;margin-left:auto;background:none;border:0;min-width:44px;min-height:44px;font-size:22px}nav{display:none;position:absolute;right:18px;top:70px;z-index:5;flex-direction:column;gap:0;background:var(--paper);border:1px solid var(--line);padding:10px 22px}nav.is-open{display:flex}.home-copy .eyebrow{letter-spacing:.09em}.filter-button{padding:8px 9px}.presence-preview{font-size:11px}.now-time{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}