@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#342a23;font-synthesis:none;text-rendering:optimizelegibility;--ink:#342a23;--muted:#74695e;--cream:#fffaf2;--paper:#fffdf8;--orange:#e96f2e;--orange-dark:#a94316;--orange-soft:#ffe2c5;--peach:#fff0df;--leaf:#4f6f51;--leaf-soft:#e8f0df;--blue:#355f79;--blue-soft:#e8f2f5;--line:#e7d9c8;--human:#45735a;--human-soft:#edf5eb;--focus:#175f91;background:#fffaf2;font-family:Noto Sans KR,system-ui,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 18%,#ec9d561f,#0000 27rem),linear-gradient(#fffaf2 0%,#fffdf9 72%,#f7f0e6 100%);min-width:320px;min-height:100vh;margin:0}button,textarea,select{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}.skip-link{z-index:100;color:#fff;background:var(--ink);border-radius:.5rem;padding:.7rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh;overflow:hidden}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf2e0;border-bottom:1px solid #9568442e;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 5vw;display:grid;position:relative}.topbar>p{color:var(--muted);margin:0;font-size:.88rem}.brand{color:var(--orange-dark);letter-spacing:.18em;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:.55rem;padding:0;font-family:DM Sans,sans-serif;font-size:1.14rem;font-weight:700;display:inline-flex}.brand-mark{border:1px solid var(--orange);border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.profile-chip{color:#4d3e31;justify-self:end;align-items:center;gap:.45rem;font-size:.83rem;font-weight:600;display:inline-flex}.demo-banner{color:#6f451b;text-align:center;background:#fff0d2;border-bottom:1px solid #e4c89f;margin:0;padding:.55rem 5vw;font-size:.8rem;font-weight:600}main{min-height:calc(100vh - 150px)}.notice{color:#743113;background:#fff0e8;border:1px solid #d47752;border-radius:.7rem;width:min(90vw,860px);margin:1rem auto 0;padding:.9rem 1.1rem}.hero{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:2rem;width:min(1180px,90vw);min-height:calc(100vh - 148px);margin:0 auto;padding:4rem 0 5rem;display:grid;position:relative}.hero-copy{z-index:2;max-width:620px;position:relative}.eyebrow{color:var(--orange-dark);letter-spacing:.18em;margin:0 0 .7rem;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:700}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{margin-top:0;line-height:1.25}.hero h1{letter-spacing:-.065em;margin-bottom:1.5rem;font-size:clamp(2.8rem,5.8vw,5.6rem);font-weight:600}.hero-description{max-width:560px;color:var(--muted);margin:0;font-size:clamp(1rem,1.6vw,1.18rem)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.primary,.secondary,.human-action,.concert-action,.select-track{cursor:pointer;border-radius:.65rem;min-height:46px;padding:.75rem 1.2rem;font-weight:700;transition:transform .15s,background-color .15s,border-color .15s}.primary:hover:not(:disabled),.secondary:hover:not(:disabled),.human-action:hover:not(:disabled),.concert-action:hover:not(:disabled),.select-track:hover:not(:disabled){transform:translateY(-2px)}.primary{border:1px solid var(--orange-dark);color:#fff;background:var(--orange-dark)}.primary:hover:not(:disabled){background:#85300f}.secondary{background:#fffdf8b8;border:1px solid #bca68e}.secondary:hover:not(:disabled){border-color:var(--orange-dark);background:#fff}.privacy-note{color:#786c61;margin:1rem 0 0;font-size:.78rem}.garden-visual{aspect-ratio:1/.96;background:radial-gradient(circle at 50% 16%,#fff9dc 0 7%,#0000 7.3%),linear-gradient(#ffd9ae 0 55%,#d7e0be 55% 100%);border:1px solid #a366342e;border-radius:48% 48% 12% 12%;justify-self:stretch;position:relative;overflow:hidden;box-shadow:0 30px 70px #93511f21}.garden-visual:before,.garden-visual:after{content:"";background:#788b61;border-radius:50% 50% 0 0;height:48%;position:absolute;bottom:-12%;left:-8%;right:-8%;transform:rotate(-5deg)}.garden-visual:after{background:#526b4e;height:49%;bottom:-20%;left:32%;right:-28%;transform:rotate(7deg)}.sun{background:#ffedbc;border:1px solid #ca7a33;border-radius:50%;width:4rem;height:4rem;position:absolute;top:13%;right:14%}.stem{z-index:3;transform-origin:bottom;background:#3e6845;border-radius:1rem;width:5px;height:45%;position:absolute;bottom:20%}.stem:after{content:"";background:#517c50;border-radius:100% 0;width:28px;height:15px;position:absolute;top:48%;left:-23px;transform:rotate(20deg)}.stem-one{left:32%;transform:rotate(-8deg)}.stem-two{height:37%;right:30%;transform:rotate(7deg)}.flower,.sprout{z-index:4;color:#7f320f;background:var(--orange-soft);border:1px solid #7b3e1840;border-radius:50%;place-items:center;font-family:serif;display:grid;position:absolute;box-shadow:0 13px 28px #72481f29}.flower-one{width:8.5rem;height:8.5rem;font-size:2.6rem;top:20%;left:18%}.flower-two{color:#425d3f;background:#eef1d7;width:7rem;height:7rem;font-size:2rem;top:31%;right:14%}.sprout{color:#355f79;background:#eef6f7;width:4.4rem;height:4.4rem;font-size:1.3rem;bottom:22%;right:40%}.story-stage,.response-stage{width:min(1120px,90vw);margin:0 auto;padding:4.5rem 0 6rem}.section-heading{max-width:760px;margin-bottom:2.5rem}.section-heading h1{letter-spacing:-.045em;margin-bottom:.8rem;font-size:clamp(2rem,4.5vw,3.8rem)}.section-heading>p:last-child{color:var(--muted)}.section-heading.compact{margin-bottom:1.5rem}.section-heading.compact h2{font-size:clamp(1.5rem,3vw,2.3rem)}.story-form{border:1px solid var(--line);background:#fffdf8d1;border-radius:1.3rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;padding:clamp(1.25rem,3vw,2.4rem);display:grid;box-shadow:0 24px 70px #5c422b12}.wide,.story-form fieldset,.capability-note,.submit-story{grid-column:1/-1}.field{align-content:start;gap:.45rem;display:grid}.field>span,fieldset legend{color:#4e4137;font-size:.9rem;font-weight:700}.field em{color:var(--muted);font-size:.72rem;font-style:normal;font-weight:500}.field small{color:var(--muted);font-size:.76rem}textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #cdbda9;border-radius:.7rem}textarea{resize:vertical;min-height:7rem;padding:.95rem 1rem}select{min-height:48px;padding:.65rem 2.6rem .65rem .85rem}textarea::placeholder{color:#9a8d80}fieldset{border:0;margin:0;padding:0}fieldset legend{margin-bottom:.65rem}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.mood-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.choice{cursor:pointer;background:#fffdf9;border:1px solid #cfbea8;border-radius:.65rem;min-height:48px;padding:.65rem}.choice[aria-pressed=true]{border-color:var(--orange-dark);color:#7c2c0c;background:var(--orange-soft);box-shadow:inset 0 0 0 1px var(--orange-dark)}.capability-note{border-left:4px solid var(--blue);color:#294c60;background:var(--blue-soft);margin:0;padding:.9rem 1rem}.consent-field{color:#4e4137;background:#fffaf2;border:1px solid #d7c9b8;border-radius:.8rem;align-items:flex-start;gap:.85rem;padding:1rem;display:flex}.consent-field input{width:1.1rem;height:1.1rem;accent-color:var(--orange-dark);margin-top:.15rem}.consent-field span{gap:.3rem;display:grid}.consent-field small{color:var(--muted);line-height:1.55}.submit-story{justify-self:end;min-width:min(100%,250px)}.candidate-garden{margin-top:5rem}.track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.track-card{border:1px solid var(--line);background:var(--paper);border-radius:1rem;grid-template-rows:auto 1fr auto;gap:1rem;min-width:0;padding:1rem;display:grid}.track-card audio{width:100%;min-width:0;margin-top:.8rem}.album-seed{aspect-ratio:1.5;color:#7b2e0f;background:radial-gradient(circle at 75% 28%,#ffedbe 0 10%,#0000 10.5%),linear-gradient(145deg,#efb16e,#f9e1b9 58%,#8ea278 59%);border-radius:.75rem;place-items:center;display:grid;overflow:hidden}.album-seed span{background:#fffaefb8;border:1px solid #7336164d;border-radius:50%;place-items:center;width:3rem;height:3rem;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:700;display:grid}.track-copy h3{margin-bottom:.45rem;font-size:1.2rem}.track-copy p:not(.eyebrow){color:var(--muted);margin:0;font-size:.86rem}.duration{color:#827365;margin-top:.8rem;font-family:DM Sans,sans-serif;font-size:.78rem;display:inline-block}.select-track{color:#73310f;background:var(--peach);border:1px solid #c88b62;width:100%}.selected-track{border-bottom:1px solid var(--line);grid-template-columns:116px 1fr auto;align-items:center;gap:1.3rem;margin-bottom:1rem;padding:1.1rem;display:grid}.album-seed.selected{aspect-ratio:1;color:#7b2e0f;font-size:2rem}.selected-track h1{margin-bottom:.25rem;font-size:clamp(1.7rem,3vw,2.6rem)}.selected-track p:not(.eyebrow){color:var(--muted);margin:0}.profile-card{background:#fff9ed;border:1px solid #d8c7b4;border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:2.5rem 0;padding:1.2rem 1.4rem;display:grid}.profile-card h2,.profile-card p{margin-bottom:0}.profile-card p:not(.eyebrow){color:var(--muted);font-size:.84rem}.profile-flower{background:#fff;border:1px solid #d5a975;border-radius:50%;place-items:center;width:3.7rem;height:3.7rem;font-size:1.6rem;display:grid}.safe-badge,.ai-badge,.human-badge,.source-label{border:1px solid;border-radius:999px;align-items:center;width:fit-content;font-size:.68rem;font-weight:700;display:inline-flex}.safe-badge{color:#6d552c;background:#fff3cf;padding:.32rem .6rem}.reaction-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;display:grid}.ai-reactions,.human-reactions{border-radius:1.1rem;min-width:0;padding:clamp(1rem,2.4vw,1.6rem)}.ai-reactions{background:#f4f9fa;border:1px solid #b9d0da}.human-reactions{background:#f5f8ef;border:1px solid #bbceb9}.reaction-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.reaction-heading h2{margin-bottom:0;font-size:clamp(1.2rem,2.2vw,1.55rem)}.ai-badge,.human-badge{flex:none;padding:.32rem .55rem}.ai-badge{color:var(--blue);background:#fff}.human-badge{color:var(--human);background:#fff}.bot-list{gap:.7rem;display:grid}.bot-card{background:#ffffffd6;border:1px solid #c9dce2;border-radius:.8rem;grid-template-columns:auto 1fr;gap:.8rem;padding:.95rem;display:grid}.bot-card h3{margin-bottom:.3rem;font-size:.9rem}.bot-card p{color:#51616b;margin:0 0 .65rem;font-size:.84rem}.bot-avatar{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:2.15rem;height:2.15rem;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700;display:grid}.source-label{color:#547181;background:#eef7f9;padding:.2rem .4rem}.expand-bots{width:100%;margin-top:.85rem}.source-explanation{color:#4d6754;margin:-.35rem 0 1rem;font-size:.79rem}.empty-reactions{color:#627361;text-align:center;border:1px dashed #adc2aa;border-radius:.8rem;align-content:center;place-items:center;min-height:150px;display:grid}.empty-reactions span{font-size:1.8rem}.empty-reactions p{margin:.35rem 0 0;font-size:.84rem}.human-list{gap:.65rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.human-list li{background:#ffffffc7;border:1px solid #c8d8c5;border-radius:.75rem;padding:.9rem}.human-list strong{color:var(--human);font-size:.8rem}.human-list p{margin:.25rem 0 0;font-size:.88rem}.reaction-form{gap:.75rem;margin-top:1rem;display:grid}.reaction-form textarea{min-height:5.5rem}.human-action{color:#fff;background:var(--human);border:1px solid #315c45}.concert-card{color:#fef8ec;background:#4f382c;border:1px solid #b88c63;border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;margin-top:1.25rem;padding:clamp(1.2rem,3vw,2rem);display:grid}.concert-card .eyebrow{color:#ffc98f}.concert-card h2{margin-bottom:.35rem}.concert-card p:not(.eyebrow){color:#e6d8ca;max-width:700px;margin:0 0 .65rem;font-size:.88rem}.concert-icon{border:1px solid #d9aa78;border-radius:50%;place-items:center;width:4rem;height:4rem;font-size:1.6rem;display:grid}.concert-action{color:#4b2e1f;background:#ffd1a6;border:1px solid #ffd1a6}.concert-status{border-left:4px solid var(--orange);background:var(--peach);margin:.7rem 0 0;padding:.7rem 1rem}.busy-status{z-index:20;border:1px solid var(--orange-dark);color:#fff;background:var(--orange-dark);border-radius:.7rem;margin:0;padding:.75rem 1rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 10px 35px #411f0e33}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:1rem;padding:1.5rem 5vw;font-size:.73rem;display:flex}footer p{margin:0}@media (width<=860px){.topbar{grid-template-columns:1fr auto}.topbar>p{display:none}.hero{grid-template-columns:1fr;padding-top:3rem}.garden-visual{width:min(100%,620px);margin:0 auto}.reaction-columns,.track-grid{grid-template-columns:1fr}.track-card{grid-template-rows:1fr auto;grid-template-columns:130px 1fr}.track-card .album-seed{aspect-ratio:1;grid-row:1/3}.select-track{grid-column:2}.concert-card{grid-template-columns:auto 1fr}.concert-action{grid-column:1/-1;width:100%}}@media (width<=620px){.topbar{min-height:64px;padding-inline:1rem}.topbar .brand{font-size:.94rem}.topbar .profile-chip{font-size:0}.topbar .profile-chip span{font-size:1.25rem}.hero,.story-stage,.response-stage{width:min(100% - 2rem,1120px)}.hero{min-height:auto;padding:3rem 0 4rem}.hero h1{font-size:clamp(2.5rem,14vw,4.1rem)}.hero-actions{grid-template-columns:1fr;display:grid}.hero-actions button{width:100%}.garden-visual{min-height:360px}.flower-one{width:6.2rem;height:6.2rem}.flower-two{width:5.4rem;height:5.4rem}.story-stage,.response-stage{padding:3rem 0 4rem}.story-form{grid-template-columns:1fr;padding:1rem}.story-form>*{grid-column:1}.mood-grid,.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.submit-story{width:100%}.track-card{grid-template-columns:100px 1fr}.selected-track{grid-template-columns:80px 1fr}.selected-track>button{grid-column:1/-1;width:100%}.profile-card{grid-template-columns:auto 1fr}.safe-badge{grid-column:2}.reaction-heading{display:grid}.concert-card{grid-template-columns:1fr}.concert-icon{width:3rem;height:3rem}footer{padding-inline:1rem;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}