@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#332c30;background:#fcf8f5;--accent:#b8375d;--soft:#fbe9ed;--line:#eadfda}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #4981a5;outline-offset:3px}[hidden]{display:none!important}.top{height:86px;padding:0 5%;display:flex;align-items:center;gap:32px;background:#fffdfb;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:800;letter-spacing:-1.5px;margin-right:auto}.login{font-size:13px;color:var(--accent);font-weight:700}.top>a:not(.brand){font-size:13px}.demo-notice{background:#f5e8e4;display:flex;justify-content:space-between;gap:12px;padding:12px 5%;font-size:12px;color:#76625f}.demo-notice b{font-size:10px;letter-spacing:1.5px;color:var(--accent);margin-right:14px}.demo-notice>span:last-child{font-size:11px}.category-bar{display:flex;gap:8px;padding:18px 5%;border-bottom:1px solid var(--line);overflow-x:auto;background:#fffdfb}.category-bar button{white-space:nowrap;background:transparent;border:1px solid var(--line);padding:10px 19px;border-radius:30px;font-size:13px}.category-bar button.active{color:white;background:var(--accent);border-color:var(--accent)}.layout{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;padding:36px 4% 70px}.sidebar{min-width:0}.identity{text-align:center;background:white;border:1px solid var(--line);border-radius:22px;padding:27px 16px}.identity .avatars{font-size:27px;margin-bottom:12px;letter-spacing:4px}.identity h2{font-size:18px;margin:4px 0}.identity p{font-size:12px;color:#8c7b76;margin:8px 0}.identity strong{color:var(--accent);font-size:24px;letter-spacing:-1px}.sidebar nav{display:grid;gap:5px;margin:24px 0}.sidebar nav button{display:flex;gap:12px;background:transparent;border:0;text-align:left;padding:14px;border-radius:12px;color:#8b7b78}.sidebar nav button.active{background:var(--soft);color:var(--accent);font-weight:700}.sidebar nav button span{width:23px}.tour-button{width:100%;border:0;border-radius:14px;background:#f7e9dc;padding:16px 10px;font-size:12px;color:#9c675c}.reset{border:0;background:none;font-size:11px;padding:18px 10px;color:#8b7b78;width:100%}.fine{font-size:11px;line-height:1.9;color:#a08d86;padding:0 12px}.workspace{min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#aa736b;font-weight:700}.page-heading h1{font-size:30px;letter-spacing:-1.4px;margin:9px 0}.page-heading p:last-child{font-size:13px;color:#8d7c76}.sample-label{font-size:9px;letter-spacing:1.5px;border:1px solid var(--line);padding:8px 12px;border-radius:20px;color:#a1847c}.columns{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:22px;align-items:start}.stack{display:grid;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;min-width:0}.card h2,.card h3{margin:0 0 15px;font-size:17px;letter-spacing:-.5px}.card p{font-size:13px;line-height:1.9}.muted{color:#99867f;font-size:12px;line-height:1.8}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.person{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;background:#f3d5c7;color:#9d625e;width:42px;height:42px;border-radius:50%;font-size:14px}.person b{font-size:14px}.person small{display:block;font-size:10px;color:#a18f88;margin-top:3px}.pill{padding:5px 9px;background:var(--soft);color:var(--accent);font-size:10px;border-radius:6px}.post-copy{margin:22px 0 18px;line-height:1.9;font-size:14px}.photo-wrap{position:relative;overflow:hidden;border-radius:14px;background:#efebe7;aspect-ratio:4/3}.photo-wrap>button:first-child{display:block;border:0;padding:0;width:100%;height:100%;background:none}.photo-wrap img{width:100%;height:100%;object-fit:cover;display:block}.photo-wrap .count{position:absolute;right:12px;top:12px;color:white;background:#332c30aa;border-radius:20px;font-size:11px;padding:5px 10px;pointer-events:none}.photo-wrap .photo-next{position:absolute;right:10px;top:48%;border:1px solid #fff8;color:white;background:#332c3077;border-radius:50%;width:36px;height:36px}.location{font-size:11px;color:#9a8175;margin:12px 0}.post-actions{display:flex;align-items:center;gap:20px;border-bottom:1px solid #f1e9e5;padding:8px 0 18px;margin-bottom:16px}.post-actions button,.text-button{border:0;background:none;color:#92736e;padding:0;font-size:12px}.post-actions button[aria-pressed=true]{color:var(--accent)}.comment{font-size:12px;background:#faf7f5;border-radius:10px;padding:12px 14px;margin:8px 0;line-height:1.8;overflow-wrap:anywhere}.comment b{margin-right:9px;color:#6f5650}.comment-form{display:flex;gap:8px;margin-top:14px}.comment-form input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:12px}.primary{background:var(--accent);color:white;border:0;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.secondary{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 15px;font-size:12px}.stats{display:flex;justify-content:space-around;gap:8px;text-align:center}.stats strong{font-size:26px;color:#54453f;display:block}.stats small{font-size:10px;color:#96817b}.date-row{border-top:1px solid var(--line);padding-top:16px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.date-row b{color:var(--accent)}.quote{background:#ede5da;border:0}.quote blockquote{font-size:16px;line-height:1.8;font-weight:600;margin:0 0 15px}.question{background:#405a76;color:white;border:0}.question .eyebrow{color:#cfdae6}.question p{font-size:17px;font-weight:600}.question button{background:#ffffff20;border:1px solid #ffffff40;color:white;border-radius:8px;padding:8px 12px;font-size:12px}.feature-banner{border-radius:20px;background:var(--soft);padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.feature-banner h2{font-size:23px;margin:7px 0;letter-spacing:-1px}.feature-banner p{font-size:12px;color:#856b67;margin:7px 0}.feature-banner>strong{font-size:40px;color:var(--accent);white-space:nowrap;letter-spacing:-2px}.checklist{display:grid;gap:12px}.task{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;width:100%}.task .check{width:22px;height:22px;border:1px solid #d8c8c0;border-radius:7px;display:grid;place-items:center;flex-shrink:0;color:white}.task.done .check{background:var(--accent);border-color:var(--accent)}.task.done .task-title{text-decoration:line-through;color:#a39088}.task .task-title{font-size:13px;font-weight:500}.task small{display:block;font-size:10px;color:#a39088;margin-top:4px}.task .tag{margin-left:auto;font-size:10px;color:#a39088}.progress{height:7px;border-radius:10px;background:#f0e8e3;overflow:hidden;margin:16px 0}.progress span{display:block;height:100%;background:var(--accent);transition:width .2s}.chart{display:flex;align-items:end;gap:14px;height:160px;margin-top:20px}.chart>div{flex:1;text-align:center;font-size:10px;color:#96867d;display:flex;flex-direction:column;justify-content:end;height:100%;gap:9px}.chart i{display:block;background:#d1dce1;border-radius:7px 7px 0 0}.chart>div:last-child i{background:var(--accent)}.quiz-question{font-size:20px!important;line-height:1.8!important;font-weight:500}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.options button{padding:15px;text-align:left;background:#fcfaf8;border:1px solid var(--line);border-radius:10px}.options button.selected{border-color:var(--accent);background:var(--soft)}.feedback{background:#f1f6f1;border:1px solid #dce8d9;padding:16px;border-radius:12px;line-height:1.9;font-size:13px;margin-top:18px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mini-photo{width:100%;height:190px;object-fit:cover;border-radius:12px;margin-bottom:15px}.trip{width:100%;text-align:left}.trip p{margin:8px 0}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center;margin-top:20px}.calendar span{padding:13px 0;font-size:12px;border-radius:10px;background:#faf7f4}.calendar span.special{background:var(--soft);color:var(--accent);font-weight:700}.flashcard{border:0;background:var(--soft);width:100%;min-height:280px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:28px}.flashcard strong{font-size:36px;letter-spacing:-1px;color:var(--accent)}.flashcard small{font-size:12px;color:#9b7d76}.flashcard p{max-width:400px;margin:0;font-size:15px}.wide-row{display:flex;gap:12px;justify-content:center;margin:20px 0}.review-item{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.review-item b{font-weight:500}.review-item span{color:#94827c}.journal{border-left:2px solid var(--line);padding:0 0 15px 20px;margin-top:20px}.journal small{color:var(--accent);font-size:11px}.journal p{margin-bottom:0}.demo-input{width:100%;min-height:120px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:15px;font-size:14px;margin:12px 0}.timer{font-size:50px;letter-spacing:-2px;font-variant-numeric:tabular-nums;color:var(--accent);margin:20px 0}.challenge{border-radius:14px;padding:22px;background:#fcf2e9}.challenge b{font-size:16px}.challenge p{color:#8d7469}.mood-row{display:flex;gap:12px;margin:18px 0}.mood-row button{font-size:25px;padding:14px;border:1px solid var(--line);border-radius:14px;background:white}.mood-row button.selected{background:var(--soft);border-color:var(--accent)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#382e30;color:white;padding:13px 24px;border-radius:12px;font-size:13px;z-index:15;max-width:90%;pointer-events:none;opacity:0;transition:opacity .2s}#toast.show{opacity:1}dialog{border:1px solid var(--line);border-radius:22px;padding:30px;max-width:min(680px,92vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#251d2488;backdrop-filter:blur(5px)}.close{position:absolute;top:12px;right:14px;z-index:2;border:0;background:#fffdfbdd;border-radius:50%;width:34px;height:34px;font-size:24px}#photo-dialog{background:#211d1f;padding:0;width:900px;max-width:94vw;color:white}#large-photo{display:block;width:100%;max-height:76vh;object-fit:contain}#photo-dialog.zoomed #large-photo{width:160%;max-height:none;max-width:none}.photo-controls{display:flex;justify-content:center;gap:20px;align-items:center;padding:15px;position:sticky;bottom:0;background:#211d1fee}.photo-controls button{background:#ffffff20;border:1px solid #ffffff30;color:white;border-radius:8px;padding:8px 15px}#detail-content h2{padding-right:20px}#detail-content p{line-height:1.9;font-size:14px}#tour{position:fixed;inset:0;z-index:30;overflow:hidden}#tour-focus{position:absolute;border:3px solid #fff;border-radius:14px;box-shadow:0 0 0 9999px #211722b5;pointer-events:none;transition:all .15s}#tour-card{position:absolute;width:min(340px,90vw);padding:24px;border-radius:18px;background:white;box-shadow:0 20px 70px #0003}#tour-card h2{font-size:19px;margin:12px 0}#tour-card p{font-size:13px;line-height:1.8;color:#867570}#tour-card>span{font-size:11px;letter-spacing:1px;color:var(--accent)}#tour-card>div{display:flex;justify-content:space-between;margin-top:18px}#tour-close{border:0;background:none;font-size:12px;color:#99867f}
@media(min-width:1600px){.layout{padding-top:45px}.card{padding:28px}.columns{grid-template-columns:minmax(0,1fr) 280px}.photo-wrap{aspect-ratio:1.5}}
@media(max-width:1100px){.layout{grid-template-columns:180px minmax(0,1fr);gap:24px;padding:28px 3%}.columns{grid-template-columns:minmax(0,1fr)}.columns>.stack:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.columns>.stack:last-child>.card:last-child:nth-child(odd){grid-column:1/-1}.sample-label{display:none}}
@media(max-width:700px){.top{height:68px;padding:0 5%;gap:15px}.brand{font-size:23px;gap:7px}.brand img{width:32px;height:32px}.top>a:nth-child(2){display:none}.top .login{font-size:10px}.demo-notice{display:block;font-size:11px;padding:11px 5%}.demo-notice>span:last-child{display:block;margin-top:5px;color:#9b8278}.category-bar{padding:13px 5%;gap:7px}.category-bar button{padding:8px 14px;font-size:12px}.layout{display:block;padding:20px 5% 50px}.identity{display:none}.sidebar nav{display:flex;overflow:auto;gap:6px;margin:0 0 20px}.sidebar nav button{white-space:nowrap;font-size:12px;padding:11px 13px;border:1px solid var(--line)}.sidebar nav button span{width:auto}.tour-button{width:auto;margin-bottom:16px;padding:10px 14px}.reset{width:auto;float:right;padding:10px 0;font-size:10px}.sidebar .fine{display:none}.page-heading{margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading p:last-child{font-size:12px}.card{padding:19px;border-radius:17px}.columns>.stack:last-child{grid-template-columns:1fr}.grid-two{grid-template-columns:1fr}.feature-banner{padding:22px}.feature-banner h2{font-size:19px}.feature-banner>strong{font-size:31px}.options{grid-template-columns:1fr}.flashcard strong{font-size:30px}.photo-wrap{aspect-ratio:1.12}.calendar{gap:4px}.calendar span{padding:10px 0}.page-heading .eyebrow{font-size:9px}.comment-form .primary{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}