:root{--bg:#0d0e12;--bg-soft:#16181f;--card:#1b1e27;--card-hover:#232733;--text:#eceef3;--muted:#8b90a0;--accent:#7c8cff;--accent-2:#ff7ce0;--border:#2a2e3a;--xp:#34c77b}@media (prefers-color-scheme:light){:root{--bg:#f6f7fb;--bg-soft:#eef0f6;--card:#fff;--card-hover:#f0f2f9;--text:#1a1c22;--muted:#6b7080;--accent:#56f;--accent-2:#e14fc0;--border:#e2e5ee;--xp:#1fa866}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;display:flex;overflow-x:hidden}.glow{z-index:0;pointer-events:none;background:radial-gradient(600px 400px at 20% 10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(500px 400px at 85% 25%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 70%);position:fixed;inset:0}main{z-index:1;width:100%;max-width:900px;padding:12vh 24px 80px;position:relative}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.topright{align-items:center;gap:12px;display:inline-flex}.langlink{letter-spacing:.5px;color:var(--muted);border:1px solid var(--border);background:var(--card);border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s}.langlink:hover{color:var(--accent);border-color:var(--accent)}.brand{color:var(--muted);letter-spacing:.5px;align-items:center;gap:10px;font-size:14px;display:inline-flex}.dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 12px var(--accent);border-radius:50%;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}h1{letter-spacing:-2px;background:linear-gradient(120deg, var(--text), var(--accent) 60%, var(--accent-2));color:#0000;background-clip:text;padding-bottom:.12em;font-size:clamp(40px,9vw,84px);font-weight:800;line-height:1.02}.tagline{color:var(--muted);max-width:520px;margin-top:18px;font-size:clamp(16px,2.4vw,20px);line-height:1.6}.hero{grid-template-columns:calc(50% - 8px) 1fr;align-items:stretch;gap:16px;display:grid}.hero h1{font-size:clamp(36px,6.5vw,72px)}body[data-lang=en] .hero h1{font-size:clamp(32px,5.4vw,58px)}.postit{--pi-ink:#3b3410;color:var(--pi-ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);background:linear-gradient(#fff9ac,#fbe97e);border-radius:6px;flex-direction:column;gap:8px;padding:16px 18px;transition:transform .18s;display:flex;position:relative;transform:rotate(-.8deg);box-shadow:0 10px 24px #1414282e}.postit:focus-within{transform:rotate(0)}.postit:after{content:"";background:linear-gradient(315deg,#0000 50%,#3c320029 50%);width:30px;height:30px;position:absolute;bottom:0;right:0}@media (prefers-color-scheme:dark){.postit{background:linear-gradient(#efe193,#dcc866);box-shadow:0 10px 24px #00000073}}.postit-head{color:color-mix(in srgb, var(--pi-ink) 72%, transparent);justify-content:space-between;align-items:baseline;font-size:12.5px;font-weight:700;display:flex}.memo-status{opacity:0;font-weight:600;transition:opacity .25s}.memo-status.on{opacity:.8}.postit textarea{resize:none;min-height:150px;color:var(--pi-ink);caret-color:var(--pi-ink);background:repeating-linear-gradient(#0000,#0000 27px,#3c32001f 27px 28px) local;border:0;outline:none;flex:1;font-family:inherit;font-size:14.5px;line-height:28px}.postit textarea::placeholder{color:color-mix(in srgb, var(--pi-ink) 45%, transparent)}.hero-side{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.hero-side .postit textarea{min-height:110px}.status-compact{flex-direction:column;justify-content:center;padding:14px 18px;display:flex}.status-compact .lv{font-size:16px}.status-compact .row1{flex-wrap:wrap;gap:6px 12px}.status-compact .title-badge{padding:3px 10px;font-size:11px}.status-compact .xpbar{height:9px;margin-top:9px}.status-compact .row2{flex-direction:column;gap:3px;margin-top:8px;font-size:11.5px}@media (width<=720px){.hero{grid-template-columns:1fr}.postit{transform:none}.hero-side{grid-template-columns:1fr}.hero-side .postit textarea{min-height:90px}}.ambient{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;opacity:0;font-size:12.5px;transition:opacity 1.2s}.ambient.on{opacity:1}.sky{z-index:0;pointer-events:none;opacity:0;background:linear-gradient(180deg, var(--sky-tint,transparent), transparent 60%), var(--sky-veil,transparent);transition:opacity 2.5s;position:fixed;inset:0}body.sky-dawn .sky,body.sky-dusk .sky,body.sky-night .sky,body.wx-gray .sky,body.wx-fog .sky{opacity:1}body.sky-dawn{--sky-tint:#ff9d7a1f}body.sky-dusk{--sky-tint:#ffb56b24}body.sky-night{--sky-tint:#3040a029}body.wx-gray{--sky-veil:color-mix(in srgb, var(--bg) 38%, transparent)}body.wx-fog{--sky-veil:color-mix(in srgb, var(--bg) 62%, transparent)}.wx-particles{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.raindrop{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent) 60%, transparent));opacity:.25;width:1px;height:14px;animation:linear infinite fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)}}.snowflake{background:color-mix(in srgb, var(--text) 65%, transparent);opacity:.35;filter:blur(.5px);border-radius:50%;animation:linear infinite snowfall;position:absolute;top:-10px}@keyframes snowfall{to{transform:translateY(110vh) translateX(var(--sway,20px))}}.particles{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{opacity:0;border-radius:50%;animation:linear infinite rise;position:absolute;bottom:-10px}.particle.p1{background:var(--accent);box-shadow:0 0 8px var(--accent)}.particle.p2{background:var(--accent-2);box-shadow:0 0 8px var(--accent-2)}@keyframes rise{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:.55}85%{opacity:.35}to{transform:translateY(-105vh) translateX(var(--drift,0px));opacity:0}}.fx-breath .glow{animation:9s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.75}50%{opacity:1.1}}.fx-runes a.status{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:0 0 18px color-mix(in srgb, var(--accent) 18%, transparent);animation:5s ease-in-out infinite rune-pulse}@keyframes rune-pulse{0%,to{box-shadow:0 0 14px color-mix(in srgb, var(--accent) 12%, transparent)}50%{box-shadow:0 0 26px color-mix(in srgb, var(--accent) 30%, transparent)}}.fx-aurora .glow{animation:9s ease-in-out infinite breathe,60s linear infinite aurora}@keyframes aurora{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.fx-stars:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 22%, color-mix(in srgb, var(--text) 55%, transparent), transparent), radial-gradient(1px 1px at 34% 8%, color-mix(in srgb, var(--text) 40%, transparent), transparent), radial-gradient(1.5px 1.5px at 58% 30%, color-mix(in srgb, var(--text) 50%, transparent), transparent), radial-gradient(1px 1px at 76% 14%, color-mix(in srgb, var(--text) 45%, transparent), transparent), radial-gradient(1.5px 1.5px at 90% 38%, color-mix(in srgb, var(--text) 40%, transparent), transparent), radial-gradient(1px 1px at 22% 46%, color-mix(in srgb, var(--text) 35%, transparent), transparent), radial-gradient(1px 1px at 66% 52%, color-mix(in srgb, var(--text) 40%, transparent), transparent);animation:7s ease-in-out infinite twinkle;position:fixed;inset:0}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.fx-stars h1{text-shadow:0 0 24px color-mix(in srgb, var(--accent) 35%, transparent)}@media (prefers-reduced-motion:reduce){.particle,.fx-breath .glow,.fx-aurora .glow,.fx-runes a.status,.fx-stars:before{animation:none}.particles,.wx-particles{display:none}}.searches{grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;display:grid}.search{background:var(--card);border:1px solid var(--border);border-radius:18px;align-items:center;gap:10px;padding:13px 18px;transition:border-color .18s;display:flex}.search:focus-within{border-color:var(--accent)}.search .engine{font-size:15px;font-weight:800}.search.google .engine{color:#4285f4}.search.naver .engine{color:#03c75a}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:14.5px}.search input::placeholder{color:var(--muted)}.search button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:17px;line-height:1;transition:color .15s}.search button:hover{color:var(--accent)}@media (width<=560px){.searches{grid-template-columns:1fr;gap:10px}}.statusrow{grid-template-columns:calc(50% - 8px) 1fr 1fr;align-items:stretch;gap:16px;margin-top:16px;display:grid}@media (width<=720px){.statusrow{grid-template-columns:1fr 1fr}.statusrow .ytcards{grid-column:1/-1}}.ytcards{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.ytcard{color:inherit;background:var(--card);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:6px;padding:16px 18px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.ytcard:hover{border-color:#f04452;transform:translateY(-3px)}.yt-emoji{font-size:22px}.yt-name{letter-spacing:-.3px;font-size:15.5px;font-weight:800}.yt-desc{color:var(--muted);flex:1;font-size:12px;line-height:1.5}.yt-badge{color:#f04452;background:#f0445214;border:1px solid #f0445259;border-radius:999px;align-self:flex-start;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:700}.clock{background:var(--card);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:18px;flex-direction:column;justify-content:center;gap:5px;padding:16px 18px;display:flex}.clock .city{color:var(--muted);font-size:12.5px}.clock .time{letter-spacing:-.5px;align-items:baseline;gap:8px;font-size:26px;font-weight:800;display:flex}.clock .dn{font-size:14px}.clock .date{color:var(--muted);font-size:12.5px}.clock-merged{gap:10px}.clock-merged .cityblock{flex-direction:column;gap:2px;display:flex}.clock-merged .time{font-size:20px}.clock-merged .dn{font-size:12px}.clock-merged .date{font-size:11.5px}.clock-divider{border-top:1px dashed var(--border)}.minical{background:var(--card);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:18px;flex-direction:column;justify-content:center;gap:8px;padding:14px 16px;display:flex}.minical-head{color:var(--muted);font-size:12.5px;font-weight:700}.minical-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px 0;font-size:11px;line-height:1.6;display:grid}.minical-grid .dow{color:var(--muted);font-size:10px}.minical-grid .sun{color:#f04452}.minical-grid .sat{color:#3182f6}.minical-grid .today{background:var(--accent);color:#fff;border-radius:7px;font-weight:700}a.status{color:inherit;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px 22px;text-decoration:none;transition:transform .18s,border-color .18s;display:block}a.status:hover{border-color:var(--accent);transform:translateY(-3px)}.status .row1{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.status .lv{letter-spacing:-.5px;font-size:22px;font-weight:800}.status .lv em{color:var(--accent);font-style:normal}.status .title-badge{color:var(--muted);border:1px solid var(--border);background:var(--bg-soft);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:12.5px}.xpbar{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;height:12px;margin-top:14px;overflow:hidden}.xpbar .fill{background:linear-gradient(90deg, var(--xp), color-mix(in srgb, var(--xp) 55%, var(--accent)));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--xp) 70%, transparent);border-radius:999px}.status .row2{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:10px;font-size:12.5px;display:flex}.status .teaser{border-top:1px dashed var(--border);color:color-mix(in srgb, var(--muted) 75%, var(--accent));margin-top:12px;padding-top:12px;font-size:12px;font-style:italic}.briefings{grid-template-columns:1fr 1fr;align-items:start;gap:16px;margin-top:32px;display:grid}.briefings.single{grid-template-columns:1fr}@media (width<=720px){.briefings{grid-template-columns:1fr}}.ticks{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:14px;display:grid}.tick{background:var(--bg-soft);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.tick .name{color:var(--muted);font-size:12px}.tick .price{font-size:17px;font-weight:700}.tick .chg{font-size:13px;font-weight:600}.tick .chg.up{color:#f04452}.tick .chg.down{color:#3182f6}.tick .chg.flat{color:var(--muted)}.tick svg.spark{width:100%;height:30px;margin-top:6px;display:block}.tick svg.spark polyline{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tick svg.spark polygon{fill:var(--accent);opacity:.12;stroke:none}.markets-note{color:var(--muted);margin-top:10px;font-size:11px}.briefing{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px 24px}.briefing h2{letter-spacing:-.3px;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.briefing ul{flex-direction:column;gap:12px;margin-top:14px;padding:0;list-style:none;display:flex}.briefing li{color:var(--text);border-left:2px solid color-mix(in srgb, var(--accent) 55%, transparent);padding-left:14px;font-size:14px;line-height:1.65}.briefing .cap{border-top:1px solid var(--border);color:var(--muted);margin-top:16px;padding-top:12px;font-size:11.5px}.briefing ul:empty,.briefing .cap:empty{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:56px;display:grid}.card{color:inherit;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px;text-decoration:none;transition:transform .18s,background .18s,border-color .18s;display:block}.card:hover{background:var(--card-hover);border-color:var(--accent);transform:translateY(-4px)}.card .emoji{font-size:30px}.card h3{margin-top:14px;font-size:18px;font-weight:700}.card p{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5}.card.soon{opacity:.6}.card.soon:hover{border-color:var(--border);transform:none}.badge{background:var(--bg-soft);color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-top:12px;padding:3px 9px;font-size:11px;display:inline-block}footer{z-index:1;color:var(--muted);padding:24px;font-size:13px;position:relative}
