:root{color-scheme:light;--sage: #b2ac88;--sage-dark: #7f7a5b;--cream: #f5f5dc;--earth: #6f4e37;--leaf: #7c9a6d;--leaf-dark: #5d6b4c;--shadow: 0 12px 30px rgba(79, 70, 54, .15);--ring-light: rgba(124, 154, 109, .4);--ring-dark: rgba(93, 107, 76, .9);--radius-xl: 18px}*{box-sizing:border-box;font-family:Inter,Apple SD Gothic Neo,Noto Sans KR,sans-serif}body{margin:0;background:var(--cream);color:var(--earth);min-height:100vh}button,input,select,textarea{font:inherit}canvas{display:block}.app{min-width:320px}.card{background:#ffffffe6;border-radius:var(--radius-xl);padding:16px;box-shadow:var(--shadow)}.card-soft{background:#f5f5dcb3;border-radius:14px;padding:12px;border:1px solid rgba(178,172,136,.4)}.btn{background:var(--leaf);color:#fff;border:none;border-radius:999px;padding:10px 16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 6px 16px #5d6b4c33}.btn:hover{transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--leaf-dark);border:1px solid rgba(93,107,76,.3);border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer}.chip{background:#b2ac8833;color:var(--earth);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid rgba(178,172,136,.5);cursor:pointer}.chip.active{background:var(--leaf);color:#fff;border-color:var(--leaf)}.input{width:100%;border-radius:12px;border:1px solid rgba(111,78,55,.2);padding:10px 12px;background:#fff}.input.small{max-width:72px;text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:15px}.text-lg{font-size:18px}.text-xl{font-size:22px}.font-semibold{font-weight:600}.text-muted{color:#6f4e37b3}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:24px}.w-full{width:100%}.hidden{display:none}.garden{align-items:center}.avatar{min-width:90px;text-align:center}.avatar-emoji{font-size:42px}.ring-legend{font-size:11px;color:var(--sage-dark)}.divider{height:1px;background:#6f4e371f}.page{min-height:100vh;background:linear-gradient(180deg,#f8f7e8,beige 40%,#f1f0d6)}.container{width:min(1200px,92vw);margin:0 auto}.web-header{padding:32px 0 24px}.header-inner{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center}.badge{display:inline-block;background:#7c9a6d26;color:var(--leaf-dark);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:12px}.hero-title{font-size:28px;margin:0 0 8px}.hero-subtitle{font-size:15px;color:#6f4e37cc;margin:0 0 16px}.hero-actions{display:flex;flex-wrap:wrap;gap:8px}.hero-card{display:flex;flex-direction:column;gap:12px}.hero-list{margin:0;padding-left:18px;color:#6f4e37e6;font-size:14px}.web-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);padding-bottom:40px}.web-main{min-width:0}.web-aside{display:flex;flex-direction:column;gap:16px}@media (min-width: 960px){.web-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr)}}