:root{--paper: #f7f5f0;--paper-2: #efece5;--ink: #22262b;--text: #3d4249;--muted: #7d8289;--line: #e1ded6;--moss: #4c7a4a;--moss-soft: #e4eee2;--apricot: #e8a468;--apricot-soft: #fbeedd;--night: #1f2a44;--bad: #b3423c;--bad-soft: #f6e3e1;--serif: "Gowun Batang", "Apple SD Gothic Neo", serif;--sans: "IBM Plex Sans KR", "Apple SD Gothic Neo", system-ui, sans-serif;--r: 12px;--tabbar: 62px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #17191d;--paper-2: #1f2226;--ink: #f1eee6;--text: #cfcac0;--muted: #8c9199;--line: #2e3238;--moss: #8fc48b;--moss-soft: #223226;--apricot: #f0b57e;--apricot-soft: #3a2d21;--bad: #f0958f;--bad-soft: #3b2523}}:root[data-theme=dark]{--paper: #17191d;--paper-2: #1f2226;--ink: #f1eee6;--text: #cfcac0;--muted: #8c9199;--line: #2e3238;--moss: #8fc48b;--moss-soft: #223226;--apricot: #f0b57e;--apricot-soft: #3a2d21;--bad: #f0958f;--bad-soft: #3b2523}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2{font-family:var(--serif);color:var(--ink);font-weight:700;margin:0}h1{font-size:26px;line-height:1.2}h2{font-size:20px;line-height:1.3}p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.err{color:var(--bad);font-size:14px;margin-top:6px}.en{font-family:var(--serif);color:var(--ink)}.ko{display:block;color:var(--muted);font-size:13px;margin-top:2px;font-family:var(--sans)}.boot{min-height:100vh;background:var(--paper)}.state{text-align:center;padding:40px 20px;color:var(--muted)}:focus-visible{outline:2px solid var(--apricot);outline-offset:2px}.shell{max-width:520px;margin:0 auto;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom))}.main{padding:0 0 24px}.pairbar{display:block;margin:12px 16px 0;padding:10px 14px;border-radius:var(--r);background:var(--apricot-soft);color:var(--ink);font-weight:500}.tabbar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;justify-content:space-around}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 18px 0;font-size:11px;color:var(--muted)}.tabbar a.active{color:var(--ink)}.sky{position:relative;height:150px;overflow:hidden;color:#fff}.sky-city{position:absolute;bottom:14px;left:16px;display:flex;flex-direction:column;text-shadow:0 1px 8px rgba(0,0,0,.25)}.sky-city.right{left:auto;right:16px;align-items:flex-end}.sky-city.night{color:#eef1fa}.sky-name{font-size:12px;opacity:.9}.sky-time{font-family:var(--serif);font-size:30px;line-height:1.1;font-weight:700}.sky-place{font-size:12px;opacity:.85}.orb{position:absolute;width:26px;height:26px;border-radius:50%}.orb.left{left:33%}.orb.right{right:33%}.orb.sun{background:#fff4c8;box-shadow:0 0 24px 8px #ffeeb48c}.orb.moon{background:#f4f2ea;box-shadow:0 0 18px 4px #ffffff40}.orb.moon:after{content:"";position:absolute;left:7px;top:-3px;width:24px;height:24px;border-radius:50%;background:var(--night)}@media(prefers-color-scheme:dark){.orb.moon:after{background:#2b3a5c}}.hero{display:flex;align-items:flex-end;gap:12px;padding:0 16px;margin-top:-34px;position:relative}.plant{flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.12))}.hero-text{padding:44px 0 14px;min-width:0}.hero-text .date{font-family:var(--serif);font-size:20px;color:var(--ink);font-weight:700}.hero-text .progress{color:var(--ink);margin-top:2px}.hero-text .streak,.hero-text .garden{color:var(--muted);font-size:13px}.block{margin:18px 16px 0;padding-top:18px;border-top:1px solid var(--line)}.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.tag{font-size:12px;color:var(--muted);white-space:nowrap}.textlink{background:none;border:0;padding:4px 0;color:var(--moss);font-weight:500;font-size:14px}.textlink.small{font-size:13px}.btn{min-height:42px;padding:0 16px;border-radius:10px;border:1px solid var(--moss);background:var(--moss);color:#fff;font-weight:600}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.danger{color:var(--bad);border-color:var(--bad-soft);width:100%;margin:24px 16px 0;width:calc(100% - 32px)}.btn:disabled{opacity:.45;cursor:default}.row{display:flex;gap:8px;align-items:center}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}input,textarea{background:var(--paper-2);border:1px solid transparent;border-radius:10px;padding:10px 12px;font-size:16px;color:var(--ink);width:100%}input:focus,textarea:focus{border-color:var(--line);outline:none;background:var(--paper)}textarea{resize:vertical;line-height:1.5}.answer-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.bubble{position:relative;margin-top:10px;padding:10px 12px 8px;border-radius:14px}.bubble.me{background:var(--moss-soft);border-bottom-left-radius:4px}.bubble.them{background:var(--apricot-soft);border-bottom-right-radius:4px}.bubble .who{font-size:12px;color:var(--muted)}.bubble>p{margin-top:2px;color:var(--ink);white-space:pre-wrap}.locked{margin-top:10px;font-size:13px;color:var(--muted);padding:8px 12px;border:1px dashed var(--line);border-radius:12px}.reacts{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.react{border:0;background:transparent;padding:2px 6px;border-radius:999px;font-size:15px;opacity:.5}.react.on{opacity:1;background:var(--paper)}.fb{margin-top:8px;font-size:13px;line-height:1.5;padding-top:8px;border-top:1px solid rgba(0,0,0,.06)}.fb.ok{color:var(--moss)}.fixed{color:var(--moss);font-weight:700}.greet{display:flex;gap:8px;padding:6px 16px 0}.greet-item{flex:1;display:flex;flex-direction:column;gap:4px}.greet-btn{width:100%;min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.greet-item.sent .greet-btn{background:var(--moss-soft);border-color:transparent}.greet-when{font-size:12px;color:var(--muted)}.greet-them{font-size:12px;color:var(--apricot);text-align:center}.greet-btn:disabled{opacity:.5}.notice{margin:16px 16px 0;padding:12px 14px;border-radius:12px;background:var(--apricot-soft);color:var(--ink);font-size:14px;display:flex;flex-direction:column;gap:10px}.greet-hint{margin:10px 16px 0;font-size:13px;color:var(--muted)}.q-text{font-family:var(--serif);font-size:22px;line-height:1.4;color:var(--ink)}.hint{margin-top:6px;font-size:14px;color:var(--muted)}.tiles{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:4px 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.tiles::-webkit-scrollbar{display:none}.tile{flex:none;width:128px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--paper-2);scroll-snap-align:start;display:flex;flex-direction:column;gap:2px}.tile.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tile.on .tile-ko{color:color-mix(in srgb,var(--paper) 70%,transparent)}.tile-word{font-family:var(--serif);font-size:17px;font-weight:700;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-ko{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-dots{display:flex;gap:4px;margin-top:4px}.tile-dots i{width:7px;height:7px;border-radius:50%;background:var(--line)}.tile-dots i.me{background:var(--moss)}.tile-dots i.them{background:var(--apricot)}.tile.on .tile-dots i{background:color-mix(in srgb,var(--paper) 30%,transparent)}.tile.on .tile-dots i.me{background:#8fc48b}.tile.on .tile-dots i.them{background:var(--apricot)}.word-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.word-en{font-family:var(--serif);font-size:26px;font-weight:700;color:var(--ink)}.word-meta{font-size:13px;color:var(--muted)}.word-ex{margin-top:6px;font-family:var(--serif);color:var(--ink);font-size:17px;line-height:1.5}.word-more{margin-top:4px;font-size:14px;color:var(--text);display:flex;flex-direction:column;gap:4px}.colloc{color:var(--muted)}.grammar,.quiz{margin-top:16px;border-top:1px dashed var(--line);padding-top:8px}.grammar-head{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;padding:6px 0;text-align:left}.grammar-title{flex:1;font-family:var(--serif);font-size:17px;color:var(--ink)}.chev{color:var(--muted);font-size:18px}.grammar-body{font-size:15px;line-height:1.6;padding:4px 0 8px}.grammar-body ul{list-style:none;padding:0;margin:10px 0}.grammar-body li{padding:6px 0;border-top:1px solid var(--line)}.mistake{background:var(--paper-2);border-radius:10px;padding:10px 12px;font-size:14px}.mistake s{color:var(--bad)}.quiz-list{padding-left:18px;margin:4px 0 8px}.quiz-list li{margin-bottom:12px}.q{font-size:16px;margin-bottom:6px}.opts{display:grid;grid-template-columns:1fr 1fr;gap:6px}.opt{text-align:left;border:1px solid var(--line);background:var(--paper-2);border-radius:8px;padding:8px 10px;font-size:14px}.opt.on{border-color:var(--ink);background:var(--ink);color:var(--paper)}.opt.right{border-color:var(--moss);background:var(--moss-soft)}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.opt:disabled{cursor:default}.song-pick{margin-top:10px;border-radius:12px;overflow:hidden;background:var(--paper-2)}.song-embed{width:100%;aspect-ratio:16 / 9;border:0;display:block;background:#000}.song-embed.spotify{aspect-ratio:auto;height:152px}.song-meta{padding:10px 12px;display:flex;flex-direction:column;gap:2px}.song-title{font-family:var(--serif);color:var(--ink);font-size:16px;font-weight:700}.song-author{font-size:13px;color:var(--muted)}.song-note{margin-top:4px;color:var(--text)}.song-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:flex-start;cursor:pointer}.song-thumb{width:72px;height:54px;object-fit:cover;border-radius:8px;background:var(--paper-2);flex:none}.song-thumb.empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:20px}.song-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.song-body>span{display:block}.song-body .song-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-who{font-size:12px;color:var(--muted)}.song-who.them{color:var(--apricot)}.song-who.me{color:var(--moss)}.songs{padding:calc(16px + env(safe-area-inset-top)) 16px 0}.song-list{list-style:none;padding:0;margin:12px 0 0}.listened{font-size:12px;color:var(--moss)}.countdown{display:flex;align-items:baseline;gap:12px;margin:22px 16px 0;padding:14px 16px;border-radius:14px;background:var(--night);color:#f1eee6}.countdown.empty{background:var(--paper-2);color:var(--muted);font-size:14px}.cd-num{font-family:var(--serif);font-size:30px;font-weight:700}.cd-text{font-size:14px;opacity:.9}.day-foot{display:flex;justify-content:space-between;padding:18px 16px 0}.days,.settings{padding:calc(16px + env(safe-area-inset-top)) 16px 0}.day-list{list-style:none;padding:0;margin:12px 0 0}.day-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.day-date{font-family:var(--serif);color:var(--ink)}.day-dots{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.dots{display:flex;gap:3px}.dots i{width:8px;height:8px;border-radius:2px;background:var(--line)}.dots.me i.on{background:var(--moss)}.dots.them i.on{background:var(--apricot)}.set{padding:16px 0;border-bottom:1px solid var(--line)}.set-label{font-size:13px;color:var(--muted);margin-bottom:4px}.set-label.top{margin-top:14px}.set-big{font-family:var(--serif);font-size:22px;color:var(--ink)}.toggle{width:50px;height:30px;border-radius:15px;border:0;background:var(--line);position:relative;padding:0}.toggle span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:12px;background:#fff;transition:left .15s}.toggle.on{background:var(--moss)}.toggle.on span{left:23px}.toggle:disabled{opacity:.5}input[type=time],input[type=date]{width:auto}.bucket{list-style:none;padding:0;margin:0 0 8px}.bucket li{display:flex;align-items:center;gap:10px;padding:6px 0}.bucket li span{flex:1}.bucket li.done span{color:var(--muted);text-decoration:line-through}.check{width:24px;height:24px;border-radius:6px;border:1px solid var(--line);background:var(--paper-2);color:var(--moss);font-weight:700;padding:0}.auth{max-width:420px;margin:0 auto;padding:calc(64px + env(safe-area-inset-top)) 20px 40px}.auth h1{font-size:34px}.form{display:flex;flex-direction:column;gap:12px;margin:20px 0 8px}.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.card{background:var(--paper-2);border-radius:var(--r);padding:16px;margin:20px 0}.code{font-family:var(--serif);font-size:34px;letter-spacing:.18em;color:var(--ink);margin:4px 0 10px}.linkbtn{background:none;border:0;color:var(--moss);font-weight:500;padding:8px 0}.btn.primary{width:100%}.label{font-size:13px;color:var(--muted)}.error{color:var(--bad);font-size:14px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}