:root{--dark:#1f2025;--card:#272a34;--card-2:#30333e;--text:#f1f3f4;--muted:#aeb4bf;--line:#4a4e5a;--red:#c51922;--gold:#fbbc04;--blue:#8ab4f8;--paper:#fff}*{box-sizing:border-box}html{background:#f5f6f8}body{margin:0;color:#202124;background:#f5f6f8;font-family:Roboto,Arial,"Noto Sans JP",sans-serif;line-height:1.5;overflow-x:hidden}button,textarea{font:inherit}.app-shell{width:min(100%,760px);min-height:100dvh;margin:auto;background:var(--paper);padding:20px clamp(16px,5vw,56px) 38px}.brand-header{display:flex;align-items:center;gap:12px;padding-bottom:18px}.brand-logo{width:min(180px,56vw);height:auto;max-height:38px;display:block;object-fit:contain;object-position:left center}.brand-name{border-left:1px solid #ddd;padding-left:12px;display:flex;flex-direction:column;line-height:1.1}.brand-name strong{font-size:12px}.brand-name span{font-size:11px;color:#6f7378;margin-top:4px}.screen[hidden]{display:none}.screen{animation:enter .18s ease both}.brand-intro{display:flex;gap:12px;align-items:flex-start;border:1px solid #e0e2e6;border-radius:14px;background:#f8f9fa;padding:16px;margin-bottom:24px}.intro-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fce8e6;color:var(--red);font-size:16px;flex:0 0 28px}.brand-intro h2{margin:0;font-size:16px;font-weight:600}.brand-intro p{margin:4px 0 0;color:#6f7378;font-size:13px}.step-label{margin:0 0 8px;color:#73777d;font-size:11px;font-weight:700;letter-spacing:.12em}.page-one h1{font-size:clamp(27px,6vw,38px);line-height:1.3;font-weight:500;letter-spacing:-.03em;margin:0 0 22px}.question-card,.overall-card{border:1px solid #dfe1e5;border-radius:14px;padding:17px 16px;margin-bottom:12px;background:#fff}.question-card h2{font-size:15px;font-weight:500;margin:0 0 12px}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:40px;padding:7px 15px;border-radius:21px;border:1px solid #c9cdd2;background:#fff;color:#3c4043;cursor:pointer;font-size:14px}.chip:active{transform:scale(.98)}.chip.is-selected{border-color:var(--red);background:#fce8e6;color:#9c1118}.overall-card{background:#fafbfc;text-align:center;margin-top:16px;padding:20px 12px}.overall-card p{font-size:16px;font-weight:600;margin:0 0 9px}.overall-stars{display:flex;justify-content:center;gap:7px}.star{border:0;background:none;color:#c9cdd3;padding:2px 1px;cursor:pointer;font-size:41px;line-height:1}.star.is-selected{color:var(--gold)}.overall-card small{display:block;color:#777d85;font-size:12px;margin-top:8px}.bottom-action{position:sticky;bottom:0;background:linear-gradient(#fff0,#fff 24%);padding:18px 0 2px}.button{min-height:52px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;font-weight:600}.full{width:100%}.primary{background:var(--red);color:#fff}.primary:disabled{background:#e1e3e6;color:#93979d;cursor:not-allowed}.dark-stage{position:fixed;inset:0;background:var(--dark);display:grid;place-items:center;padding:0}.review-modal{width:min(100%,520px);height:min(100dvh,900px);display:flex;flex-direction:column;background:var(--dark);color:var(--text);overflow:hidden}.review-header{height:68px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);flex:0 0 68px}.review-header strong,.review-header span{display:block}.review-header strong{font-size:14px;font-weight:600}.review-header div span{font-size:12px;color:var(--muted);margin-top:2px}.icon-button{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--text);font-size:28px;line-height:1;cursor:pointer}.header-mark{margin-left:auto;width:30px;height:30px;border-radius:50%;display:grid!important;place-items:center;background:#b3261e;color:#fff!important;font-weight:700;font-size:14px!important}.review-scroll{overflow-y:auto;padding:18px 16px 20px;flex:1}.direct-note{border:1px solid #545865;border-radius:10px;color:#e8eaed;background:#242730;padding:11px 13px;margin-bottom:13px;font-size:13px}.review-rating{display:flex;justify-content:space-between;align-items:center;padding:5px 0 16px;color:var(--muted);font-size:13px}.review-rating strong{color:var(--gold);font-size:20px;letter-spacing:2px}.review-scroll h1{font-size:24px;font-weight:500;letter-spacing:-.02em;margin:0 0 16px}.detail-card{background:var(--card);border:1px solid #3f434e;border-radius:14px;padding:16px;margin-bottom:12px}.detail-card h2{font-size:15px;font-weight:500;margin:0 0 13px;color:var(--text)}.detail-row{display:flex;justify-content:space-between;align-items:center;min-height:50px;border-bottom:1px solid var(--line);font-size:14px}.detail-row:last-child{border-bottom:0}.detail-stars{display:flex;gap:2px}.detail-stars .star{font-size:26px;padding:2px 1px}.field-label{display:block;color:var(--text);font-size:14px;margin:17px 2px 8px}.review-scroll textarea{width:100%;display:block;resize:vertical;border:1px solid #5b606c;border-radius:10px;background:var(--card);color:var(--text);padding:13px;font-size:14px;min-height:128px}.review-scroll textarea::placeholder{color:#9aa0aa}.photo-button{width:100%;min-height:48px;margin:12px 0;border:1px solid #6f7683;border-radius:9px;background:transparent;color:var(--text);cursor:pointer;text-align:left;padding:0 14px}.photo-button span{font-size:20px;margin-right:8px}.detail-card .chip{border-color:#676d7b;background:transparent;color:#e8eaed}.detail-card .chip.is-selected{border-color:var(--blue);background:#2d4164;color:#d2e3fc}.helper{color:var(--muted);font-size:12px;margin:-8px 0 10px}.more-details{padding:6px 0}.more-details h2{font-size:16px;font-weight:500;margin:8px 2px 8px}.accordion{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);padding:14px 2px;background:transparent;color:var(--text);cursor:pointer;font-size:14px}.accordion b{font-size:18px;color:var(--muted);font-weight:400}.accordion-content{display:none;grid-column:1/-1;color:var(--muted);font-size:12px;padding-top:4px}.accordion.is-open .accordion-content{display:block}.accordion.is-open b{transform:rotate(180deg)}.modal-actions{height:70px;flex:0 0 70px;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--line);background:#202127}.text-button,.post-button{min-height:42px;border-radius:22px;padding:0 18px;border:0;cursor:pointer;font-size:14px;font-weight:600}.text-button{background:transparent;color:var(--blue)}.post-button{background:var(--blue);color:#1b1c20}.complete-screen{text-align:center;padding:18vh 18px;background:#fff;min-height:100dvh}.complete-mark{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 24px;background:#e6f4ea;color:#188038;font-size:32px}.complete-screen h1{font-size:30px;font-weight:500;margin:0 0 12px}.complete-screen p{color:#6f7378;font-size:14px}@keyframes enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(min-width:700px){body{background:#e7e8ec}.app-shell{margin:24px auto;border-radius:12px;box-shadow:0 1px 4px #0001}.dark-stage{padding:24px}.review-modal{border-radius:14px;box-shadow:0 12px 40px #0006}}@media(max-width:520px){.review-modal{height:100dvh}.review-scroll{padding-left:14px;padding-right:14px}}
:root{--red:#1a73e8}.intro-icon{background:#e8f0fe;color:#1a73e8}.header-mark{background:#5f6368!important}html,body{background:#fff}.app-shell{width:min(100%,720px);margin:0 auto;background:transparent;border-radius:0;box-shadow:none}@media(min-width:700px){body{background:#fff}.app-shell{margin:0 auto;background:transparent;border-radius:0;box-shadow:none}}