:root{--ink:#19362f;--muted:#567069;--paper:#fbfaf5;--line:#dce6e1;--accent-dark:#0d5b4b;--focus:#ff8a42;--shadow:0 18px 50px #264b401a}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 8% 4%, #f5c0782b, transparent 30%), radial-gradient(circle at 92% 18%, #66b5a526, transparent 28%), var(--paper);margin:0;font-family:Hiragino Sans,Yu Gothic,YuGothic,Noto Sans JP,system-ui,sans-serif;line-height:1.65}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:4px solid var(--focus);outline-offset:4px}.app-shell{width:min(1120px,100% - 32px);min-height:100vh;margin:0 auto;padding:24px 0 32px}.site-header,footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.site-header{min-height:64px}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand__mark{color:#fff;background:#147a65;border-radius:14px 14px 14px 5px;place-items:center;width:44px;height:44px;font-family:Georgia,serif;font-size:1.5rem;font-weight:700;display:grid}.brand strong,.brand small{line-height:1.25;display:block}.brand strong{letter-spacing:.12em}.brand small{color:var(--muted);font-size:.78rem}.prototype-badge{color:var(--muted);background:#ffffffa6;border:1px solid #cddbd5;border-radius:999px;margin:0;padding:6px 12px;font-size:.78rem;font-weight:700}.view-switcher{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;grid-template-columns:1fr 1fr;width:min(420px,100%);margin:30px auto 18px;padding:5px;display:grid}.view-switcher button{cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:44px;font-weight:700;position:relative}.view-switcher button.is-active{color:#fff;background:var(--accent-dark);box-shadow:0 6px 18px #0d5b4b33}.status-dot{background:#ffba68;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:14px}.experience-panel{min-height:690px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #c7d8d0e6;border-radius:28px;padding:clamp(24px,5vw,62px)}.hero-copy,.section-heading{max-width:720px}.eyebrow{color:var(--accent-dark);letter-spacing:.1em;margin:0 0 8px;font-size:.82rem;font-weight:800}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.15rem,6vw,4.5rem);line-height:1.12}.hero-copy__lead,.section-heading>div>p:last-child{max-width:620px;color:var(--muted);margin:18px 0 0;font-size:clamp(1rem,2vw,1.13rem)}.selection-summary,.unselected-message{margin:28px 0 18px}.selection-summary{background:#eaf5f0;border-radius:16px;align-items:center;gap:14px;width:fit-content;max-width:100%;padding:12px 18px;display:flex}.selection-summary>span{font-size:1.6rem}.selection-summary p,.selection-summary small,.selection-summary strong,.selection-summary p>span{margin:0;display:block}.selection-summary small,.selection-summary p>span{color:var(--muted);font-size:.82rem}.selection-summary strong{font-size:1rem}.unselected-message{color:var(--muted)}.preference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.preference-card{text-align:left;background:var(--card-bg,#f2f5f3);cursor:pointer;border:2px solid #0000;border-radius:20px;grid-template-columns:auto 1fr auto;gap:14px;min-height:154px;padding:20px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative}.preference-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #244b401c}.preference-card[aria-pressed=true]{border-color:var(--accent-dark);box-shadow:0 0 0 4px #147a651f}.preference-card--leaf{--card-bg:#eaf4ec}.preference-card--sun{--card-bg:#fff3d5}.preference-card--play{--card-bg:#e9f0fb}.preference-card--talk{--card-bg:#f8e9ed}.preference-card--mist{--card-bg:#efedf7}.preference-card--plain{--card-bg:#f2f1ed}.preference-card__icon{background:#ffffffa8;border-radius:14px;place-items:center;width:44px;height:44px;font-size:1.5rem;display:grid}.preference-card__copy,.preference-card__label,.preference-card__description{display:block}.preference-card__label{font-size:1rem;font-weight:800;line-height:1.45}.preference-card__description{color:var(--muted);margin-top:7px;font-size:.83rem;line-height:1.55}.preference-card__check{color:#fff;background:#ffffff80;border:1px solid #19362f47;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:900;display:grid}.preference-card[aria-pressed=true] .preference-card__check{border-color:var(--accent-dark);background:var(--accent-dark)}.participant-actions{align-items:center;gap:18px;margin-top:26px;display:flex}.primary-action,.secondary-action,.text-action{cursor:pointer;border-radius:14px;min-height:48px;font-weight:800}.primary-action{color:#fff;background:var(--accent-dark);border:0;justify-content:center;align-items:center;gap:32px;padding:0 22px;display:inline-flex}.secondary-action{border:1px solid var(--accent-dark);color:var(--accent-dark);background:0 0;padding:0 20px}.text-action{color:var(--accent-dark);text-underline-offset:4px;background:0 0;border:0;text-decoration:underline}.text-action:disabled{color:#87958f;cursor:not-allowed;text-decoration:none}.privacy-note,.safety-note{color:var(--muted);background:#f4f6f4;border-radius:16px;align-items:flex-start;gap:12px;margin-top:26px;padding:16px 18px;font-size:.86rem;display:flex}.privacy-note p,.safety-note p{margin:0}.staff-result{margin-top:34px}.current-choice{background:#eaf4ec;border-radius:18px;align-items:center;gap:14px;padding:14px 18px;display:inline-flex}.current-choice>span{font-size:1.7rem}.current-choice div>span,.current-choice strong{display:block}.current-choice div>span{color:var(--muted);font-size:.76rem}.current-choice strong{font-size:1.05rem}.rule-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.rule-card,.empty-state{border-radius:20px;padding:clamp(22px,4vw,34px)}.rule-card--do{background:#e8f4ee}.rule-card--dont{background:#fbefec}.rule-card__kicker{color:var(--accent-dark);letter-spacing:.15em;margin:0;font-size:.73rem;font-weight:900}.rule-card h2,.empty-state h2{margin:3px 0 16px;font-size:1.3rem}.rule-card ul{gap:10px;margin:0;padding-left:1.3em;display:grid}.empty-state{text-align:center;background:#f1f4f2;margin-top:34px}.empty-state>span{width:48px;height:48px;color:var(--muted);border:2px dashed #93aaa1;border-radius:50%;place-items:center;font-size:1.5rem;display:inline-grid}.empty-state p{color:var(--muted);margin:0}.safety-note{color:#5b4b25;background:#fff7dd;margin-bottom:20px}.safety-note strong{color:#4b3b17;display:block}footer{color:var(--muted);padding:22px 4px 0;font-size:.75rem}footer p{margin:0}@media (max-width:820px){.preference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-grid{grid-template-columns:1fr}}@media (max-width:540px){.app-shell{width:min(100% - 20px,1120px);padding-top:12px}.prototype-badge{display:none}.view-switcher{margin-top:18px}.experience-panel{border-radius:22px;min-height:0;padding:24px 16px 28px}h1{font-size:clamp(2rem,12vw,3.2rem)}.preference-grid{grid-template-columns:1fr;gap:10px}.preference-card{min-height:118px;padding:16px}.participant-actions{flex-direction:column;align-items:stretch}.primary-action,.secondary-action,.text-action{width:100%}footer{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}