@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',system-ui,-apple-system,sans-serif;color:#2f2530;background:#f7f5f2;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:#762d4d}.shell{max-width:560px;margin:0 auto;min-height:100dvh;background:#fffdfb;box-shadow:0 0 60px #371d2410;padding-bottom:90px}.top{height:72px;padding:14px 21px;display:flex;align-items:center;justify-content:space-between;background:#fffdfb;position:sticky;top:0;z-index:20;border-bottom:1px solid #f1ece9}.brand small{letter-spacing:.16em;color:#9b8190;font-weight:700;font-size:9px}.brand b{font-family:'DM Serif Display',Georgia,serif;font-size:29px;font-weight:400;letter-spacing:.01em;color:#672f47}.logo{width:43px;height:43px;border-radius:15px;background:#f2e7ea;display:grid;place-items:center;font-size:24px}.page{padding:22px 20px}.pagehead{display:flex;justify-content:space-between;align-items:center;margin:3px 0 20px}.pagehead h1{margin:0;font-size:23px}.muted{color:#8c7e85}.small{font-size:12px}.tiny{font-size:10px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#a68090;text-transform:uppercase}.lead{font-size:15px;line-height:1.8}.section{margin:28px 0 12px}.section h2{font-size:17px;margin:0}.sectionbar{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px}.sectionbar h2{margin:0;font-size:17px}.panel{border:1px solid #ece3e4;border-radius:18px;padding:17px;background:#fff}.soft{background:#faf5f5}.hero{border-radius:23px;padding:26px 22px;background:linear-gradient(130deg,#64273f,#914f6a);color:#fff;position:relative;overflow:hidden}.hero:after{content:'✦';font-size:140px;position:absolute;right:-14px;top:-40px;color:#ffffff15}.hero h1{font-size:26px;letter-spacing:-.04em;line-height:1.38;margin:9px 0}.hero p{margin:5px 0 21px;color:#e9d7df;font-size:12px}.btnrow,.row{display:flex;gap:9px;align-items:center}.between{justify-content:space-between}.grow{flex:1}.btn{border:none;background:#742f4b;color:white;border-radius:12px;padding:12px 15px;font-weight:700;min-height:43px}.btn.secondary{background:#f4e9ec;color:#73364e}.btn.ghost{background:transparent;color:#73364e;border:1px solid #dfced3}.btn.light{background:#fff;color:#73364e}.btn.outline-light{background:#ffffff20;color:#fff;border:1px solid #ffffff75}.btn.sm{font-size:12px;min-height:34px;padding:7px 10px}.btn.full{width:100%}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{background:#f8f3f3;border-radius:16px;padding:15px 9px;text-align:center}.stat strong{display:block;font-size:26px;color:#6b3249}.stat small{color:#8d7b82;font-size:11px}.feature{display:flex;align-items:center;gap:13px;background:#f9f3f4;padding:16px;border-radius:17px;border:1px solid #f1e6e8}.feature .round{width:49px;height:49px;background:#eadce1;border-radius:15px;display:grid;place-items:center;font-size:22px}.feature h3{margin:0 0 5px;font-size:14px}.feature p{margin:0;font-size:11px;color:#8f7c84;line-height:1.6}.feature .arrow{margin-left:auto;color:#a48c95}.scrollcards{display:flex;overflow-x:auto;gap:11px;scroll-snap-type:x mandatory;padding:3px 0 12px;scrollbar-width:none}.scrollcards::-webkit-scrollbar{display:none}.miniCard{flex:0 0 152px;scroll-snap-align:start;border:1px solid #eee3e5;border-radius:17px;overflow:hidden;background:white;padding:12px;cursor:pointer}.miniCard .thumb{height:124px}.thumb{background:#f5f0ed;border-radius:10px;display:grid;place-items:center;overflow:hidden;position:relative;color:#986c7d}.thumb img{height:100%;width:100%;object-fit:contain}.thumb .placeholder{font-size:43px}.miniCard b{display:block;font-size:12px;margin-top:9px;line-height:1.45}.miniCard small{color:#8b7980;font-size:10px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);height:76px;background:#fffdfbef;backdrop-filter:blur(16px);border-top:1px solid #eee7e8;display:grid;grid-template-columns:repeat(5,1fr);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.nav button{background:none;border:0;color:#a4939a;display:grid;place-content:center;gap:3px;padding:7px 1px;font-size:10px}.nav button i{font-style:normal;font-size:21px}.nav button.active{color:#762f4c;font-weight:800}.tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-bottom:1px solid #eee5e8;gap:4px}.tabs button{font-size:12px;border:0;background:none;color:#8f8085;padding:13px 2px 11px;border-bottom:3px solid transparent;white-space:nowrap}.tabs button.active{border-bottom-color:#783550;color:#63263f;font-weight:800}.searchbar{display:flex;gap:8px}.searchbar input{flex:1}.field{margin:12px 0}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:7px;color:#66565e}.field input,.field textarea,.field select,.searchbar input{border:1px solid #e5dade;background:#fff;border-radius:11px;padding:12px;width:100%;min-width:0;outline-color:#ad6e88}.field textarea{min-height:100px;resize:vertical;line-height:1.7}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid #e5d9dd;border-radius:40px;background:#fff;padding:8px 12px;color:#66585e;font-size:12px}.chip.active{background:#783550;color:white;border-color:#783550}.filter{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:13px 0}.filter select{border:1px solid #eadfe3;background:#fff;border-radius:9px;padding:8px;color:#765e6b;max-width:155px}.listcard{display:flex;gap:13px;align-items:center;border-bottom:1px solid #f0e9eb;padding:13px 1px;cursor:pointer}.listcard .thumb{width:78px;height:99px;flex-shrink:0}.listcard h3{font-size:14px;line-height:1.45;margin:0 0 3px}.listcard p{font-size:11px;margin:4px 0;color:#897982}.pill{display:inline-block;background:#f5e9ed;border-radius:20px;color:#763b55;padding:4px 9px;font-size:10px;font-weight:700}.pill.green{background:#eef3eb;color:#527b59}.empty{text-align:center;padding:38px 20px;background:#faf6f6;border-radius:20px;color:#8e7e87}.empty .ico{font-size:36px}.empty h3{color:#5a4751}.headingline{display:flex;gap:15px;align-items:center;margin-bottom:20px}.headingline .thumb{width:104px;height:140px;flex-shrink:0}.headingline h1{font-size:23px;line-height:1.3;margin:6px 0}.headingline p{font-size:12px;color:#91818a;line-height:1.6;margin:0 0 7px}.detailgrid{display:grid;grid-template-columns:36% 64%;font-size:12px}.detailgrid div{border-bottom:1px solid #f0eaeb;padding:11px 7px;line-height:1.6}.detailgrid div:nth-child(odd){color:#8b7b83}.detailgrid div:nth-child(even){padding-left:11px;font-weight:600}.subhead{font-weight:800;margin:20px 0 8px;font-size:14px}.prose{line-height:1.9;color:#4d3b45;font-size:13px;white-space:pre-line}.score{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eee7e9}.score b{font-size:22px}.score p{font-size:12px;color:#8a7d82;line-height:1.7;margin:5px 0 0}.bottombar{position:sticky;bottom:76px;background:#fffdfbf2;backdrop-filter:blur(12px);padding:12px 0;border-top:1px solid #eee7e7;display:flex;gap:7px;z-index:5}.bottombar button{flex:1;font-size:11px;padding:11px 3px}.lot{padding:9px 0;border-bottom:1px solid #ecdfdf;display:grid;grid-template-columns:1fr auto;gap:2px}.lot b{font-size:12px}.lot small{color:#8c7d83;font-size:11px}.formactions{display:flex;gap:8px;justify-content:flex-end;margin-top:15px}.metric{margin:15px 0}.metricline{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.track{height:7px;border-radius:20px;background:#eee4e8;overflow:hidden}.track span{display:block;height:100%;background:#8b4861;border-radius:20px}.sliderwrap{margin:16px 0}.sliderwrap label{display:flex;justify-content:space-between;font-weight:700;font-size:12px}.sliderwrap input{width:100%;accent-color:#7d3b56;margin:13px 0 0}.sliderwrap small{display:flex;justify-content:space-between;color:#95868e;font-size:10px}.flavorGroup{margin:18px 0}.flavorGroup strong{display:block;margin-bottom:9px;font-size:12px}.reportbars{display:grid;gap:11px}.barlabel{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.stacked{height:16px;display:flex;border-radius:20px;overflow:hidden;background:#f1e5e8}.stacked span{height:100%}.tagrow{display:flex;gap:5px;flex-wrap:wrap}.notice{background:#fff5e6;color:#765d38;border:1px solid #eedcc0;padding:12px;border-radius:12px;font-size:12px;line-height:1.6}.success{background:#eff6ef;color:#446b47;padding:12px;border-radius:12px;font-size:12px}.wizard{display:flex;flex-wrap:wrap;gap:9px}.divider{border:0;border-top:1px solid #eee6e7;margin:22px 0}.loader{display:inline-block;width:14px;height:14px;border:2px solid #ffffff7d;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:91px;z-index:99;background:#382330;color:#fff;border-radius:13px;padding:11px 15px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}#toast.show{opacity:1}.filelabel{display:block;border:1px dashed #cdb3be;border-radius:16px;padding:23px;text-align:center;color:#81465e;cursor:pointer;background:#faf6f6}.filelabel input{display:none}.back{background:none;border:0;color:#77415a;font-size:13px;padding:5px 0;font-weight:700}.danger{color:#b44d59}.buttonlink{border:0;background:none;color:#763550;font-size:12px;padding:6px}.timeline{padding-left:15px;border-left:2px solid #e8d6df}.timeline>div{margin:11px 0}.loadingview{padding:65px 20px;text-align:center;color:#8a7980}@media(max-width:390px){.page{padding:18px 14px}.top{padding:12px 14px}.tabs button{font-size:10px}.headingline .thumb{width:84px;height:116px}.headingline h1{font-size:20px}}