:root{--paper:#faf8f4;--paper-2:#f1ede6;--ink:#1f1d1a;--ink-2:#4a463f;--muted:#7a746b;--line:#e2dcd2;--red:#c8102e;--red-soft:#fbe9ec;--orange:#e0562a;--blue:#1f5fbf;--blue-soft:#e7eefb;--good:#2f7d4f;--radius:14px;--shadow:0 1px 2px #1f1d1a0f, 0 8px 24px #1f1d1a0f;--sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, -apple-system, sans-serif;--serif:"Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100dvh;margin:0;font-size:15px;line-height:1.7}a{color:inherit}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}h1,h2,h3{margin:0 0 .5em;font-weight:700;line-height:1.35}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .9em}[hidden]{display:none!important}.shell{max-width:820px;padding:0 16px calc(84px + env(safe-area-inset-bottom));margin:0 auto}.top{justify-content:space-between;align-items:center;gap:12px;padding:18px 0 12px;display:flex}.brand{align-items:baseline;gap:10px;text-decoration:none;display:flex}.brand-mark{font-family:var(--serif);letter-spacing:.02em;padding-right:14px;font-size:1.7rem;font-style:italic;position:relative}.brand-mark:after{content:"";background:var(--red);border-radius:50%;width:9px;height:9px;position:absolute;top:.2em;right:0}.brand-sub{color:var(--muted);white-space:nowrap;font-size:.8rem}@media (width<=430px){.brand-sub{display:none}}.chip{background:var(--paper-2);color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.78rem}.chip.warn{background:var(--red-soft);color:var(--red)}.tabs{padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:20;background:#faf8f4eb;justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs a{text-align:center;max-width:200px;color:var(--muted);border-radius:10px;flex:1;padding:8px 6px;font-size:.82rem;text-decoration:none}.tabs a.active{color:var(--ink);background:var(--paper-2);font-weight:700}.banner{border:1px solid var(--line);border-left:4px solid var(--red);background:#fff;border-radius:10px;margin:8px 0 16px;padding:12px 14px;font-size:.9rem}.hero{padding:14px 0 6px}.hero h1{font-family:var(--serif);font-size:1.65rem;font-weight:600}.hero p{color:var(--ink-2)}.section-title{align-items:baseline;gap:10px;margin:26px 0 10px;display:flex}.section-title small{color:var(--muted);font-size:.8rem}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(3,1fr)}}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;text-decoration:none;transition:transform .12s;display:block;overflow:hidden}.card:active{transform:scale(.98)}.card img{aspect-ratio:4/3;object-fit:cover;background:#ddd;width:100%}.card-body{padding:10px 12px 12px}.card-title{font-size:.95rem;font-weight:700}.card-meta{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:.75rem;display:flex}.level{background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:1px 7px;font-size:.7rem;display:inline-block}.level-3{color:var(--red);background:#f3e5e8}.card-custom{text-align:center;box-shadow:none;color:var(--ink-2);background:0 0;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:150px;padding:22px 14px;display:flex}.card-custom strong{color:var(--ink)}.card-custom small{color:var(--muted);font-size:.75rem}.motif-hero{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:#ddd;overflow:hidden}.motif-hero img{width:100%}.motif-head{margin:14px 0 4px}.motif-head h1{margin-bottom:4px}.meta-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin:16px 0;padding:16px}.panel h2{font-size:1.05rem}.hint-list{color:var(--ink-2);margin:0;padding-left:1.2em}.drop{border:2px dashed var(--line);background:var(--paper);cursor:pointer;border-radius:12px;min-height:150px;display:block;position:relative;overflow:hidden}.drop:focus-within,.drop.has-image{border-color:var(--ink-2)}.drop-empty{min-height:150px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;font-size:.85rem;display:flex}.drop-empty strong{color:var(--ink);font-size:1rem}.drop img{object-fit:contain;background:#f2f0eb;width:100%;max-height:60vh}.drop .change{color:#fff;background:#1f1d1abf;border-radius:999px;padding:4px 10px;font-size:.75rem;position:absolute;bottom:8px;right:8px}.field{color:var(--ink-2);margin:12px 0;font-size:.88rem;display:block}.field input[type=number],.field input[type=text],.field textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;margin-top:4px;padding:10px 12px;display:block}.field textarea{resize:vertical;min-height:72px}.row{align-items:flex-end;gap:12px;display:flex}.row .field{flex:1}.timer{align-items:center;gap:10px;margin:6px 0 2px;font-size:.85rem;display:flex}.timer .clock{font-family:var(--serif);font-variant-numeric:tabular-nums;min-width:5ch;font-size:1.4rem}.btn{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:9px 14px;font-size:.9rem}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink);border-radius:12px;width:100%;padding:14px;font-size:1.02rem;font-weight:700}.btn.primary:disabled{opacity:.45;cursor:not-allowed}.btn.danger{color:var(--red)}.btn.small{padding:5px 10px;font-size:.8rem}.hint{color:var(--muted);font-size:.8rem}.error{color:var(--red);background:var(--red-soft);border-radius:10px;padding:10px 12px;font-size:.88rem}.waiting{text-align:center;padding:26px 0}.spinner{border:4px solid var(--line);border-top-color:var(--red);border-radius:50%;width:46px;height:46px;margin:0 auto 16px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.waiting-thumb{border:1px solid var(--line);opacity:.85;border-radius:10px;max-width:220px;margin:18px auto 0}.result-head{grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:10px 0 6px;display:grid}.score{font-family:var(--serif);white-space:nowrap;border-right:1px solid var(--line);align-items:baseline;gap:4px;padding-right:4px;display:flex}.score-num{color:var(--red);font-size:3rem;font-weight:600;line-height:1}.score-denom{color:var(--muted);font-size:.95rem}.grade{font-family:var(--sans);background:var(--paper-2);color:var(--ink-2);border-radius:8px;align-self:center;margin-left:6px;padding:2px 10px;font-size:1.05rem;font-weight:800}.grade-S,.grade-A{background:var(--red-soft);color:var(--red)}.result-head h1{font-size:1.3rem;font-family:var(--serif);margin:4px 0 2px;font-weight:600}.motif-name{color:var(--muted);margin:0;font-size:.82rem}.teacher-note{font-family:var(--serif);color:var(--red);border-left:3px solid var(--red);margin:10px 0 18px;padding:4px 12px;font-size:1.05rem}.redink{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:#efede8;position:relative;overflow:hidden}.redink img{width:100%;display:block}.redink canvas{cursor:pointer;touch-action:manipulation;width:100%;height:100%;position:absolute;inset:0}.redink-tools{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:10px 0 6px;font-size:.8rem;display:flex}.legend{flex-wrap:wrap;gap:10px;display:flex}.legend span:before{content:"";background:var(--c);vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.notes{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.note{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:30px 1fr;gap:10px;padding:10px 12px;display:grid}.note.selected{border-color:var(--c);box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 25%, transparent)}.note-n{background:var(--c);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-top:2px;font-size:.85rem;font-weight:800;display:flex}.note-title{flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:flex}.sev{color:#fff;background:var(--c);border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:600}.note p{color:var(--ink-2);margin:4px 0 0;font-size:.88rem}.note .fix{color:var(--ink)}.note .fix:before{content:"直し方: ";color:var(--red);font-weight:700}.compare{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.compare figure{margin:0}.compare img{aspect-ratio:1;object-fit:contain;border:1px solid var(--line);background:#efede8;border-radius:10px;width:100%}.compare figcaption{color:var(--muted);text-align:center;margin-top:4px;font-size:.75rem}.criteria{gap:10px;margin:8px 0 18px;display:grid}.crit{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px}.crit-head{justify-content:space-between;align-items:baseline;font-size:.92rem;font-weight:700;display:flex}.crit-head b{font-family:var(--serif);font-size:1.1rem}.bar{background:var(--paper-2);border-radius:999px;height:6px;margin:6px 0;overflow:hidden}.bar i{background:var(--red);border-radius:999px;height:100%;display:block}.crit p{color:var(--ink-2);margin:4px 0 0;font-size:.85rem}.summary p{font-size:.95rem}.lists h3{margin:14px 0 4px;font-size:.95rem}.lists ul,.lists ol{color:var(--ink-2);margin:0;padding-left:1.3em}.next{background:var(--red-soft);border-radius:12px;margin-top:10px;padding:12px 14px}.next h3{color:var(--red);margin:0 0 4px}.next p{margin:0}.result-actions{flex-wrap:wrap;gap:8px;margin:22px 0 10px;display:flex}.result-actions .btn{text-decoration:none}.invalid{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px}.hist{gap:10px;display:grid}.hist-item{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:84px 1fr auto;align-items:center;gap:12px;padding:8px;text-decoration:none;display:grid}.hist-item img{object-fit:cover;background:#efede8;border-radius:8px;width:84px;height:84px}.hist-title{font-size:.92rem;font-weight:700}.hist-sub{color:var(--muted);font-size:.78rem}.hist-score{font-family:var(--serif);color:var(--red);padding-right:6px;font-size:1.6rem}.hist-score small{color:var(--muted);font-size:.75rem;font-family:var(--sans)}.trend{width:100%;height:80px;margin:6px 0 14px}.empty{text-align:center;color:var(--muted);padding:40px 0}.about h2{margin-top:22px}.about p,.about li{color:var(--ink-2);font-size:.93rem}footer.site{color:var(--muted);border-top:1px solid var(--line);margin-top:30px;padding-top:12px;font-size:.75rem}footer.site a{color:var(--muted)}