:root{--primary: rgb(229, 178, 64);--secondary: rgb(71, 3, 4);--primary-opacity: rgba(229, 178, 64, .1);--secondary-opacity: rgba(71, 3, 4, .3);--error: rgb(255, 82, 0);--text-white: #ffffff;--text-black: #000000;--text-gray: #808080;--text-lightGray: #f0f0f0;--text-darkGray: #333333}*{box-sizing:border-box}html{background:#fffaf6}body{margin:0;min-width:320px;min-height:100vh;color:#2b211c;background:radial-gradient(circle at 85% -5%,#ffe2cb 0,transparent 35%),linear-gradient(180deg,#fff7f0 0,#fffdfa 420px);font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(255,107,53,.24);outline-offset:2px}.layout-container{width:100%;min-height:100vh}.ad-slot{width:min(100% - 32px,760px);min-height:100px;margin:12px auto 44px;border-radius:20px;overflow:hidden;background:#fff0e5}.layout-header{position:fixed;top:16px;left:50%;z-index:900;display:flex;width:min(calc(100% - 32px),760px);min-height:72px;padding:10px 12px 10px 18px;border:1px solid rgba(255,255,255,.92);border-radius:22px;background:#ffffffe0;box-shadow:0 12px 38px #6d3e1e1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;justify-content:space-between;transform:translate(-50%)}.header-logo-container{display:flex;border-radius:10px;align-items:center}.header-logo{display:block;width:94px;height:auto;object-fit:contain}.header-nav{display:flex;padding:4px;border-radius:14px;background:#fff3e9;gap:2px}.header-nav a{min-width:68px;padding:10px 14px;border-radius:11px;color:#8a6b58;text-align:center;text-decoration:none;font-size:.86rem;font-weight:700;transition:.18s}.header-nav a:hover,.header-nav a.active{color:#c2410c;background:#fff}.header-nav a.active{box-shadow:0 4px 12px #9a34121a}.footer{display:flex;min-height:76px;padding:22px 24px;border-top:1px solid #f1e5dc;color:#9a8679;background:#fff;align-items:center;justify-content:center}.copyright{font-size:.75rem}.footer-text2{text-align:center}@media (max-width:560px){.layout-header{top:10px;width:calc(100% - 20px);min-height:66px;padding-left:14px;border-radius:19px}.header-logo{width:78px}.header-nav a{min-width:60px;padding:9px 11px;font-size:.8rem}.footer{min-height:68px}}.main-container{position:relative;width:min(calc(100% - 32px),760px);margin:0 auto;padding:124px 0 56px}.hero-copy{margin-bottom:28px}.eyebrow{display:block;margin-bottom:10px;color:#ea580c;font-size:.75rem;font-weight:850;letter-spacing:.13em}.main-title{margin:0;color:#321e13;font-size:clamp(2rem,7vw,3.2rem);line-height:1.15;letter-spacing:-.055em}.hero-copy p{max-width:540px;margin:13px 0 0;color:#806d61;font-size:1rem;line-height:1.65;word-break:keep-all}.button-link{position:absolute;top:132px;right:0;display:flex;min-height:42px;padding:0 15px;border:1px solid #fed7bd;border-radius:13px;color:#c2410c;background:#fff7ed;align-items:center;text-decoration:none;font-size:.82rem;font-weight:750;transition:.18s}.button-link:hover{background:#ffedd5;transform:translateY(-1px)}.section{margin-bottom:16px;padding:26px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:#fffffff0;box-shadow:0 14px 42px #78442214}.section-heading{display:flex;margin-bottom:18px;align-items:flex-start;gap:12px}.section-heading>span{display:grid;width:28px;height:28px;border-radius:10px;color:#fff;background:#f97316;place-items:center;flex-shrink:0;font-size:.78rem;font-weight:850}.section-title{margin:1px 0 3px;color:#3e2a1e;font-size:1.06rem;letter-spacing:-.02em}.section-heading p{margin:0;color:#9a8679;font-size:.78rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px}.category-button{min-height:46px;padding:0 12px;border:1px solid #eee5de;border-radius:14px;color:#765f50;background:#faf8f6;font-size:.88rem;font-weight:700;box-shadow:none;transition:.18s}.category-button:hover{border-color:#fdba8c;color:#c2410c;background:#fff7ed;transform:translateY(-1px)}.category-button.selected{border-color:#f97316;color:#fff;background:#f97316;box-shadow:0 8px 18px #f9731633}.custom-menu-input{display:flex;gap:9px}.text-input{width:100%;min-width:0;min-height:50px;padding:0 15px;border:1px solid #eadfd7;border-radius:14px;color:#3e2a1e;background:#faf9f8;outline:none;transition:.18s}.text-input::placeholder{color:#b6a79e}.text-input:focus{border-color:#fb923c;background:#fff;box-shadow:0 0 0 4px #f973161a}.add-button{min-width:76px;min-height:50px;padding:0 16px;border:0;border-radius:14px;color:#fff;background:#3e2a1e;font-weight:750}.add-button:hover{background:#5b3b2a;transform:translateY(-1px)}.custom-menu-list{margin-top:18px;padding-top:16px;border-top:1px solid #f2e9e3}.custom-menu-list-title{margin:0 0 10px;color:#806d61;font-size:.82rem}.custom-menu-items{display:flex;flex-wrap:wrap;gap:7px}.custom-menu-item{display:flex;min-height:36px;padding:0 7px 0 12px;border-radius:12px;color:#6d4d39;background:#fff1e7;align-items:center;gap:6px;font-size:.82rem;font-weight:650}.remove-button{display:grid;width:26px;min-height:26px;padding:0;border:0;border-radius:9px;color:#c2410c;background:transparent;place-items:center;font-size:1.1rem}.remove-button:hover{background:#ffdfcb}.recommend-button{width:100%;min-height:58px;margin:22px 0 8px;border:0;border-radius:18px;color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 12px 28px #ea580c3d;font-size:1.02rem;font-weight:850;transition:.18s}.recommend-button:hover:not(:disabled){box-shadow:0 15px 32px #ea580c4d;transform:translateY(-2px)}.recommend-button:disabled{color:#a69a92;background:#eae5e1;box-shadow:none;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;padding:20px;background:#261a148f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal{position:relative;width:min(100%,440px);border-radius:28px;background:#fff;box-shadow:0 28px 90px #2b190f4d;animation:slideUp .28s ease}.modal-content{padding:34px;text-align:center}.result-badge{display:inline-flex;padding:7px 11px;border-radius:999px;color:#c2410c;background:#fff1e7;font-size:.75rem;font-weight:800}.modal-title{margin:15px 0 0;color:#493126;font-size:1.15rem}.modal-result{margin:28px 0;color:#ea580c;font-size:clamp(2.1rem,9vw,3.2rem);font-weight:900;letter-spacing:-.045em;word-break:keep-all}.modal-buttons{display:grid;grid-template-columns:1fr;gap:9px}.modal-button,.image-search{display:flex;min-height:48px;padding:0 14px;border:0;border-radius:14px;align-items:center;justify-content:center;text-decoration:none;font-size:.84rem;font-weight:750}.modal-button.reroll{color:#fff;background:#f97316}.modal-button.close{color:#64564d;background:#f2efec}.image-search{color:#8a5a3e;background:#fff4eb;gap:7px}.modal-button:hover,.image-search:hover{transform:translateY(-1px);filter:brightness(.97)}.dessert-theme .eyebrow{color:#db2777}.dessert-theme .section-heading>span{background:#ec4899}.dessert-theme .category-button:hover{border-color:#f9a8d4;color:#be185d;background:#fdf2f8}.dessert-theme .category-button.selected{border-color:#ec4899;background:#ec4899;box-shadow:0 8px 18px #ec489933}.dessert-theme .recommend-button{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 12px 28px #db277738}.dessert-theme .result-badge{color:#be185d;background:#fdf2f8}.dessert-theme .modal-result{color:#db2777}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@media (max-width:600px){.main-container{width:calc(100% - 24px);padding-top:105px}.hero-copy{padding:0 4px}.hero-copy p{padding-right:90px;font-size:.9rem}.button-link{top:128px;right:4px;min-height:38px;padding:0 11px}.section{padding:20px;border-radius:20px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-menu-input{flex-direction:column}.add-button{width:100%}.modal-content{padding:28px 22px}}.seo-guide{max-width:1080px;margin:72px auto;padding:48px 24px;color:var(--text-primary,#18212b)}.seo-kicker{font-size:11px;font-weight:800;letter-spacing:.2em;opacity:.6}.seo-guide>h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;margin:10px 0 28px}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.seo-grid article,.seo-faq{padding:22px;border:1px solid rgba(127,127,127,.22);border-radius:18px;background:#ffffffa6}.seo-grid h3,.seo-faq h3{margin:0 0 13px;font-size:17px}.seo-grid ol,.seo-grid ul{padding-left:19px;margin:0;font-size:14px;line-height:1.85}.seo-faq{margin-top:14px}.seo-faq details{padding:14px 2px;border-top:1px solid rgba(127,127,127,.2)}.seo-faq summary{cursor:pointer;font-weight:700}.seo-faq p{font-size:14px;line-height:1.7;opacity:.75}@media (max-width:720px){.seo-guide{margin:38px auto;padding:34px 18px}.seo-grid{grid-template-columns:1fr}}