.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;padding:20px}.login-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 35px #0003;text-align:center;max-width:400px;width:100%}.clown-icon{font-size:4em;margin-bottom:20px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.login-card h1{color:#333;margin-bottom:15px;font-size:2em}.login-description{color:#666;margin-bottom:30px;line-height:1.5}.google-signin-container{display:flex;justify-content:center;margin-bottom:20px}#google-signin-button{display:flex;justify-content:center}.login-note{color:#888;margin-top:15px}.login-note small{font-size:.9em}@media (max-width: 768px){.login-container{padding:15px;align-items:flex-start;padding-top:10vh}.login-card{padding:30px 25px;border-radius:15px;max-width:none;margin:0}.clown-icon{font-size:3em;margin-bottom:15px}.login-card h1{font-size:1.6em;margin-bottom:10px}.login-description{font-size:.95em;margin-bottom:25px;line-height:1.4}.google-signin-container{margin-bottom:15px}#google-signin-button{max-width:100%}.login-note small{font-size:.85em;line-height:1.3}}@media (max-width: 480px){.login-container{padding:10px;padding-top:8vh}.login-card{padding:25px 20px;border-radius:12px}.clown-icon{font-size:2.5em;margin-bottom:12px}.login-card h1{font-size:1.4em;margin-bottom:8px}.login-description{font-size:.9em;margin-bottom:20px}}.clown-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8em;z-index:1000;pointer-events:none;animation:clownBounce 1.5s ease-in-out}@keyframes clownBounce{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(180deg)}to{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(360deg)}}.reason-management{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:15px;border:1px solid #dee2e6}.reason-management h3{margin:0 0 20px;color:#333;text-align:center}.add-reason-section{display:flex;gap:10px;margin-bottom:20px}.reason-input{flex:1;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:1em}.reason-input:focus{outline:none;border-color:#667eea}.reason-input:disabled{background:#f5f5f5;cursor:not-allowed}.add-reason-btn{background:#27ae60;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1em;transition:background .2s;white-space:nowrap}.add-reason-btn:hover:not(:disabled){background:#219a52}.add-reason-btn:disabled{background:#95a5a6;cursor:not-allowed}.reason-list{display:flex;flex-direction:column;gap:10px}.empty-state{text-align:center;color:#666;padding:20px;font-style:italic}.reason-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:10px;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.reason-text{flex:1;color:#333;font-size:.95em}.delete-reason-btn{background:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85em;transition:background .2s}.delete-reason-btn:hover:not(:disabled){background:#c0392b}.delete-reason-btn:disabled{background:#95a5a6;cursor:not-allowed}@media (max-width: 600px){.add-reason-section{flex-direction:column}.reason-item{flex-direction:column;gap:10px;align-items:stretch}.delete-reason-btn{align-self:flex-end}}.records-list{margin-top:30px}.records-list h3{color:#333;margin-bottom:20px;text-align:center}.empty-records{text-align:center;padding:40px 20px;color:#666}.empty-icon{font-size:3em;margin-bottom:15px}.empty-records p{font-size:1.1em;line-height:1.5}.records-container{max-height:400px;overflow-y:auto;border:1px solid #e9ecef;border-radius:10px;background:#fafafa}.record-item{background:#fff;margin:8px;padding:15px;border-radius:10px;border-left:4px solid #667eea;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.record-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.record-number{font-weight:700;color:#667eea;font-size:1.1em}.record-time{color:#666;font-size:.9em}.record-reason{display:flex;align-items:flex-start;gap:8px}.reason-label{color:#888;font-size:.9em;flex-shrink:0}.reason-text{color:#333;font-size:.95em;line-height:1.4;flex:1}.more-records{text-align:center;padding:15px;color:#666;font-style:italic;border-top:1px solid #e9ecef;background:#f8f9fa;margin:0 8px 8px;border-radius:0 0 6px 6px}.records-container::-webkit-scrollbar{width:6px}.records-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.records-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.records-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 600px){.record-header{flex-direction:column;align-items:flex-start;gap:5px}.record-reason{flex-direction:column;gap:5px}.records-container{max-height:300px}}.stats-display{margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:25px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:15px;text-align:center;box-shadow:0 4px 15px #667eea4d}.stat-number{font-size:2.5em;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9em;opacity:.9}.top-reasons{background:#f8f9fa;border-radius:15px;padding:20px;margin-top:20px}.top-reasons h4{margin:0 0 15px;color:#333;text-align:center}.reasons-list{display:flex;flex-direction:column;gap:10px}.reason-stat{display:flex;align-items:center;padding:10px;background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a}.reason-rank{background:#667eea;color:#fff;font-weight:700;padding:4px 8px;border-radius:50%;font-size:.8em;min-width:25px;text-align:center;margin-right:12px}.reason-text{flex:1;color:#333;font-size:.9em}.reason-count{background:#e74c3c;color:#fff;padding:4px 10px;border-radius:12px;font-size:.8em;font-weight:700}@media (max-width: 600px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{padding:15px 10px}.stat-number{font-size:2em}.stat-label{font-size:.8em}}.dashboard{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px}.container{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0003;max-width:600px;width:100%;margin-top:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.user-info{display:flex;align-items:center;gap:15px}.avatar{width:50px;height:50px;border-radius:50%;border:2px solid #667eea}.user-info h2{margin:0;color:#333;font-size:1.5em}.user-info p{margin:5px 0 0;color:#666;font-size:.9em}.logout-btn{background:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9em;transition:background .2s}.logout-btn:hover{background:#c0392b}.reason-section{margin:20px 0;text-align:left}.reason-select{width:100%;padding:12px;border:2px solid #ddd;border-radius:10px;font-size:1.1em;margin:10px 0;background:#fff}.reason-select:focus{outline:none;border-color:#667eea}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.record-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:15px 30px;font-size:1.2em;border-radius:50px;cursor:pointer;transition:transform .2s;flex:1;min-width:200px}.record-btn:hover{transform:scale(1.05)}.record-btn:active{transform:scale(.95)}.toggle-management-btn{background:#9b59b6;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;transition:background .2s}.toggle-management-btn:hover{background:#8e44ad}.clear-btn{background:#95a5a6;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;transition:background .2s}.clear-btn:hover{background:#7f8c8d}.warning{color:#e74c3c;font-size:.9em;margin-top:5px}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#fff}.loading-spinner{font-size:4em;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{margin-top:20px;font-size:1.2em}@media (max-width: 768px){.dashboard{padding:15px;align-items:stretch}.container{padding:25px 20px;margin-top:10px;border-radius:15px}.header{flex-direction:column;gap:15px;text-align:center;margin-bottom:25px}.user-info{flex-direction:column;gap:10px}.avatar{width:60px;height:60px}.user-info h2{font-size:1.3em}.action-buttons{flex-direction:column;gap:15px}.record-btn{min-width:auto;padding:18px 25px;font-size:1.1em}.toggle-management-btn,.clear-btn{padding:12px 20px;font-size:1em}}@media (max-width: 480px){.dashboard{padding:10px}.container{padding:20px 15px;border-radius:12px}.user-info h2{font-size:1.2em}.user-info p{font-size:.85em}.record-btn{padding:16px 20px;font-size:1em}.reason-select{padding:15px 12px;font-size:1em}}.app{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;min-height:100dvh;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{box-sizing:border-box}input,textarea,.selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#root{width:100%;min-height:100vh;min-height:100dvh}@media screen and (max-width: 768px){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}