:root{--bg:#f6f5ef;--ink:#18302b;--paper:#fffefa;--green:#28695e;--soft:#e7efea;--muted:#6c7973;--line:#d9ddd4;--red:#b4473e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-header{height:68px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe1da;background:#f6f5efe8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border-radius:10px 10px 10px 3px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:21px}.privacy-note{color:#5d6d67;font-size:12px;font-weight:700}.page-shell{width:min(1120px,calc(100% - 40px));margin:0 auto}.intro{text-align:center;padding:76px 20px 40px;position:relative}.intro:before{content:"";width:330px;height:330px;border-radius:50%;position:absolute;background:#e3ebdf;opacity:.56;top:-105px;left:50%;transform:translateX(-50%);z-index:-1}.eyebrow{margin:0 0 18px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.06em}.intro h1{margin:0;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(40px,6vw,68px);line-height:1.17;letter-spacing:-.055em}.intro h1 em{color:var(--green);font-style:normal;position:relative}.intro h1 em:after{content:"";position:absolute;height:8px;left:3px;right:2px;bottom:2px;background:#edc885;opacity:.55;z-index:-1;border-radius:99px}.intro-copy{max-width:660px;margin:22px auto 0;line-height:1.9;color:#5e6c67;font-size:15px}.feature-row{margin-top:22px;display:flex;gap:22px;justify-content:center;color:#53615c;font-size:12px;font-weight:700}.upload-panel{max-width:780px;margin:20px auto 90px;padding:40px;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 70px #20372f14;text-align:center}.step-label{color:var(--green);font-size:10px;letter-spacing:.15em;font-weight:900}.upload-panel h2,.result-toolbar h2{margin:8px 0 7px;font-size:23px;letter-spacing:-.025em}.upload-panel>p{margin:0;color:var(--muted);font-size:13px}.drop-zone{width:100%;min-height:272px;margin-top:26px;border:1.5px dashed #9fb7ad;background:#f7faf6;color:var(--ink);border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.2s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--green);background:#edf5f0;transform:translateY(-1px)}.drop-zone.busy{pointer-events:none;opacity:.7}.upload-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#dfece5;color:var(--green);margin-bottom:16px;font-size:30px}.drop-zone strong{font-size:17px}.drop-zone>span:not(.upload-icon){color:#708079;margin-top:6px;font-size:13px}.drop-zone small{margin-top:18px;padding-top:14px;width:220px;border-top:1px solid #dfe6df;color:#89938f;font-size:10px}.sample-row{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:13px;color:#75807b;font-size:12px}.button{min-height:38px;padding:8px 14px;border-radius:9px;font-size:13px;font-weight:750;transition:.15s}.button.outline{border:1px solid var(--line);background:#fff;color:var(--ink)}.button.primary{border:1px solid var(--green);background:var(--green);color:#fff}.button:hover{transform:translateY(-1px);filter:brightness(.97)}.button:disabled{cursor:wait;opacity:.65}.error-message{max-width:780px;margin:16px auto 0!important;padding:10px 14px;background:#fae9e7;border-radius:8px;color:#963b34!important;font-size:12px!important}.result-area{padding:28px 0 85px;scroll-margin-top:76px}.result-toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin:0 auto 24px;max-width:980px}.result-toolbar h2{margin-bottom:4px}.result-toolbar p{margin:0;color:#78827e;font-size:12px}.toolbar-actions{display:flex;gap:9px}.toolbar-actions button{height:42px;padding-inline:16px}.report-paper{width:min(980px,100%);margin:0 auto;padding:58px;background:#fdfdf9;border:1px solid #dfe1da;box-shadow:0 16px 65px #1d302a14}.report-cover{min-height:220px;padding:32px 36px;background:#1e554c;color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.report-cover:after{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-125px;border:45px solid #ffffff12;border-radius:50%}.report-cover p{margin:0 0 12px;color:#bfd6cf;text-transform:uppercase;letter-spacing:.18em;font-size:9px;font-weight:800}.report-cover input{display:block;width:min(600px,65vw);padding:0;border:0;border-bottom:1px dashed transparent;outline:0;background:transparent;color:#fff;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(28px,4vw,44px);line-height:1.3;font-weight:700;letter-spacing:-.04em}.report-cover input:hover,.report-cover input:focus{border-bottom-color:#ffffff80}.report-cover span{display:block;margin-top:22px;color:#c3d5d0;font-size:11px}.report-stamp{width:100px;height:100px;border:1px solid #ffffff40;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;position:relative;z-index:2}.report-stamp b{font-size:24px}.report-stamp span{margin:0;text-align:center;color:#fff;font-size:9px;line-height:1.4;letter-spacing:.09em}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}.summary-grid>div{min-height:116px;padding:22px 26px;border-right:1px solid var(--line)}.summary-grid>div:last-child{border-right:0}.summary-grid span{display:block;color:#74817c;font-size:11px;font-weight:700}.summary-grid strong{font-size:38px;font-family:Georgia,"Yu Mincho",serif;color:var(--green);line-height:1.4}.summary-grid small{padding-left:4px;color:#65716d}.report-section-head{margin:58px 0 22px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #203d37;padding-bottom:14px}.report-section-head span{color:var(--green);letter-spacing:.14em;font-size:8px;font-weight:900}.report-section-head h2{margin:4px 0 0;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:24px}.report-section-head p{margin:0;color:#818a86;font-size:10px}.question-stack{display:grid;gap:18px}.report-card{background:#fff;border:1px solid var(--line);padding:26px;break-inside:avoid}.question-head{display:flex;gap:14px;align-items:flex-start}.question-number{color:#b7beb9;font-family:Georgia,serif;font-size:12px;font-style:italic;padding-top:3px}.question-main{min-width:0;flex:1}.question-main h3{margin:0;font-size:16px;line-height:1.55}.question-meta{display:flex;gap:10px;align-items:center;margin-top:8px;color:#7b8581;font-size:10px}.question-meta span{padding:3px 8px;border-radius:99px;background:var(--soft);color:var(--green);font-weight:750}.question-meta b{font-weight:500}.average-pill{min-width:76px;background:#edf3ef;border-radius:8px;padding:8px 13px;text-align:right}.average-pill span{display:block;color:#6f7d77;font-size:8px}.average-pill strong{color:var(--green);font-family:Georgia,serif;font-size:24px}.chart-split{display:grid;grid-template-columns:minmax(230px,.85fr) 1.15fr;align-items:center;gap:25px;margin-top:20px}.donut{width:180px;height:180px;margin:auto;border-radius:50%;background:conic-gradient(var(--slices));display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;width:108px;height:108px;border-radius:50%;background:#fff}.donut>span{z-index:1;font:700 27px Georgia;color:var(--green);text-align:center}.donut small{display:block;margin-top:2px;color:#7d8984;font:500 9px sans-serif}.legend-list{display:grid;gap:7px}.legend-row{display:grid;grid-template-columns:9px 1fr 28px 43px;align-items:center;gap:8px;border-bottom:1px solid #eef0eb;padding:7px 0;font-size:10px}.legend-row i{width:7px;height:7px;border-radius:2px}.legend-row strong{text-align:right}.legend-row em{color:#79837f;text-align:right;font-style:normal}.bar-list{display:grid;gap:11px;margin-top:24px}.bar-row{display:grid;grid-template-columns:130px 1fr 80px;gap:11px;align-items:center;font-size:10px}.bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row>div{height:22px;background:#edf0ec;border-radius:0 5px 5px 0}.bar-row i{display:block;height:100%;min-width:3px;background:var(--green);border-radius:0 5px 5px 0}.bar-row strong{text-align:right}.bar-row small{color:#7d8984;font-weight:500}.comment-list{display:grid;gap:8px;margin-top:20px}.comment-list blockquote{margin:0;display:flex;gap:10px;align-items:flex-start;padding:13px 15px;background:#f5f7f3;border-left:3px solid #afc9bc;color:#42534d;font-size:11px;line-height:1.7}.comment-list blockquote b{color:var(--green);font-size:20px}.comment-list p{margin:0}.show-all{width:100%;margin-top:16px;padding:13px;border:1px solid #cdd6d0;background:transparent;color:var(--green);font-size:12px;font-weight:800}.report-footer{border-top:1px solid var(--line);margin-top:38px;padding-top:13px;display:flex;justify-content:space-between;color:#939a96;font-size:8px}.report-footer span:first-child{color:var(--green);font-weight:900}.how-it-works{max-width:930px;margin:10px auto 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe1da;border:1px solid #dfe1da}.how-it-works>div{min-height:220px;padding:30px;position:relative;background:var(--bg)}.how-it-works>div>span{position:absolute;right:25px;top:22px;color:#c4c9c5;font-family:Georgia,serif;font-style:italic}.how-it-works b{display:block;color:var(--green);font-size:26px;margin:10px 0 22px}.how-it-works h3{margin:0 0 9px;font-family:"Yu Mincho",serif;font-size:18px}.how-it-works p{margin:0;color:#78817d;font-size:12px;line-height:1.8}.site-footer{min-height:130px;padding:36px max(24px,calc((100vw - 1120px)/2));background:#183e37;color:#fff;display:flex;justify-content:space-between;align-items:center}.site-footer strong{font-size:17px}.site-footer p{margin:4px 0 0;color:#b5cbc4;font-size:11px}[hidden]{display:none!important}
@media(max-width:720px){.privacy-note{font-size:0}.privacy-note span{font-size:18px}.page-shell{width:min(100% - 24px,1120px)}.intro{padding:48px 4px 28px}.intro h1{font-size:39px}.intro-copy{font-size:13px}.feature-row{gap:10px;flex-wrap:wrap}.upload-panel{padding:24px 16px;margin-bottom:58px}.drop-zone{min-height:240px}.sample-row{flex-direction:column}.result-toolbar{align-items:flex-start;gap:18px;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions button{flex:1;padding-inline:8px}.report-paper{padding:16px}.report-cover{min-height:190px;padding:25px 20px}.report-cover input{width:100%;font-size:27px}.report-stamp{display:none}.summary-grid>div{min-height:92px;padding:16px 13px}.summary-grid strong{font-size:28px}.report-section-head{margin-top:42px}.report-section-head p{display:none}.report-card{padding:19px 14px}.question-number{display:none}.question-meta{flex-wrap:wrap}.chart-split{grid-template-columns:1fr}.bar-row{grid-template-columns:90px 1fr 62px}.bar-row small{display:none}.how-it-works{grid-template-columns:1fr}.how-it-works>div{min-height:170px}.site-footer{flex-direction:column;align-items:flex-start;gap:18px}}
@media print{.app-header,.intro,.result-toolbar,.how-it-works,.site-footer,.show-all{display:none!important}.page-shell,.result-area,.report-paper{width:100%;margin:0;padding:0;border:0;box-shadow:none}}