@import "https://fonts.googleapis.com/css2?family=Pretendard:wght@400;500;600;700;800&display=swap";body{-webkit-font-smoothing:antialiased;background:#fffdf8;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e2d3c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c9bcab}.login-page{color:#4a3325;background:#fbf6ee;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:56px 24px;display:flex;position:relative}.login-page:before{content:"";z-index:0;background:radial-gradient(circle at 20% 20%,#ffd69140,#0000 28%),radial-gradient(circle at 80% 80%,#dab27a2e,#0000 30%),#fbf6ee;position:fixed;inset:0}.login-inner{z-index:1;position:relative}body{background:#fbf6ee}.login-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:72px;width:100%;max-width:1120px;display:grid}.login-left{flex-direction:column;gap:24px;display:flex}.login-badge{color:#8a6044;background:#ffffffb3;border:1px solid #845a381f;border-radius:999px;width:fit-content;padding:9px 16px;font-size:13px;font-weight:700;box-shadow:0 10px 30px #69482c0f}.login-logo{letter-spacing:-2.5px;color:#7a4f33;font-size:64px;font-weight:900;line-height:1}.login-headline{letter-spacing:-1px;color:#4d3728;font-size:32px;font-weight:800;line-height:1.35}.login-desc{color:#8b7767;font-size:17px;line-height:1.7}.login-features{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.feature{color:#7d6758;background:#ffffff9e;border:1px solid #845a381a;border-radius:14px;padding:10px 14px;font-size:13.5px;font-weight:700}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#ffffffb8;border:1px solid #845a381f;border-radius:34px;justify-self:center;width:100%;max-width:390px;padding:34px 30px;box-shadow:0 30px 80px #5e3d231f,inset 0 1px #fffc}.memo-window{text-align:left;background:#fffaf3;border:1px solid #845a3821;border-radius:24px;width:100%;height:210px;margin-bottom:26px;overflow:hidden;box-shadow:0 20px 50px #5a3b2314}.window-top{background:#f4e2cba6;border-bottom:1px solid #845a3814;align-items:center;gap:7px;height:42px;padding:0 16px;display:flex}.dot{opacity:.8;background:#d8b28c;border-radius:50%;width:10px;height:10px}.memo-content{padding:22px}.memo-title{color:#6d4a33;margin-bottom:14px;font-size:15px;font-weight:800}.memo-line{color:#9a8372;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.memo-check{color:#8b6042;background:#f1ddc3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:inline-flex}.card-title{color:#68452f;margin-bottom:10px;font-size:24px;font-weight:900}.card-subtitle{color:#9a8372;margin-bottom:24px;font-size:14px;line-height:1.6}.google-btn{color:#4d3b30;cursor:pointer;background:#fff;border:1px solid #845a3821;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:100%;height:56px;font-family:inherit;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 12px 28px #69482c14}.google-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #69482c1f}.google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-svg{flex-shrink:0}.card-bottom{color:#b09d8c;margin-top:18px;font-size:12.5px;font-weight:700}@media (width<=900px){.login-page{min-height:auto;padding:40px 24px}.login-inner{text-align:center;grid-template-columns:1fr;gap:38px}.login-left{align-items:center}.login-logo{font-size:54px}.login-headline{font-size:26px}.login-features{justify-content:center}.login-card{margin:0 auto}}.login-legal{color:#c1b4a6;margin-top:16px;font-size:12px}.login-legal-link{color:#c1b4a6;text-decoration:none}.login-legal-link:hover{color:#8a6044;text-decoration:underline}:root{--bg:#fffdf8;--card:#fff;--text:#3f2d20;--muted:#a79a8c;--line:#f1e6d8;--brand:#c47b49;--brand-dark:#8a5d3d;--accent:#ffb66e;--blue:#5aa0ff;--shadow:0 18px 45px #5a3e2214;--shadow-card:0 10px 28px #563f280f;--radius-xl:28px}.app{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#ffdcae59,#0000 34%),linear-gradient(135deg,#fffdf8 0%,#fff9f1 42%,#fff 100%);grid-template-columns:320px minmax(520px,760px) 1fr;gap:28px;padding:28px;display:grid}.sidebar{border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #efe2d3e6;flex-direction:column;height:calc(100vh - 56px);padding:26px 20px;display:flex;position:sticky;top:28px}.logo{letter-spacing:-.05em;color:var(--brand-dark);align-items:center;gap:10px;padding:0 10px 24px;font-size:28px;font-weight:800;display:flex}.logo-bubble{background:linear-gradient(135deg,#f0d6ff,#c7b0ff);border-radius:50% 50% 50% 8px;width:23px;height:18px;transform:rotate(-12deg);box-shadow:inset -3px -3px 8px #5b3f9033}.profile{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:20px;align-items:center;gap:13px;margin-bottom:22px;padding:14px;display:flex}.avatar-img{object-fit:cover;border:3px solid #fff;border-radius:16px;width:46px;height:46px;box-shadow:0 8px 18px #8b623e1f}.profile strong{margin-bottom:4px;font-size:15px;display:block}.profile span{color:var(--muted);font-size:12px}.nav{gap:8px;display:grid}.nav-item{appearance:none;color:#7c6a58;cursor:pointer;background:0 0;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.nav-item .left{align-items:center;gap:10px;display:flex}.nav-item:hover{color:var(--brand-dark);background:#fff5e8}.nav-item.active{color:#fff;background:linear-gradient(135deg,#a87855,#8b6042);box-shadow:0 12px 24px #8a5d3d38}.count{color:#8b735d;background:#f4e7d7;border-radius:999px;place-items:center;min-width:30px;height:22px;padding:0 8px;font-size:12px;font-weight:800;display:inline-grid}.active .count{color:#fff;background:#ffffff47}.dday-section{flex:1;min-height:40px;margin-top:22px;overflow-y:auto}.dday-title{color:#b7a897;letter-spacing:-.02em;margin-bottom:8px;font-size:11px;font-weight:800}.dday{border:1px solid var(--line);border-left:3px solid var(--blue);background:linear-gradient(135deg,#fff,#fff7eb);border-radius:12px;margin-bottom:6px;padding:10px 12px}.dday strong{letter-spacing:-.04em;font-size:14px}.dday strong small{font-size:11px;font-weight:600}.dday span{color:#998a7b;margin-top:3px;font-size:11px;display:block}.dday-empty{color:#c9bcab;padding:6px 2px;font-size:11px}.side-actions{flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.app-promo{background:linear-gradient(135deg,#fff4e3,#fff9f0);border:1px solid #f3e2c8;border-radius:14px;align-items:center;gap:11px;padding:12px 14px;display:flex}.app-promo-icon{flex-shrink:0;font-size:24px}.app-promo-text{flex-direction:column;gap:2px;display:flex}.app-promo-text strong{color:#8a5d3d;letter-spacing:-.02em;font-size:12.5px;font-weight:800}.app-promo-text span{color:#b0997f;font-size:11px}.account-actions{gap:8px;display:flex}.acc-btn{border:1px solid var(--line);color:#95816c;cursor:pointer;background:#fff9;border-radius:11px;flex:1;height:36px;font-family:inherit;font-size:12px;font-weight:700;transition:all .18s}.acc-btn:hover{color:#7a5c42;background:#fff5e8}.side-footer{border-top:1px solid #f3ece0;flex-direction:column;align-items:center;gap:7px;margin-top:2px;padding-top:12px;display:flex}.footer-links{align-items:center;gap:7px;display:flex}.footer-link{color:#b8a898;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;text-decoration:none}.footer-link:hover{color:#8b7355;text-decoration:underline}.footer-dot{color:#d4c8b8;font-size:11px}.footer-mail{color:#a08868;font-weight:600}.footer-delete{color:#cfb5ad;font-size:10.5px}.footer-delete:hover{color:#c0392b}.main{flex-direction:column;min-width:0;height:calc(100vh - 56px);padding:22px 0;display:flex}.topbar{justify-content:space-between;align-items:center;margin-bottom:26px;padding:0 4px;display:flex}.title{letter-spacing:-.06em;align-items:center;gap:12px;font-size:28px;font-weight:800;display:flex}.title .fire{background:#fff2e1;border-radius:14px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 -8px 16px #ffb05e1f}.progress-wrap{align-items:center;gap:14px;display:flex}.progress{background:#f0e4d5;border-radius:999px;width:150px;height:6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent), var(--brand));border-radius:inherit;height:100%;transition:all .2s}.progress-text{color:#baaa98;font-size:13px;font-weight:800}.task-list{scrollbar-width:thin;scrollbar-color:#e2d3c1 transparent;flex:1;grid-auto-rows:max-content;gap:12px;padding:2px 10px 20px 2px;display:grid;overflow:auto}.task{border:1px solid var(--line);min-height:0;box-shadow:var(--shadow-card);background:#ffffffdb;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;transition:all .18s;display:flex;position:relative}.task:hover{border-color:#ead8c2;transform:translateY(-2px);box-shadow:0 16px 30px #5a3e2217}.check{cursor:pointer;background:#fff;border:2px solid #e2d3c1;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;transition:all .18s;display:grid}.task.done .check{color:#fff;background:#6fcf6b;border-color:#6fcf6b}.task.done .check:after{content:"✓";font-size:13px;font-weight:900}.task.done{background:#6fcf6b14;border-color:#6fcf6b4d}.task-body{flex:1;min-width:0}.task-body strong{letter-spacing:-.03em;color:#4b3829;word-break:break-word;margin-bottom:4px;font-size:14px;display:block}.task-body time{color:#b1a293;font-size:11px;font-weight:600}.task-url{color:var(--blue);word-break:break-all;margin-bottom:6px;font-size:13px;text-decoration:none;display:block}.task-url:hover{text-decoration:underline}.task.done .task-body strong{color:#5aa456;text-decoration:line-through}.edit-inline{border:1.5px solid var(--brand);width:100%;color:var(--text);background:#fffaf3;border-radius:10px;outline:none;padding:8px 12px;font-family:inherit;font-size:15px}.task-actions{opacity:0;flex-shrink:0;align-items:center;gap:3px;transition:all .18s;display:flex}.task:hover .task-actions{opacity:1}.move-btn{border:1px solid var(--line);color:#8b735d;cursor:pointer;background:#fff8ee;border-radius:8px;padding:4px 9px;font-size:11px;font-weight:700;transition:all .15s}.move-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.act-btn{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:5px 6px;font-size:14px}.act-btn:hover{background:#fff1e5}.delete{color:#c8bbad;cursor:pointer;background:0 0;border:0;border-radius:10px;width:28px;height:28px;font-size:20px}.delete:hover{color:#b36f47;background:#fff1e5}.list-empty{text-align:center;padding:80px 0}.list-empty-icon{margin-bottom:14px;font-size:44px}.list-empty p{color:var(--muted);font-size:15px;font-weight:500}.composer{background:linear-gradient(#fffdf800,#fffdf8fa 40%);grid-template-columns:1fr 112px;gap:12px;padding-top:14px;display:grid}.composer input{border:1px solid var(--line);height:58px;color:var(--text);box-shadow:var(--shadow-card);background:#ffffffeb;border-radius:22px;outline:none;padding:0 24px;font-family:inherit;font-size:15px}.composer input::placeholder{color:#c1b4a6}.composer input:focus{border-color:var(--brand)}.composer button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a97955,#8b6042);border:0;border-radius:22px;font-size:15px;font-weight:800;box-shadow:0 14px 24px #8a5d3d38}.right-panel{min-width:0;padding:22px 0}.warm-card{border-radius:var(--radius-xl);height:calc(100vh - 100px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 30% 18%,#ffd7a642,#0000 30%),#ffffff94;border:1px solid #efe2d3d9;justify-content:center;align-items:center;padding:34px;display:flex}.empty{text-align:center;max-width:360px}.empty-icon{border:1px solid var(--line);width:82px;height:82px;box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fff7eb,#fff);border-radius:28px;place-items:center;margin:0 auto 18px;font-size:34px;display:grid}.empty h2{letter-spacing:-.05em;margin:0 0 8px;font-size:22px}.empty p{color:#9e8d7a;margin:0;font-size:14px;line-height:1.6}@media (width<=1180px){.app{grid-template-columns:260px 1fr}.right-panel{display:none}}@media (width<=780px){.app{padding:14px;display:block}.sidebar{border-radius:24px;height:auto;margin-bottom:18px;position:static}.nav{grid-template-columns:repeat(2,1fr)}.dday-section,.side-actions{display:none}.main{height:auto;padding:0}.topbar{flex-direction:column;align-items:flex-start;gap:16px}.task-list{overflow:visible}.composer{grid-template-columns:1fr}.composer button{height:54px}}.edit-wrap{align-items:center;gap:8px;width:100%;display:flex}.edit-done-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#5c4033;border:none;border-radius:10px;flex-shrink:0;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:700}.edit-done-btn:hover{background:#7a5c4f}.legal-links{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;width:100%;padding:4px 4px 0;display:flex}.legal-btn{color:#b8a898;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;font-size:11px}.legal-btn:hover{color:#8b7355;text-decoration:underline}.legal-dot{color:#c4b8a8;flex-shrink:0;font-size:11px}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fffbf5;border-radius:20px;flex-direction:column;width:480px;max-width:90vw;max-height:70vh;display:flex;box-shadow:0 20px 60px #5c403326}.modal-header{border-bottom:1px solid #f0e6d8;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-header h3{color:#5c4033;font-size:16px;font-weight:800}.modal-close{color:#b8a898;cursor:pointer;background:0 0;border:none;font-size:18px}.modal-close:hover{color:#5c4033}.modal-body{flex-direction:column;gap:8px;padding:20px 24px;display:flex;overflow-y:auto}.modal-body p{color:#6b5b4e;font-size:13px;line-height:1.6}.modal-section{margin-top:12px;font-size:13px;color:#5c4033!important;font-weight:700!important}.modal-updated{margin-top:8px;font-size:12px;color:#b8a898!important}.weather-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #c8af9133;border-radius:24px;align-items:center;gap:12px;min-width:200px;margin-left:12px;padding:8px 20px 8px 16px;display:flex}.weather-icon{flex-shrink:0;font-size:32px;line-height:1}.weather-details{flex-direction:column;gap:2px;display:flex}.weather-temp{color:#5c4033;letter-spacing:-1px;font-size:20px;font-weight:900;line-height:1}.weather-desc{color:#a08060;font-size:12px;font-weight:600}.weather-city{color:#b8a898;font-size:11px;font-weight:500}.weather-bg-sunny{background:radial-gradient(at 85% 8%,#ffdc7859 0%,#0000 45%),radial-gradient(at 90% 15%,#ffc85033 0%,#0000 30%),linear-gradient(170deg,#fffdf5 0%,#fff9ec 50%,#fffdf8 100%)!important}.weather-bg-cloudy{background:radial-gradient(at 20% 10%,#c8d2e666 0%,#0000 40%),radial-gradient(at 70% 5%,#b4c3dc4d 0%,#0000 35%),linear-gradient(170deg,#f5f7fa 0%,#eef0f5 50%,#f5f7fa 100%)!important}.weather-bg-rain{position:relative;overflow:hidden;background:linear-gradient(170deg,#e8eff7 0%,#dce8f5 50%,#e8eff7 100%)!important}.weather-bg-rain:before,.weather-bg-rain:after{content:"";pointer-events:none;z-index:0;height:calc(100% + 100px);position:absolute;inset:-50px 0 0}.weather-bg-rain:before{background-image:repeating-linear-gradient(115deg,#0000 0 18px,#78a0d259 18px,#78a0d273 20px,#0000 22px);background-size:60px 100%;animation:.5s linear infinite rainFall}.weather-bg-rain:after{background-image:repeating-linear-gradient(115deg,#0000 0 35px,#96b9e140 35px,#96b9e14d 36px,#0000 38px);background-size:90px 100%;animation:.8s linear .2s infinite rainFall}@keyframes rainFall{0%{transform:translateY(-40px)}to{transform:translateY(40px)}}.weather-bg-snow{position:relative;overflow:hidden;background:linear-gradient(170deg,#f0f4f8 0%,#e8eef5 50%,#f0f4f8 100%)!important}.weather-bg-snow:before{content:"❄ ❅ ❆ ❄ ❅ ❆ ❄ ❅";color:#b4d2f099;letter-spacing:24px;pointer-events:none;z-index:0;white-space:nowrap;font-size:14px;animation:4s linear infinite snow;position:absolute;top:-30px;left:0;right:0}@keyframes snow{0%{opacity:0;transform:translateY(-30px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.weather-bg-thunder{background:linear-gradient(170deg,#2a2f3a 0%,#1e2330 50%,#2a2f3a 100%)!important}.weather-bg-thunder .main-title,.weather-bg-thunder .item-text{color:#e8e8f0}.weather-bg-fog{background:radial-gradient(#c8cdd780 0%,#0000 60%),linear-gradient(170deg,#e8eaed 0%,#dfe2e8 50%,#e8eaed 100%)!important}.main-content>*{z-index:1;position:relative}.delete-account-btn{color:#d4a8a0;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:4px 0 0;font-family:inherit;font-size:11px}.delete-account-btn:hover{color:#c0392b;text-decoration:underline}.delete-modal .modal-header h3{color:#c0392b}.delete-modal-actions{gap:10px;margin-top:20px;display:flex}.delete-cancel-btn{color:#5c4033;cursor:pointer;background:#f5f0e8;border:none;border-radius:12px;flex:1;padding:12px;font-family:inherit;font-size:14px;font-weight:700}.delete-cancel-btn:hover{background:#ebe2d4}.delete-confirm-btn{color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:12px;flex:1;padding:12px;font-family:inherit;font-size:14px;font-weight:700}.delete-confirm-btn:hover{background:#a93226}.delete-confirm-btn:disabled,.delete-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.float-reopen{color:#fff8eb;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#6b4a30e6;border:none;border-radius:50px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #6b4a304d}.float-reopen:hover{background:#6b4a30;transform:translateY(-2px)}.float-window{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;-webkit-user-select:none;user-select:none;background:#fffcf5f2;border:1px solid #c8af9166;border-radius:16px;width:260px;transition:box-shadow .2s;position:fixed;overflow:hidden;box-shadow:0 12px 40px #5c40332e}.float-window:hover{box-shadow:0 16px 48px #5c403338}.float-header{cursor:grab;background:#f4e8d799;border-bottom:1px solid #c8af9133;justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.float-header:active{cursor:grabbing}.float-title{color:#5c4033;font-size:13px;font-weight:800}.float-controls{align-items:center;gap:4px;display:flex}.float-badge{color:#8b7355;background:#8b73551f;border-radius:20px;margin-right:2px;padding:2px 8px;font-size:11px;font-weight:700}.float-btn{cursor:pointer;color:#b8a898;background:0 0;border:none;border-radius:6px;padding:3px 5px;font-family:inherit;font-size:12px;line-height:1;transition:all .15s}.float-btn:hover{color:#5c4033;background:#8b73551f}.float-body{scrollbar-width:thin;scrollbar-color:#e0d0c0 transparent;max-height:260px;padding:8px 6px;overflow-y:auto}.float-item{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px;transition:background .15s;display:flex}.float-item:hover{background:#8b735514}.float-item.done{opacity:.45}.float-check{border:2px solid #d0c4b4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:900;transition:all .2s;display:flex}.float-check.checked{color:#fff;background:#6fcf6b;border-color:#6fcf6b}.float-text{color:#4a3828;flex:1;font-size:13px;font-weight:500;line-height:1.3}.float-item.done .float-text{color:#6fcf6b;text-decoration:line-through}.float-empty{text-align:center;color:#b8a898;padding:24px 0;font-size:13px}.float-footer{border-top:1px solid #c8af9133;align-items:center;gap:8px;padding:8px 12px 10px;display:flex}.float-progress{background:#e8ddd0;border-radius:2px;flex:1;height:4px;overflow:hidden}.float-progress-fill{background:linear-gradient(90deg,#ffb66e,#c47b49);border-radius:2px;height:100%;transition:width .3s}.float-percent{color:#b8a898;text-align:right;min-width:28px;font-size:11px;font-weight:700}.float-window.collapsed .float-header{border-bottom:none}.float-input-bar{border-top:1px solid #c8af9133;gap:5px;padding:6px 8px;display:flex}.float-input{color:#4a3828;background:#fff;border:1.5px solid #e8ddd0;border-radius:9px;outline:none;flex:1;height:30px;padding:0 9px;font-family:inherit;font-size:12px}.float-input:focus{border-color:#c47b49}.float-input::placeholder{color:#c4b8a8}.float-add{color:#fff;cursor:pointer;background:#5c4033;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:inherit;font-size:20px;font-weight:300;line-height:1;transition:background .15s;display:flex}.float-add:hover{background:#7a5c4f}.legal-page{-webkit-overflow-scrolling:touch;color:#4a3325;box-sizing:border-box;background:linear-gradient(135deg,#fffdf8 0%,#fff9f1 100%);padding:40px 24px 80px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;inset:0;overflow-y:auto}.legal-container{max-width:720px;margin:0 auto}.legal-header{margin-bottom:40px}.legal-back{color:#8a6044;margin-bottom:16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.legal-back:hover{text-decoration:underline}.legal-header h1{color:#5c4033;letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:900}.legal-date{color:#a79a8c;font-size:13px}.legal-content{background:#fffc;border:1px solid #f1e6d8;border-radius:20px;padding:36px 40px}.legal-content section{margin-bottom:28px}.legal-content h2{color:#5c4033;margin-bottom:10px;font-size:15px;font-weight:800}.legal-content p{color:#6b5b4e;margin-bottom:6px;font-size:14px;line-height:1.7}.legal-content ul{margin:6px 0;padding-left:20px}.legal-content li{color:#6b5b4e;margin-bottom:4px;font-size:14px;line-height:1.7}.legal-content a{color:#8a6044;text-decoration:underline}.legal-note{border-top:1px solid #f1e6d8;margin-top:16px;padding-top:16px;color:#b8a898!important;font-size:12px!important}*{box-sizing:border-box;margin:0;padding:0}body{background:#fffdf8;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.popup-wrap{background:linear-gradient(160deg,#fffdf8 0%,#fff9f1 100%);flex-direction:column;width:100vw;height:100vh;display:flex}.popup-header{cursor:default;background:#f4e8d7b3;border-bottom:1px solid #f0e6d8;justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.popup-title{color:#5c4033;font-size:13px;font-weight:800}.popup-badge{color:#8b7355;background:#8b73551f;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.popup-progress{background:#f0e6d8;height:3px;overflow:hidden}.popup-progress-fill{background:linear-gradient(90deg,#ffb66e,#c47b49);height:100%;transition:width .4s}.popup-body{scrollbar-width:thin;scrollbar-color:#e0d0c0 transparent;flex:1;padding:6px 4px;overflow-y:auto}.popup-item{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.popup-item:hover{background:#8b735514}.popup-item.done{opacity:.45}.popup-check{border:2px solid #d0c4b4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:900;transition:all .2s;display:flex}.popup-check.checked{color:#fff;background:#6fcf6b;border-color:#6fcf6b}.popup-text{color:#4a3828;word-break:break-word;flex:1;font-size:12px;font-weight:500;line-height:1.3}.popup-item.done .popup-text{color:#6fcf6b;text-decoration:line-through}.popup-empty{text-align:center;color:#b8a898;padding:30px 0;font-size:13px}.popup-footer{background:#f4e8d766;border-top:1px solid #f0e6d8;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.popup-percent{color:#c47b49;font-size:12px;font-weight:800}.popup-open{color:#8b7355;font-size:11px;font-weight:700;text-decoration:none}.popup-open:hover{color:#5c4033;text-decoration:underline}.popup-input-bar{background:#fffcf5e6;border-top:1px solid #f0e6d8;gap:6px;padding:8px 10px;display:flex}.popup-input{color:#4a3828;background:#fff;border:1.5px solid #e8ddd0;border-radius:10px;outline:none;flex:1;height:32px;padding:0 10px;font-family:inherit;font-size:12px}.popup-input:focus{border-color:#c47b49}.popup-input::placeholder{color:#c4b8a8}.popup-add{color:#fff;cursor:pointer;background:#5c4033;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:20px;font-weight:300;line-height:1;transition:background .15s;display:flex}.popup-add:hover{background:#7a5c4f}