.entrance{background:var(--night);cursor:pointer}.entrance-inside,.entrance-doors{position:absolute;left:14px;right:14px;top:64px;bottom:40px}.entrance-inside{background:var(--paper);display:flex;align-items:center;justify-content:center;text-align:center}.entrance-reveal{display:flex;flex-direction:column;align-items:center;gap:14px;animation:entrance-fade 1.2s 1.6s both ease-out}.entrance-lintel{position:absolute;left:0;right:0;top:0;height:64px;background:var(--wood-frame);border-bottom:6px solid var(--wood-dark)}.entrance-sill{position:absolute;left:0;right:0;bottom:0;height:40px;background:#5a3a22;border-top:4px solid var(--wood-dark)}.entrance-doors{display:flex;perspective:1100px;pointer-events:none}.door{width:50%;height:100%;transform-style:preserve-3d;animation-duration:1.8s;animation-delay:.7s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.05,.25,1)}.door-l{transform-origin:left center;animation-name:entrance-open-l}.door-r{transform-origin:right center;animation-name:entrance-open-r}@keyframes entrance-open-l{0%{transform:rotateY(0)}to{transform:rotateY(-104deg)}}@keyframes entrance-open-r{0%{transform:rotateY(0)}to{transform:rotateY(104deg)}}@keyframes entrance-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.door{display:none}.entrance-reveal{animation:none}}:root{--paper: #f4eee2;--card: #fbf8f2;--line: #e3d9c8;--line-strong: #d6cab6;--chip: #efe6d6;--ink: #2a231d;--ink-soft: #4a4037;--muted: #6a5d50;--accent: #8e4b2c;--accent-hover: #6e3820;--accent-soft: #f0dfd2;--accent-ink: #5e2e17;--soon-ink: #7a3e22;--progress: #46624a;--overdue: #9b2c22;--on-accent: #fbf8f2;--wood: #5e3b22;--wood-dark: #3a2314;--wood-frame: #4a2e1b;--wood-bar: #6b4529;--wood-panel: #6e4628;--hanji: #efe3c8;--night: #2b1c12;--font-serif: "Noto Serif KR", serif;--font-sans: "Noto Sans KR", system-ui, sans-serif;--radius-card: 14px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:var(--accent-hover)}button,input,textarea{font:inherit;color:inherit}h1,h2,p{margin:0}.shell{position:relative;max-width:480px;height:100%;margin:0 auto;display:flex;flex-direction:column;background:var(--paper);overflow:hidden}.scroll{flex:1;overflow-y:auto;padding:28px 20px 24px;display:flex;flex-direction:column;gap:28px}.section{display:flex;flex-direction:column;gap:12px}.section-head{display:flex;justify-content:space-between;align-items:baseline}.section-title{font-size:16px;font-weight:700}.link-sm{font-size:13px;text-decoration:none}.serif{font-family:var(--font-serif)}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card)}a.card{text-decoration:none;color:var(--ink);display:block}a.card:hover{color:var(--ink);border-color:var(--line-strong)}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.chip{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--chip);color:var(--ink-soft)}.chips{display:flex;flex-wrap:wrap;gap:6px}.pill{flex-shrink:0;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink-soft);font-size:13px;cursor:pointer}.pill[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--card)}.pill.tag[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.btn-primary{min-height:48px;padding:0 28px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:15px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.btn-primary:hover{background:var(--accent-hover);color:var(--on-accent)}.btn-outline{min-height:40px;padding:0 14px;border:1px solid var(--accent);border-radius:999px;background:none;color:var(--accent);font-size:13px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.btn-outline{white-space:nowrap;flex-shrink:0}.btn-outline:disabled{opacity:.5;cursor:default}.num-input{width:76px;min-height:40px;padding:0 10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);color:var(--ink)}.num-input:focus{outline:2px solid var(--accent);outline-offset:1px}.icon-btn{width:44px;height:44px;border:0;background:none;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.progress{height:6px;background:var(--line);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--progress)}.badge{font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}.badge.soon{background:var(--accent-soft);color:var(--soon-ink)}.badge.late{background:var(--overdue);color:var(--on-accent)}.cover{flex-shrink:0;border-radius:4px;color:var(--paper);font-family:var(--font-serif);display:flex;align-items:center;justify-content:center;text-align:center;padding:4px;overflow:hidden}.tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);background:var(--card);padding:6px 8px calc(14px + env(safe-area-inset-bottom))}.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:0;background:none;color:var(--muted);font-size:11px;text-decoration:none;cursor:pointer}.tabbar .active{color:var(--accent);font-weight:700}.fab{position:absolute;right:20px;bottom:calc(92px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:999px;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #502d1440}.fab:hover{color:var(--on-accent);background:var(--accent-hover)}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.tabs button{min-height:48px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--muted);font-size:14px;padding:0 2px;cursor:pointer}.tabs button[aria-selected=true]{color:var(--ink);font-weight:700;border-bottom-color:var(--accent)}.tabs .count{font-size:11px;font-weight:400;margin-left:3px}.round-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.round-tabs button{min-height:64px;border-radius:12px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink-soft);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 14px;text-align:left;cursor:pointer}.round-tabs button[aria-selected=true]{border:1.5px solid var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:14px;font-weight:700}.field textarea,.field input{width:100%;padding:14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--card);color:var(--ink);line-height:1.6}.field input{min-height:44px;padding:0 12px;border-radius:10px}.field textarea{resize:vertical}.field textarea:focus,.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.field select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);color:var(--ink)}.field select:focus{outline:2px solid var(--accent);outline-offset:1px}.field .hint{font-size:12px;color:var(--muted);font-weight:400}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices .pill[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}.check input{width:20px;height:20px;accent-color:var(--accent)}.page-head{display:flex;justify-content:space-between;align-items:center;padding:12px 12px 8px;border-bottom:1px solid var(--line)}.page-head h1{font-size:16px;font-weight:700}.text-btn{min-height:44px;padding:0 8px;border:0;background:none;display:inline-flex;align-items:center;color:var(--ink-soft);text-decoration:none;font-size:15px;cursor:pointer}.text-btn.danger{color:var(--overdue)}.notice-box{padding:14px;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);font-size:14px;line-height:1.6;display:flex;flex-direction:column;gap:10px}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(440px,calc(100% - 32px));padding:12px 14px;border-radius:12px;background:var(--ink);color:var(--card);font-size:13px;line-height:1.5;display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:10}.toast button{border:0;background:none;color:var(--card);text-decoration:underline;min-height:36px;cursor:pointer}.result{width:100%;display:flex;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-align:left;cursor:pointer}.result:hover{border-color:var(--line-strong)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}