*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-text: #222;--color-white: #fff;--color-muted: #666;--color-border: #ddd;--color-positive: #ff00cc;--color-negative: #00ffdd}body{font-size:16px;line-height:1.6;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;color:var(--color-text);display:flex;justify-content:center;background-color:var(--color-white)}main.app-root{width:100%;max-width:720px;padding:32px 20px 48px}.app-title{font-size:24px;margin-bottom:8px}.app-lead{color:var(--color-muted);margin-bottom:20px}.hint{font-size:14px;color:var(--color-muted);margin-bottom:12px}.hint.error{color:#b00020}.toolbar{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap}.status-label{width:100%;display:flex;justify-content:space-between}.sentiments{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.sentiment{display:inline-block;width:40px;height:40px;background:red}.sentiment-1{background-color:color-mix(in srgb,var(--color-positive) 40%,transparent)}.sentiment-2{background-color:color-mix(in srgb,color-mix(in srgb,var(--color-negative) 20%,var(--color-positive) 80%) 40%,transparent)}.sentiment-3{background-color:color-mix(in srgb,color-mix(in srgb,var(--color-negative) 50%,var(--color-positive) 50%) 40%,transparent)}.sentiment-4{background-color:color-mix(in srgb,color-mix(in srgb,var(--color-negative) 70%,var(--color-positive) 30%) 40%,transparent)}.sentiment-5{background-color:color-mix(in srgb,var(--color-negative) 40%,transparent)}button{font:inherit;padding:10px 16px;border-radius:8px;border:1px solid var(--color-border);background:#fafafa;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.lang-toggle{display:flex;flex-direction:column;gap:6px;align-items:flex-end;margin-bottom:16px}.lang-toggle__row{display:flex;align-items:center;gap:10px}.lang-toggle__caption{font-size:13px;color:var(--color-muted)}.lang-toggle__caption--active{color:var(--color-text);font-weight:600}.lang-toggle__switch{position:relative;width:48px;height:26px;padding:0;border-radius:999px;border:1px solid var(--color-border);background:#e8e8e8;cursor:pointer;flex-shrink:0}.lang-toggle__switch:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.lang-toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--color-white);border:1px solid var(--color-border);box-shadow:0 1px 2px #0000001f;transition:translate .15s ease;pointer-events:none;translate:22px 0}.lang-toggle__thumb[data-on=true]{translate:0}.review-list{list-style:none;display:grid;gap:16px}.review-card{border:1px solid var(--color-border);border-radius:10px;padding:14px 16px;background:#fff}.review-meta{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--color-muted);margin-bottom:8px}.review-body{white-space:pre-wrap;word-break:break-word}::highlight(sentiment-1){background-color:color-mix(in srgb,var(--color-negative) 40%,transparent)}::highlight(sentiment-2){background-color:color-mix(in srgb,color-mix(in srgb,var(--color-negative) 70%,var(--color-positive) 30%) 40%,transparent)}::highlight(sentiment-3){background-color:color-mix(in srgb,color-mix(in srgb,var(--color-negative) 50%,var(--color-positive) 50%) 40%,transparent)}::highlight(sentiment-4){background-color:color-mix(in srgb,color-mix(in srgb,var(--color-negative) 20%,var(--color-positive) 80%) 40%,transparent)}::highlight(sentiment-5){background-color:color-mix(in srgb,var(--color-positive) 40%,transparent)}.error-message{color:#b00020;padding:12px 16px;border:1px solid #b00020;border-radius:8px;margin-bottom:16px;background-color:color-mix(in srgb,#b00020 10%,transparent)}.full-screen-loading{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--color-white) 70%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.full-screen-loading__spinner{width:30px;height:30px;box-sizing:border-box;border:2px solid color-mix(in srgb,var(--color-muted) 35%,transparent);border-top-color:var(--color-text);border-radius:50%;animation:loading-spin 1.2s cubic-bezier(.65,0,.35,1) infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}