:root{--bg: #f6f1e8;--card: #fffcf7;--line: #eadfd0;--line2: #e2d5c4;--ink: #5c463c;--muted: #7d665b;--accent: #e07a80;--blog: #9db88c;--trademark: #a9806a;--study: #eda9a8;--stationery: #9dbad6;--font: "Gowun Dodum", system-ui, sans-serif;--pixel: "Silkscreen", monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font)}body{-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:#8a5a4a}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.muted{color:var(--muted)}.small{font-size:13px}.pre{white-space:pre-line}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.top-align{align-items:flex-start}.app{max-width:1400px;margin:0 auto;padding:20px 24px 110px;display:flex;flex-direction:column;gap:16px}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.eyebrow{font-family:var(--pixel);font-size:12px;letter-spacing:2px;color:#b48a7a}h1{margin:2px 0 0;font-weight:400;font-size:32px;letter-spacing:-1px}h2{margin:0;font-weight:400;font-size:24px}h3{margin:18px 0 8px;font-weight:400;font-size:17px}.hud{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.clock{font-family:var(--pixel);font-size:14px;background:var(--card);border:2px solid var(--line2);border-radius:10px;padding:6px 10px}.demo{font-family:var(--pixel);font-size:11px;background:#f3c5c3;padding:3px 7px;border-radius:4px}.sync{font-size:12px;padding:4px 8px;border-radius:8px;background:#efe6da}.sync.s-cloud{background:#dfe9d6}.sync.s-error{background:#f3c5c3}.icon-btn{position:relative;background:var(--card);border:2px solid var(--line2);border-radius:10px;padding:6px 12px;cursor:pointer;min-height:40px}.count{position:absolute;top:-8px;right:-8px;background:var(--accent);color:#fff8ee;font-size:11px;border-radius:10px;padding:1px 6px;font-weight:400}.pixel{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.office-wrap{position:relative;width:100%;border-radius:18px;overflow:hidden;border:2px solid var(--line);background:#f3e6d6}.office{position:absolute;left:0;top:0;transform-origin:0 0}.abs{position:absolute;display:block}.flags{left:0;top:0;right:0;display:flex;gap:8px;padding:0 8px}.flags i{width:20px;height:26px;flex-shrink:0}.shelf{background:#c9a98a;padding:10px;display:flex;flex-direction:column;gap:8px}.shelf-row{flex:1;background:#b08b74;display:flex;align-items:flex-end;gap:2px;padding:0 6px;border-bottom:6px solid #dcc2a5}.shelf-row i{width:9px;display:block}.cork{background:#d9b48f;border:8px solid #b08b74}.calendar{background:#fff8ee;text-align:center}.cal-top{background:#e39aa0;color:#fff8ee;font-size:12px;padding:2px 0}.cal-day{font-family:var(--pixel);font-size:28px;line-height:50px}.chalk{background:#6f8070;border:8px solid #c9a98a;padding:14px 16px;display:flex;flex-direction:column;gap:10px;color:#fff8ee;font-size:16px}.chalk i{display:block;height:4px;background:#dde5da}.chalk .badge-new{position:absolute;right:8px;top:8px}.oven{background:#fff8ee;border:6px solid #eda9a8}.oven-knobs{display:flex;gap:10px;padding:12px 14px}.oven-knobs i{width:12px;height:12px;background:#eda9a8;display:block}.oven-window{margin:14px 12px 0;height:84px;background:#f2cf9c;border:6px solid #d8cbbe;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.counter{background:#c9a98a;display:flex;gap:10px;padding:12px}.counter i{flex:1;background:#d6ba9c;display:block}.counter.pink{background:#f3d3d0}.counter.pink i{background:#f8e6e2}.newshelf{display:flex;align-items:flex-end;gap:3px}.newshelf i{width:12px;display:block}.paper{background:#fff8ee}.badge-new{background:var(--accent);color:#fff8ee;font-family:var(--pixel);font-size:10px;padding:2px 5px;font-weight:400}.bubble{transform:translate(-50%);background:var(--card);border:2px solid var(--line2);border-radius:10px;padding:5px 10px 6px;font-size:13px;white-space:nowrap;z-index:3;pointer-events:none}.bubble-bar{display:block;height:4px;margin-top:4px;background:#efe6da;border-radius:2px;overflow:hidden}.bubble-bar span{display:block;height:100%;transition:width 1s linear}.night{background:#46467829;pointer-events:none}.spot{position:absolute;background:transparent;border:0;padding:0;cursor:pointer;border-radius:12px;z-index:5;outline:none;-webkit-tap-highlight-color:transparent}.spot:hover{background:#fffcf71f}.spot:focus-visible{box-shadow:inset 0 0 0 3px #e07a8073}@keyframes bob{0%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes blink{0%{opacity:1}50%{opacity:.3}}.bob{animation:bob 1.4s step-end infinite}.blink{animation:blink 1.6s step-end infinite}.twinkle{animation:blink 2.4s step-end infinite}@media (prefers-reduced-motion: reduce){.bob,.blink,.twinkle{animation:none}}.quick{display:flex;gap:8px;flex-wrap:wrap}.quick button{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:10px 16px;cursor:pointer;min-height:44px}.quick button:hover{border-color:var(--line2);background:#fff}.staff-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.staff-card{display:flex;gap:12px;align-items:center;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;min-height:72px}.staff-card:hover{border-color:var(--line2)}.sc-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.sc-text .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar{display:block;height:8px;background:#efe6da;border-radius:4px;overflow:hidden}.bar.thin{height:5px}.bar>span{display:block;height:100%;transition:width 1s linear}.cmd{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(920px,calc(100% - 24px));display:flex;gap:8px;background:var(--card);border:2px solid var(--line2);border-radius:16px;padding:8px;box-shadow:0 6px #b496782e;z-index:20}.cmd input{flex:1;border:0;background:transparent;padding:0 10px;min-width:0;font-size:15px;outline:none}.btn{background:var(--ink);color:#fff8ee;border:0;border-radius:12px;padding:0 18px;min-height:44px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;text-decoration:none}.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--line2)}.btn.ghost:hover{background:#fff}.btn.danger{color:#b2474f}.answer-box{position:relative;background:var(--card);border:2px solid var(--line2);border-radius:14px;padding:14px 44px 14px 16px}.answer-box p{margin:4px 0}.x{position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;background:transparent;cursor:pointer;font-size:18px;color:var(--muted)}.chip{background:var(--card);border:2px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;min-height:36px}.chip.on{background:var(--ink);color:#fff8ee;border-color:var(--ink)}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%);background:var(--ink);color:#fff8ee;padding:10px 16px;border-radius:12px;z-index:60;max-width:calc(100% - 32px)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#5c463c47;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--card);border:2px solid var(--line2);border-radius:18px;width:min(620px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 8px #b4967840}.modal.wide{width:min(900px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 12px;border-bottom:2px solid var(--line)}.modal-head p{margin:4px 0 0;font-size:14px}.modal-body{padding:4px 20px 20px;overflow:auto}.staff-title{display:inline-flex;gap:10px;align-items:center}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin:16px 0 12px;overflow-x:auto}.tabs button{background:none;border:0;padding:10px 12px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;min-height:44px}.tabs button.on{border-bottom-color:var(--accent)}.job{background:#f8f2e9;border-radius:14px;padding:14px;margin-top:14px;display:flex;flex-direction:column;gap:10px}.reply{background:var(--card);border-radius:10px;padding:10px 12px;margin:0}.row-form{display:flex;gap:8px;margin:8px 0}.row-form.wrap{flex-wrap:wrap}.row-form input,.row-form select,.quiz-form input,.note-edit input,.note-edit textarea,select.stage{border:2px solid var(--line2);border-radius:10px;background:#fff;padding:8px 10px;min-height:44px}.row-form input{flex:1;min-width:160px}select.stage{min-height:34px;padding:4px 8px;font-size:13px}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.list li{display:flex;gap:10px;align-items:flex-start;padding:10px 2px;border-bottom:1px solid var(--line);position:relative}.list li>div{flex:1;min-width:0}.list li .x{position:static}.list li.unread{background:#fdf6ef}.dot{width:10px;height:10px;margin-top:6px;flex-shrink:0}.dday{font-family:var(--pixel);font-size:12px;background:#efe6da;padding:3px 7px;border-radius:6px;flex-shrink:0;min-width:58px;text-align:center}.dday.soon{background:#f3c5c3}.dd-edit{display:flex;flex-wrap:wrap;gap:8px;flex:1}.dd-edit input{border:2px solid var(--line2);border-radius:10px;background:#fff;padding:6px 10px;min-height:40px;flex:1;min-width:140px}.dday.past{opacity:.5}.tag{font-size:12px;padding:2px 8px;border-radius:999px;background:#efe6da;flex-shrink:0;white-space:nowrap}.tag-blog{background:#dfe9d6}.tag-trademark{background:#ecdcd0}.tag-study{background:#f8dedc}.tag-stationery{background:#dce7f0}.status{font-size:12px;padding:2px 8px;border-radius:6px;background:#efe6da;flex-shrink:0}.status.s-doing{background:#f6d98e}.empty{color:var(--muted);padding:16px 0;margin:0}.receipt{background:#fff8ee;border:2px dashed var(--line2);border-radius:12px;padding:14px 16px;margin-top:16px}.big{font-size:19px;margin:4px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:8px}.card{border:2px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:#fff}.card-head{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.linkish{background:none;border:0;padding:0;text-align:left;cursor:pointer;font-size:15px;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.note-edit{display:flex;flex-direction:column;gap:6px}.weeks{display:flex;flex-wrap:wrap;gap:6px}.wk{min-width:36px;height:36px;border-radius:999px;border:2px solid var(--line2);background:#fff;cursor:pointer;font-size:13px;padding:0 8px}.wk.on{background:#9db88c;border-color:#9db88c;color:#fff}.wk.exam{border-style:dashed}.wk.now{outline:2px solid var(--accent);outline-offset:1px}.quiz-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:10px 0}.quiz-card{border:2px solid var(--line);border-radius:14px;padding:16px;background:#fff8ee}.answer{background:#fff;border-radius:10px;padding:10px}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.col{background:#f8f2e9;border-radius:14px;padding:4px 10px 10px;display:flex;flex-direction:column;gap:8px}.col h3{margin:10px 2px 2px}.note-card{background:#fff;border:2px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.mini{width:30px;height:30px;border:0;background:#efe6da;border-radius:8px;cursor:pointer;font-size:12px}.done{text-decoration:line-through;color:var(--muted)}.check{display:flex;gap:6px;align-items:center;margin:4px 0 8px}.month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:12px 0}.dow{text-align:center;font-size:12px;color:var(--muted)}.day{min-height:74px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.day.today{border:2px solid var(--accent)}.num{font-size:12px;color:var(--muted)}.ev{font-size:11px;border-radius:4px;padding:1px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report h3{margin-top:12px}.highlights{background:#6f8070;color:#fff8ee;border-radius:12px;padding:12px 16px 12px 34px;margin:8px 0 12px;line-height:1.6}.star{background:none;border:0;font-size:18px;color:#e2d5c4;cursor:pointer;width:32px;height:32px;flex-shrink:0}.star.on{color:#e8c688}@media (max-width: 900px){.app{padding:14px 12px 100px;gap:12px}h1{font-size:26px}.staff-row{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban,.quiz-form{grid-template-columns:1fr}.day{min-height:54px}.ev{font-size:9px}}@media (max-width: 520px){.staff-row{grid-template-columns:1fr}.modal-bg{padding:0;align-items:flex-end}.modal,.modal.wide{width:100%;max-height:92vh;border-radius:18px 18px 0 0}.cmd input::placeholder{font-size:13px}}