:root{--sans: "Inter", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "Noto Sans TC", -apple-system, sans-serif;--serif: "Newsreader", "Noto Sans KR", Georgia, serif;--mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--accent: #c2553b;--plan: #5b7cb8;--focus: #4d8a64;--reflect: #9b6aa0;--text: #1a1714;--text-soft: #3a352b;--text-mute: #786e5c;--surface: rgba(255,255,255,.78);--surface-line:rgba(0,0,0,.1)}*{box-sizing:border-box}html{color-scheme:light dark}html,body{margin:0;padding:0;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:linear-gradient(180deg,#1c1d36,#3a3556 6%,#7e5b69 13%,#c5805f,#e8b078 23%,#f3d4a3 32%,#faeccd 42%,#fef6d8 50%,#f9e0b1 60%,#e89c64,#c2553b 76%,#7c3848,#3a2c5c,#1a1832,#0a0915);background-attachment:fixed;background-size:100% 100vh;background-repeat:no-repeat}body{background-attachment:scroll;background-size:100% 100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit;padding:0}::selection{background:var(--accent);color:#fff}.sky{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.sky>*{position:absolute;will-change:transform,opacity}.topbar,main.day,.colophon{position:relative;z-index:1}.topbar{z-index:50}.stars{top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.8s ease}.star{position:absolute;background:#fff;border-radius:50%;opacity:var(--base-op, .6);box-shadow:0 0 4px #fff9;animation:twinkle var(--dur, 4s) ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes twinkle{0%,to{opacity:calc(var(--base-op, .6) * .35)}50%{opacity:var(--base-op, .6)}}.moon{top:11%;left:60%;width:clamp(72px,8vw,110px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 34%,rgba(0,0,0,.04) 1.5px,transparent 2px) 22% 38% / 14px 14px no-repeat,radial-gradient(circle at 62% 56%,rgba(0,0,0,.05) 1.5px,transparent 2px) 60% 60% / 14px 14px no-repeat,radial-gradient(circle at 32% 30%,#fbf5dc,#ead7a0 65%,#b09c64);box-shadow:0 0 40px #f7f1d859,0 0 96px #f7f1d82e;opacity:0;transition:opacity 1.4s ease;animation:moonFloat 16s ease-in-out infinite}@keyframes moonFloat{0%,to{translate:0 0}50%{translate:0 -16px}}.sun{top:14%;left:12%;width:clamp(96px,11vw,150px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fff4cc,#fbcc6f 55%,#f0a531);box-shadow:0 0 60px #fcc66a8c,0 0 130px #fcc66a47;opacity:0;transition:opacity 1.4s ease;animation:sunPulse 9s ease-in-out infinite}@keyframes sunPulse{0%,to{scale:1}50%{scale:1.04}}.cloud{width:clamp(140px,18vw,240px);height:clamp(28px,4vw,44px);background:#ffffffc7;border-radius:100px;filter:blur(2.5px);opacity:0;transition:opacity 1.8s ease}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:58%;height:180%;top:-90%;left:12%}.cloud:after{width:75%;height:240%;top:-140%;left:38%}.cloud-1{top:14%;left:-22%;animation:cloudDrift 95s linear infinite}.cloud-2{top:26%;left:-28%;animation:cloudDrift 72s linear infinite -25s}.cloud-3{top:18%;left:-18%;animation:cloudDrift 120s linear infinite -60s}@keyframes cloudDrift{0%{translate:0 0}to{translate:145vw 0}}body[data-section=dawn] .stars{opacity:.55}body[data-section=dawn] .moon{opacity:.68}body[data-section=morning] .sun{opacity:.85}body[data-section=morning] .cloud{opacity:.55}body[data-section=noon] .sun{opacity:1}body[data-section=noon] .cloud{opacity:.9}body[data-section=evening] .sun{opacity:.65}body[data-section=evening] .cloud{opacity:.42}body[data-section=night] .stars,body[data-section=night] .moon{opacity:1}@media (prefers-reduced-motion: reduce){.star,.moon,.sun,.cloud{animation:none!important}}.topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:0 28px;height:60px;background:#ffffff6b;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(0,0,0,.06);color:#1a1714;transition:background .35s ease,color .35s ease,border-color .35s ease}.topbar.is-dark{background:#0f0c1c6b;border-bottom-color:#ffffff1a;color:#f0ece1}.tb-left{display:flex;align-items:baseline;gap:12px;font-family:var(--mono);font-size:13px;color:inherit;flex-wrap:wrap}.logo{font-family:var(--sans);font-weight:800;font-size:18px;letter-spacing:-.03em;color:inherit}.tb-sep{opacity:.4}.tb-date{font-variant-numeric:tabular-nums}.tb-day{color:var(--accent);font-weight:700}.tb-badge{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid currentColor;padding:2px 8px 1px;border-radius:2px;line-height:1.4}.tb-right{display:flex;align-items:center;gap:18px}.tb-now{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;color:inherit;letter-spacing:.02em;font-variant-numeric:tabular-nums}.now-text{font-variant-numeric:tabular-nums}.now-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 #c2553b8c;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #c2553b80}50%{box-shadow:0 0 0 7px #c2553b00}}.lang-switcher{position:relative}.lang-btn{font-family:var(--sans);font-size:12px;font-weight:500;color:inherit;padding:6px 12px;border:1px solid currentColor;border-radius:2px;opacity:.85}.lang-btn:hover{opacity:1;color:var(--accent)}.lang-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:4px;min-width:160px;padding:4px 0;margin:0;list-style:none;box-shadow:0 12px 32px #0000002e;opacity:0;visibility:hidden;transform:translateY(-2px);transition:opacity .12s,transform .12s,visibility .12s}.lang-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.lang-menu li{padding:9px 16px;font-size:13px;cursor:pointer;color:#3a352b}.lang-menu li:hover{background:#f3efe6;color:#1a1714}.lang-menu li.active{color:var(--accent);font-weight:600}.hour{min-height:88vh;padding:80px 28px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hour-inner{width:100%;max-width:760px;padding-left:60px;display:flex;flex-direction:column;gap:22px;position:relative}.hour-inner:before{content:"";position:absolute;left:16px;top:-100vh;bottom:-100vh;width:1px;background:currentColor;opacity:.22;pointer-events:none}.hour-meta{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:8px}.hour-time{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(38px,5vw,56px);letter-spacing:-.02em;line-height:1;color:var(--text);position:relative}.hour-time:before{content:"";position:absolute;left:-44px;top:50%;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;background:var(--accent);border:2px solid currentColor;box-sizing:content-box;z-index:1}.hour-name{font-family:var(--sans);font-weight:700;font-size:clamp(18px,1.8vw,22px);letter-spacing:-.02em;color:var(--text)}.hour-glyph{font-family:var(--serif);font-size:20px;color:var(--accent);margin-left:4px}.hour-tag{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:4px 9px 3px;border-radius:2px;background:var(--accent);color:#fff;line-height:1.4}.tag-plan{background:var(--plan)}.tag-focus{background:var(--focus)}.tag-reflect{background:var(--reflect)}.hour-h{font-family:var(--sans);font-weight:700;font-size:clamp(28px,4.4vw,52px);line-height:1.12;letter-spacing:-.035em;margin:0;color:var(--text)}.hour-h-big{font-size:clamp(36px,6vw,72px);line-height:1.04;letter-spacing:-.04em}.hour-h em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--accent);letter-spacing:-.025em}.hour-lede{font-size:clamp(15px,1.6vw,18px);line-height:1.6;color:var(--text-soft);max-width:580px;margin:0}.bubble{margin-top:14px;display:inline-block;max-width:540px;background:var(--surface);border:1px solid var(--surface-line);border-radius:4px 14px 14px;padding:14px 18px 16px;position:relative;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%)}.bubble:before{content:"";position:absolute;left:-7px;top:14px;width:12px;height:12px;background:inherit;border-left:1px solid var(--surface-line);border-bottom:1px solid var(--surface-line);transform:rotate(45deg)}.bubble header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.b-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--sans);font-weight:700;font-size:11px}.b-name{font-family:var(--sans);font-size:13px;font-weight:700;color:var(--text);letter-spacing:-.01em}.bubble p{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.8vw,20px);line-height:1.4;color:var(--text);margin:0;letter-spacing:-.005em}.hour-dawn,.hour-night{--text: #f3ede0;--text-soft: #d4cdbe;--text-mute: #978f7e;--surface: rgba(255,255,255,.1);--surface-line:rgba(255,255,255,.18)}.hour-dawn .hour-glyph,.hour-night .hour-glyph{color:#f3ede0;opacity:.7}.hour-morning,.hour-noon,.hour-evening{--text: #1f1812;--text-soft: #4a3e30;--text-mute: #7d6c54;--surface: rgba(255,255,255,.85);--surface-line:rgba(40,30,15,.1)}.hour-morning .bubble,.hour-noon .bubble,.hour-evening .bubble{background:#ffffffd9}.download{margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.14)}.download-tag{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--text-soft);margin:0 0 24px}.qr-pair{display:flex;gap:20px;flex-wrap:wrap}.qr-card{display:flex;flex-direction:column;align-items:center;gap:14px;background:#fff;border-radius:12px;padding:20px 20px 18px;width:220px;color:#15151c;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 16px #0000002e}.qr-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0000004d}.qr-card img{width:172px;height:172px;display:block;border-radius:4px}.app-store-badge{display:inline-flex;align-items:center;gap:9px;background:#000;color:#fff;padding:9px 16px 9px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.14);line-height:1;font-family:var(--sans);transition:background .2s ease,border-color .2s ease}.qr-card:hover .app-store-badge{background:#111;border-color:#ffffff38}.apple-logo{width:22px;height:26px;flex:none;margin-top:-2px}.asb-text{display:inline-flex;flex-direction:column;gap:3px;text-align:left}.asb-top{font-size:10.5px;font-weight:400;letter-spacing:.01em;color:#ffffffeb}.asb-bottom{font-size:19px;font-weight:600;letter-spacing:-.025em;color:#fff}.colophon{display:flex;justify-content:center;align-items:center;gap:10px;padding:40px 28px 56px;font-family:var(--mono);font-size:11.5px;color:#f3ede08c;letter-spacing:.04em;text-align:center;background:transparent}.reveal{opacity:0;transform:translateY(8px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:translateY(0)}body.page-doc{background-color:#f7f3e9;background-image:none;color:var(--text, #1a1714)}.docbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 28px;background:#f7f3e9eb;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid rgba(0,0,0,.07)}.docbar .logo{font-family:var(--sans);font-weight:800;font-size:18px;letter-spacing:-.03em;color:#1a1714}.docback{font-family:var(--mono);font-size:12px;color:#36302a;padding-bottom:2px;border-bottom:1px solid rgba(0,0,0,.18);transition:color .15s ease,border-color .15s ease}.docback:hover{color:var(--accent);border-bottom-color:var(--accent)}.doc{max-width:720px;margin:0 auto;padding:72px 28px 96px;color:#36302a;font-family:var(--sans);line-height:1.75}.doc-head{margin:0 0 48px;padding-bottom:32px;border-bottom:1px solid rgba(0,0,0,.1)}.doc-kicker{display:inline-block;font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.doc-head h1{font-family:var(--sans);font-weight:700;font-size:clamp(30px,4.4vw,48px);letter-spacing:-.03em;line-height:1.12;color:#18160f;margin:0 0 16px}.doc-meta{font-family:var(--mono);font-size:12px;color:#786e5c;letter-spacing:.04em;margin:0;font-variant-numeric:tabular-nums}.doc-intro{font-size:15.5px;color:#36302a;margin:0 0 56px;line-height:1.78}.doc-section{margin:0 0 40px;padding-top:28px;border-top:1px solid rgba(0,0,0,.07)}.doc-section:first-of-type{border-top:none;padding-top:0}.doc-section h2{font-family:var(--sans);font-weight:700;font-size:17px;letter-spacing:-.018em;color:#18160f;margin:0 0 14px}.doc-section>p{font-size:15px;color:#36302a;margin:0 0 14px;line-height:1.78}.doc-section ul{list-style:none;padding:0;margin:14px 0 0}.doc-section ul li{position:relative;padding:10px 0 10px 22px;font-size:14.5px;color:#36302a;line-height:1.7;border-bottom:1px solid rgba(0,0,0,.06)}.doc-section ul li:last-child{border-bottom:none}.doc-section ul li:before{content:"—";position:absolute;left:0;top:10px;color:var(--accent);font-weight:500}.doc-section ul li b{color:#18160f;font-weight:600;margin-right:2px}.doc-section ul li a{color:var(--accent);border-bottom:1px solid currentColor;padding-bottom:1px}.doc-section ul li a:hover{color:#18160f}.doc-section ul+p{margin-top:18px}.doc-close{margin:56px 0 0;padding:24px 0 0;border-top:1px solid rgba(0,0,0,.1);font-family:var(--sans);font-size:15px;color:#18160f;line-height:1.7}.doc-close b{color:var(--accent);font-weight:600}.doc-foot{margin-top:72px;padding-top:28px;border-top:1px solid rgba(0,0,0,.1);font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:#786e5c}.doc-foot p{margin:0}body.page-doc .colophon{color:#786e5c;border-top:1px solid rgba(0,0,0,.08);padding:36px 28px 48px}body.page-doc .colophon a{color:inherit;border-bottom:1px solid rgba(0,0,0,.15);padding-bottom:1px;transition:color .15s ease,border-color .15s ease}body.page-doc .colophon a:hover{color:var(--accent);border-bottom-color:var(--accent)}.colophon a{color:inherit;border-bottom:1px solid currentColor;padding-bottom:1px;transition:color .15s ease,border-color .15s ease}.colophon a:hover{color:var(--accent);border-bottom-color:var(--accent)}@media (max-width: 720px){.docbar{padding:0 16px}.doc{padding:56px 20px 80px}.doc-section{margin:0 0 32px;padding-top:22px}}@media (max-width: 720px){.topbar{padding:0 16px;gap:8px}.tb-left{gap:8px}.tb-date{font-size:12px}.tb-badge{display:none}.hour{padding:64px 20px;min-height:auto;padding-block:72px}.hour-inner{gap:18px;padding-left:36px}.hour-inner:before{left:10px}.hour-time{font-size:36px}.hour-time:before{left:-26px;width:9px;height:9px;border-width:1.5px}.qr-card{width:100%;max-width:280px}.qr-pair{width:100%}}