:root{--green:#2ca477;--green-dark:#167a59;--mint:#e8f7f0;--ink:#242b2a;--muted:#687372;--line:#dce9e4;--paper:#fbfdfc;--shadow:0 5px 16px rgba(33,103,79,.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#eef4f1;color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}body{font-size:16px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.pc-qr-notice{display:none;position:fixed;z-index:30;top:24px;right:24px;width:380px;align-items:center;gap:20px;padding:20px;border:1px solid #cfe9dc;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 16px 40px rgba(27,82,62,.18)}.pc-qr-notice h2{margin:7px 0 8px;font-size:1.1rem}.pc-qr-notice p{margin:0 0 8px;color:var(--muted);font-size:.8rem;line-height:1.6}.pc-qr-notice small{display:block;color:var(--green-dark);font-size:.7rem;line-height:1.5}.pc-qr-kicker{color:var(--green);font-size:.72rem;font-weight:700}.pc-qr-link{display:block;flex:none}.pc-qr-notice img{padding:6px;background:white}.pc-qr-notice img,.qr-placeholder{flex:none;width:140px;height:140px;border-radius:12px}.qr-placeholder{background:#edf5f1}@media(min-width:768px){.pc-qr-notice{display:flex}}.shell{max-width:1080px;margin:0 auto;padding:24px 24px 120px}.app-shell{width:100%;max-width:520px;min-height:100vh;margin:0 auto;padding:26px 18px 102px;background:var(--paper)}.app-header{justify-content:space-between;margin-bottom:20px}.app-header,.brand-mark{display:flex;align-items:center}.brand-mark{gap:8px;font-size:1.3rem;font-weight:700;letter-spacing:.02em}.brand-mark b{color:var(--green)}.castle{font-size:2rem}.icon-button{width:46px;height:46px;border:1px solid #bfe6d5;border-radius:50%;background:white;color:var(--green);font-size:1.5rem}.hero-card{display:flex;overflow:hidden;min-height:280px;border-radius:26px;background:linear-gradient(135deg,#dff7ff,#dff5e9);box-shadow:var(--shadow)}.hero-copy{position:relative;z-index:1;padding:30px 10px 22px 22px;width:65%}.hero-copy h1{margin:0 0 16px;font-size:2rem;line-height:1.45}.hero-copy p{margin:0;color:#3d5750;line-height:1.75}.hero-button,.search-submit{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 22px;border-radius:18px;background:var(--green);color:white;font-weight:700;box-shadow:0 6px 12px rgba(44,164,119,.22)}.hero-button{margin-top:22px}.hero-button span,.search-submit span{font-size:2rem;font-weight:300}.hero-art{display:flex;flex-direction:column;justify-content:center;align-items:center;width:45%;margin-left:-10%;font-size:2rem;line-height:1.4;filter:saturate(.9)}.hero-art span{font-size:2.4rem;white-space:nowrap}.home-section{margin-top:30px}.home-section h2,.input-panel h2{margin:0 0 14px;font-size:1.3rem}.section-icon{color:var(--green);font-size:1.5rem}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.choice-pill{display:flex;align-items:center;justify-content:center;gap:7px;min-height:54px;padding:7px 9px;border:1.5px solid #a8dcca;border-radius:28px;background:white;color:var(--green-dark);font-weight:700}.choice-pill span{font-size:1.35rem}.choice-pill.selected{border-color:var(--green);background:#effbf6;box-shadow:0 0 0 2px rgba(44,164,119,.08)}.age-grid .choice-pill:last-child{grid-column:2}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.category-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 5px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:var(--shadow)}.category-card strong{font-size:2rem}.category-card span{font-weight:700}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{font-size:1.2rem}.section-heading a{color:var(--green);font-weight:700}.popular-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.popular-card{display:flex;align-items:center;gap:8px;padding:14px;border-radius:20px;box-shadow:var(--shadow)}.tone-0{background:#fff1f1}.tone-1{background:#edf8ff}.popular-emoji{font-size:2rem}.popular-card strong{display:block}.popular-card small{display:block;margin-top:4px;color:var(--muted);font-size:.72rem;line-height:1.4}.popular-card>b{margin-left:auto;font-size:1.5rem}.disclaimer,.input-note{color:var(--muted);font-size:.75rem;line-height:1.6}.consent-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:18px;background:rgba(22,43,35,.48);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.consent-modal{width:min(100%,460px);max-height:calc(100vh - 36px);overflow:auto;padding:26px 22px 22px;border:1px solid #d3ebe0;border-radius:28px;background:#fff;box-shadow:0 20px 50px rgba(15,57,42,.24)}.consent-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--mint);color:var(--green-dark);font-size:.75rem;font-weight:700}.consent-modal h2{margin:16px 0 10px;font-size:1.5rem}.consent-modal p{color:var(--muted);line-height:1.75}.consent-modal ul{margin:16px 0;padding-left:1.2rem;color:var(--ink);line-height:1.8}.consent-modal li+li{margin-top:6px}.consent-modal strong{color:var(--green-dark)}.consent-note{font-size:.78rem!important}.consent-modal .search-submit{margin-top:14px;margin-bottom:0}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.results-heading h2{margin:0 0 5px;font-size:1.2rem}.results-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mint);color:var(--green);font-weight:700}.secondary-action{background:white!important;color:var(--green-dark)!important;border:1px solid #a8dcca!important;box-shadow:none!important}.results-grid{grid-template-columns:1fr;gap:12px}.result-card{padding:18px 16px;border-radius:22px}.result-card h3{margin:10px 0 7px;font-size:1.1rem}.result-card p{margin:0 0 14px}.result-detail{color:var(--green-dark)!important;font-weight:700;font-size:.85rem!important}.result-card .button{width:100%}.detail-shell,.notes-shell{padding-bottom:112px}.detail-card{padding:20px;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:var(--shadow)}.detail-card>h1{margin:14px 0;font-size:1.9rem}.detail-card h2{margin:24px 0 10px;font-size:1.15rem}.header-note-link{color:var(--green);font-weight:700}.support-details{margin:20px 0;padding:16px;border:1px solid #cfe9dc;border-radius:18px;background:#f3fbf7}.support-details h2{margin:0 0 8px!important;color:var(--green-dark)}.support-details ul{margin:0;padding-left:1.2rem;line-height:1.8}.support-details li+li{margin-top:5px}.note-box{margin-top:24px;padding:18px;border-radius:20px;background:#f4fbf7}.note-box label{display:block;color:var(--muted);font-size:.85rem}.note-box textarea{display:block;width:100%;margin:8px 0 12px;padding:12px;border:1px solid #cfe4db;border-radius:14px;background:white;resize:vertical}.note-box .button{width:100%;margin-top:8px}.favorite-button{background:white;color:var(--green-dark);border:1px solid #9ad5bd}.favorite-button.active{background:#fff0f3;color:#cf5772;border-color:#f0a4b5}.save-message{margin:10px 0 0!important;color:var(--green-dark)!important;font-size:.8rem}.notes-intro{margin-bottom:18px;padding:14px 16px;border-radius:16px;background:var(--mint);color:var(--green-dark);font-size:.85rem}.notes-intro p{margin:0}.notes-section{margin-top:26px}.notes-section h2{display:flex;align-items:center;gap:8px;font-size:1.15rem}.notes-section h2 span{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--mint);color:var(--green-dark);font-size:.75rem}.note-card h2{margin:10px 0 4px}.saved-label{margin:0 0 10px;color:#cf5772!important;font-size:.8rem!important}.note-card .button{width:100%;margin-top:6px}.text-link{display:block;margin-top:14px;color:var(--green-dark);font-weight:700;font-size:.85rem}.empty-note{color:var(--muted);font-size:.85rem}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;display:grid;grid-template-columns:repeat(4,1fr);width:min(520px,100%);padding:10px 10px 14px;transform:translateX(-50%);border-top:1px solid var(--line);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#777;font-size:.72rem}.bottom-nav a.active{color:var(--green);font-weight:700}.nav-icon{font-size:1.8rem;line-height:1}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.form-header h1{margin:0;font-size:1.5rem}.back-link{font-size:3rem;color:var(--green);line-height:.5}.header-spacer{width:36px}.stepper{display:flex;align-items:flex-start;justify-content:center;margin:8px 0 26px}.step{display:flex;flex-direction:column;align-items:center;gap:7px;color:#999;font-weight:700}.step b{display:grid;place-items:center;width:42px;height:42px;border:2px solid #c9cfcc;border-radius:50%;font-size:1.2rem}.step.done{color:var(--green)}.step.done b{border-color:var(--green);background:var(--green);color:white}.step-line{width:70px;height:3px;margin-top:20px;background:#c8cecb;border-top:2px dotted #aeb7b3}.step-line.done{border:0;background:var(--green)}.input-panel{margin-bottom:16px;padding:20px 16px;border:1px solid #e6efeb;border-radius:24px;background:white;box-shadow:var(--shadow)}.situation-grid{grid-template-columns:repeat(3,1fr)}.ward-select{width:100%;min-height:54px;padding:0 18px;border:1.5px solid var(--green);border-radius:17px;background:white;color:var(--ink)}.purpose-grid{display:flex;flex-wrap:wrap;gap:10px}.purpose-pill{display:flex;align-items:center;gap:7px;min-height:48px;padding:0 13px;border:1px solid #d6dedb;border-radius:25px;background:white;color:var(--ink);font-weight:700}.purpose-pill.selected{border-color:var(--green);color:var(--green-dark);background:#effbf6}.purpose-pill>span:not(.check){font-size:1.25rem}.check{display:grid;place-items:center;width:23px;height:23px;border:1px solid #cfd8d4;border-radius:5px;color:white;background:white}.selected .check{border-color:var(--green);background:var(--green)}.search-submit{width:100%;border:0;margin-bottom:20px;font-size:1.05rem}.results-section{padding-bottom:20px}.card{padding:20px;border:1px solid var(--line);border-radius:20px;background:white}.card p{color:var(--muted);line-height:1.7}.tag{display:inline-block;padding:5px 10px;border-radius:999px;background:#fff3c9;font-size:.78rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:0;border-radius:999px;background:var(--green);color:white;font-weight:700}.button.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.grid{display:grid;grid-gap:12px;gap:12px}@media(max-width:520px){.app-shell{padding-top:18px}.brand-mark{font-size:1.08rem}.hero-copy h1{font-size:1.65rem}.choice-grid{gap:8px}.choice-pill{font-size:.85rem}.choice-pill span{font-size:1.15rem}.step-line{width:46px}}