:root{--color-safe:#22c55e;--color-danger:#ef4444;--color-uncertain:#f59e0b;--color-bg:#fff;--color-surface:#f5f5f5;--color-text:#1a1a1a;--color-text-sec:#6b7280;--color-text-inv:#fff;--color-border:#e5e7eb;--color-brand:#1a1a1a;--font:"Inter", system-ui, sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:16px;--sp-4:24px;--sp-5:32px;--sp-6:48px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}@media (width>=768px){body{background:#f0f0f0;justify-content:center;display:flex}#root{width:480px;max-height:100vh;overflow:hidden;box-shadow:0 0 40px #00000026}}.screen{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.btn-back{top:calc(var(--safe-top) + 12px);left:var(--sp-3);cursor:pointer;z-index:10;width:44px;height:44px;color:var(--color-text-inv);background:#00000026;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute}.btn-primary{width:100%;padding:16px var(--sp-3);font-family:var(--font);color:var(--color-text-inv);background:var(--color-brand);cursor:pointer;border:none;border-radius:12px;min-height:54px;font-size:16px;font-weight:600;display:block}.btn-primary:active{opacity:.85}.btn-secondary{width:100%;padding:14px var(--sp-3);font-family:var(--font);color:var(--color-brand);border:2px solid var(--color-brand);cursor:pointer;background:0 0;border-radius:12px;min-height:54px;font-size:16px;font-weight:600;display:block}.btn-ghost{font-family:var(--font);color:var(--color-text-sec);cursor:pointer;padding:var(--sp-2) var(--sp-3);background:0 0;border:none;font-size:14px;text-decoration:underline}.toast{bottom:calc(var(--safe-bottom) + 24px);background:var(--color-text);color:var(--color-text-inv);text-align:center;z-index:100;border-radius:10px;width:calc(100% - 48px);max-width:320px;padding:12px 20px;font-size:14px;font-weight:500;animation:.2s slideUp;position:fixed;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.sheet-backdrop{z-index:50;background:#00000080;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.sheet{background:var(--color-bg);width:100%;max-width:480px;padding:var(--sp-5) var(--sp-5) calc(var(--safe-bottom) + var(--sp-5));border-radius:20px 20px 0 0;margin:0 auto;animation:.25s slideSheet}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:var(--color-border);width:36px;height:4px;margin:0 auto var(--sp-4);border-radius:2px}.sheet h2{color:var(--color-text);margin-bottom:var(--sp-2);font-size:22px;font-weight:800;line-height:1.3}.sheet p{color:var(--color-text-sec);margin-bottom:var(--sp-4);font-size:15px;line-height:1.6}.sheet-close{top:20px;right:var(--sp-4);background:var(--color-surface);cursor:pointer;width:32px;height:32px;color:var(--color-text-sec);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute}.disclaimer{color:var(--color-text-sec);text-align:center;padding:var(--sp-2) var(--sp-3);opacity:.85;font-size:12px}.verdict-screen{padding:calc(var(--safe-top) + 64px) var(--sp-5) calc(var(--safe-bottom) + 24px);flex-direction:column;justify-content:space-between;animation:.2s verdictIn;display:flex;overflow-y:auto}@keyframes verdictIn{0%{opacity:0}to{opacity:1}}.verdict-safe{background:var(--color-safe)}.verdict-dont{background:var(--color-danger)}.verdict-uncertain{background:var(--color-surface)}.verdict-lang{top:calc(var(--safe-top) + 12px);right:var(--sp-3);z-index:10;position:absolute}.btn-back-onColor{color:var(--color-text);background:#00000026}.verdict-body{gap:var(--sp-3);padding-top:var(--sp-3);flex-direction:column;flex:1;display:flex}.verdict-main{color:var(--color-text);letter-spacing:-1.2px;margin:0;font-size:44px;font-weight:800;line-height:1.05}.verdict-time{color:var(--color-text);letter-spacing:-.3px;font-size:22px;font-weight:600;line-height:1.35}.verdict-subhead{color:var(--color-text);letter-spacing:-.2px;margin-top:2px;font-size:18px;font-weight:700;line-height:1.4}.verdict-rule{padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-2);background:#fffffff5;border-radius:14px}.verdict-rule-label{color:var(--color-text-sec);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:11px;font-weight:700}.verdict-rule-text{color:var(--color-text);font-size:17px;font-weight:500;line-height:1.55}.verdict-footer{gap:var(--sp-2);flex-direction:column;align-items:center;display:flex}.btn-share{width:100%;font-family:var(--font);color:var(--color-text);cursor:pointer;background:#fffffff5;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:14px;font-size:16px;font-weight:700;display:flex}.btn-share:active{background:#ffffffd9}.feedback-q{color:var(--color-text);opacity:.85;margin-top:var(--sp-2);font-size:13px;font-weight:600}.verdict-screen .feedback-row{padding:var(--sp-1) 0}.verdict-screen .disclaimer{color:var(--color-text);opacity:.7;text-align:center;padding:var(--sp-1) 0;margin-top:4px;font-size:12px}.verdict-uncertain .verdict-rule{background:var(--color-bg);border:1px solid var(--color-border)}.verdict-uncertain .verdict-rule-label{color:var(--color-text-sec)}.verdict-uncertain .verdict-rule-text{color:var(--color-text)}.verdict-uncertain .btn-back-onColor{background:var(--color-surface)}.feedback-row{justify-content:center;gap:var(--sp-3);padding:var(--sp-3);display:flex}.btn-feedback{cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:background .15s;display:flex}.btn-feedback.active{background:#fff6}.btn-feedback-neutral{background:var(--color-surface)}.btn-feedback-neutral.active-up{background:#dcfce7}.btn-feedback-neutral.active-down{background:#fee2e2}.btn-feedback-onColor{background:#fffffff5}.btn-feedback-onColor.active{background:#fff;box-shadow:0 0 0 2px #00000040}
