@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";.wordmark.wordmark-v2{width:166px}:root{font-family:Noto Sans KR,sans-serif;color:#20221d;background:#f3f0e8;--ink:#20221d;--muted:#77776e;--card:#fbfaf6;--line:#d9d5ca;--lime:#c9f25b;--green:#183f31;--red:#b94738}*{box-sizing:border-box}body{margin:0;min-height:100vh}.nav{height:76px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none}.wordmark{display:block;width:112px;height:auto}.nav-note{font-size:12px;color:var(--muted)}.nav-note span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #e5f4bc;margin-right:7px}main{max-width:1200px;margin:auto}.landing{min-height:690px;padding:88px 48px 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:center}.eyebrow{font:500 11px DM Mono;letter-spacing:.18em;color:#697156;margin:0 0 20px}.hero-copy h1{font-size:58px;line-height:1.13;letter-spacing:-.055em;margin:0}.hero-copy h1 em{font-style:normal;color:#567626;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:8px;text-underline-offset:-3px}.lead{max-width:560px;color:#64645d;line-height:1.85;margin:28px 0 36px}.promise{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:17px;align-items:center}.promise>span{font:500 38px DM Mono}.promise strong{font:500 11px DM Mono;display:block}.promise small{color:var(--muted)}.door-card{background:var(--card);border:1px solid #cbc7bb;padding:8px 30px 28px;box-shadow:9px 9px #dedacf}.door-title{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:18px 2px}.door-title>div{display:flex;flex-direction:column}.door-title small{font-size:10px;color:var(--muted)}.door-number{font:500 10px DM Mono;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lime)}label{display:block;font-size:12px;font-weight:700;margin-top:17px}input,textarea{font:inherit;width:100%;border:1px solid #ccc8bd;background:#fff;padding:14px;margin-top:8px;outline:none}input:focus,textarea:focus{border-color:#58674b;box-shadow:0 0 0 3px #e7eadc}.hint{font-size:11px;color:#929189;margin:8px 0 21px}.primary{border:0;background:var(--green);color:#fff;width:100%;padding:15px 18px;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}.primary:disabled{opacity:.45}.privacy{display:flex;gap:12px;background:#f1f4e8;padding:14px;margin-top:20px;color:#6d715e;font-size:11px}.privacy p{margin:0}.error{color:var(--red);font-size:12px;min-height:18px}.locker{padding:50px 24px 70px}.locker-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.locker-head h2{font-size:36px;margin:0}.subtle{border:0;background:none;color:var(--muted);cursor:pointer;padding:0}.countdown{width:190px}.countdown small{color:var(--muted)}.countdown strong{font:500 27px DM Mono;display:block;margin:4px 0 8px}.progress{height:4px;background:#d9d5ca}.progress i{display:block;height:100%;background:var(--lime);transition:width 1s linear}.workspace{display:grid;grid-template-columns:360px 1fr;border:1px solid #cbc7bb;background:var(--card);min-height:480px}.composer{padding:28px;border-right:1px solid var(--line)}.composer h3,.contents h3{margin:0 0 20px;font-size:15px}.type-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eeece5;padding:4px;margin-bottom:17px}.type-tabs button{border:0;background:transparent;padding:10px;color:var(--muted);cursor:pointer}.type-tabs .active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #ccc}.composer textarea{height:175px;resize:vertical;margin:0 0 12px}.dropzone{height:190px;border:1px dashed #b9b6aa;margin:0 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer}.dropzone input{display:none}.dropzone small{color:var(--muted);font-weight:400}.image-preview{height:190px;margin-bottom:12px;background:#e8e5dc}.image-preview img{width:100%;height:100%;object-fit:contain}.contents{padding:28px}.contents-title{display:flex;justify-content:space-between}.contents-title h3 span{font:500 11px DM Mono;background:#e4e1d7;padding:4px 7px;border-radius:10px}.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item{border:1px solid var(--line);background:#fff;padding:16px;min-width:0}.item-text{white-space:pre-wrap;word-break:break-word;line-height:1.6;font-size:13px;max-height:180px;overflow:auto;margin:0 0 18px}.item>img{width:100%;height:180px;object-fit:contain;background:#f0eee8}.item-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--muted);font:400 10px DM Mono}.item-meta button{border:0;background:none;cursor:pointer;color:#617540}.item-meta .delete{color:#a45b50}.empty{text-align:center;color:var(--muted);padding:95px 20px}.empty span{font-size:40px}.empty h3{color:var(--ink);margin:12px 0 5px}.empty p{font-size:13px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 19px;font-size:12px;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}footer{border-top:1px solid var(--line);padding:24px;text-align:center;color:#88877e;font-size:11px}dialog{width:min(400px,calc(100% - 36px));border:1px solid #bbb6a9;background:var(--card);padding:30px;color:var(--ink);box-shadow:10px 10px #20221d2e}dialog::backdrop{background:#191b177a}dialog h2{font-size:20px}dialog p{font-size:12px;color:var(--muted)}.confirm-icon{display:grid;place-items:center;width:34px;height:34px;background:#f2ddd6;color:var(--red);border-radius:50%}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:27px}.confirm-actions button{padding:12px;border:1px solid var(--line);font-weight:700}.confirm-actions .delete-button{background:var(--red);color:#fff}.locker-actions{display:flex;gap:8px;margin-bottom:23px}.locker-button{border:1px solid transparent;border-radius:3px;padding:8px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.locker-button:hover{transform:translateY(-1px)}.close-button{border-color:#b8b6ad;background:#fff;color:#555750}.close-button:hover{background:#f0eee7;border-color:#99978e}.return-button{border-color:#a83e32;background:var(--red);color:#fff}.return-button:hover{background:#9d4035}.capacity{margin:-5px 0 20px;padding:12px 14px;background:#f1f0e9;border:1px solid #e1ded4}.capacity>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.capacity strong{font:500 11px DM Mono;color:var(--ink)}.capacity strong small{font:inherit;color:var(--muted)}.capacity-track{height:4px;margin-top:9px;background:#d9d5ca;overflow:hidden}.capacity-track i{display:block;height:100%;min-width:2px;background:#6f9232;transition:width .25s ease}@media(max-width:820px){.landing{grid-template-columns:1fr;padding:55px 22px;gap:45px}.hero-copy h1{font-size:42px}.workspace{grid-template-columns:1fr}.composer{border-right:0;border-bottom:1px solid var(--line)}.items{grid-template-columns:1fr}}@media(max-width:520px){.nav-note{display:none}.landing{padding-top:42px}.hero-copy h1{font-size:36px}.door-card{padding:6px 20px 22px}.locker{padding:35px 14px}.locker-head{display:block}.countdown{margin-top:20px}.contents,.composer{padding:20px}}