: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}.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}