@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap);.statistics-container{background:#fffffff2;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px 0;padding:20px}.statistics-header{margin-bottom:20px}.statistics-header h2{color:#2c3e50;font-size:28px;margin:0}.statistics-tabs{border-bottom:2px solid #ecf0f1;display:flex;gap:10px;margin-bottom:20px}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:all .3s ease}.tab-button:hover{background:#3498db0d;color:#3498db}.tab-button.active{border-bottom-color:#3498db;color:#2c3e50}.statistics-overview{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.stat-card:first-child{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(2){background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card:nth-child(3){background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-card:nth-child(4){background:linear-gradient(135deg,#fa709a,#fee140)}.stat-icon{font-size:36px}.stat-content{flex:1 1}.stat-value{font-size:32px;font-weight:700;line-height:1}.stat-label{color:#0d17b0;font-size:14px;margin-top:5px;opacity:.9}.statistics-content{color:#0d17b0;padding:20px;text-align:center}.statistics-loading{color:#7f8c8d;font-size:18px;padding:40px;text-align:center}.statistics-empty{color:#95a5a6;padding:60px 20px;text-align:center}.statistics-empty p{font-size:18px;margin:0}@media (max-width:768px){.statistics-overview{grid-template-columns:1fr}.stat-card{padding:15px}.stat-icon{font-size:28px}.stat-value{font-size:24px}}*{box-sizing:border-box;margin:0;padding:0}body{align-items:flex-start;background-color:#2c3e50;color:#ecf0f1;display:flex;font-family:Noto Sans SC,Caveat,cursive,sans-serif;justify-content:center;min-height:100vh;padding:10px}.container{background-color:#34495e;border:5px solid #555;border-radius:10px;box-shadow:5px 5px 15px #00000080;margin:20px auto;max-width:3000px;overflow:hidden;padding:30px;width:95%}.header{text-align:center}.header h1{color:#f1c40f;font-size:3.5em;line-height:1.2;margin-bottom:15px}.date-display{background-color:#ffffff1a;border:2px solid #ffffff80;border-radius:30px;color:#ecf0f1;display:inline-block;font-size:1.8em;font-weight:700;margin-top:15px;padding:10px 20px;transition:all .3s ease}.date-display.green{background-color:#2ecc711a;border-color:#2ecc71;color:#2ecc71}.date-display.red{background-color:#e74c3c1a;border-color:#e74c3c;color:#e74c3c}.content{padding:20px 0}.stats{background-color:#ffffff0d;border:1px solid #fff3;border-radius:10px;display:flex;justify-content:space-around;margin-bottom:40px;padding:20px}.stat-item{flex:1 1;margin:0 10px;text-align:center}.stat-number{color:#3498db;font-size:2.5em;font-weight:700;margin-bottom:5px}.stat-label{color:#0576c1;font-size:1.1em}.textarea-container{margin-bottom:30px;position:relative}textarea{background-color:#0003;border:2px dashed #bdc3c7;border-radius:10px;color:#ecf0f1;font-family:Noto Sans SC,Caveat,cursive,sans-serif;font-size:1.5em;line-height:1.8;min-height:350px;padding:25px;resize:vertical;transition:border-color .3s ease;width:100%}textarea::placeholder{color:#ecf0f199}textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db4d;outline:none}.progress-bar{background-color:#ffffff1a;border:1px solid #fff3;border-radius:5px;height:10px;margin-top:15px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#e74c3c,#f1c40f,#3498db,#2ecc71);border-radius:5px;height:100%;transition:width .3s ease;width:0}.progress-fill.complete{background:linear-gradient(90deg,#2ecc71,#27ae60)}.export-section{margin:30px 0;text-align:center}.export-btn{align-items:center;background:linear-gradient(45deg,#9b59b6,#8e44ad);border:2px dashed #ecf0f1;border-radius:30px;box-shadow:0 5px 15px #0006;color:#ecf0f1;cursor:pointer;display:inline-flex;font-family:Noto Sans SC,Caveat,cursive,sans-serif;font-size:1.5em;font-weight:700;gap:10px;padding:15px 40px;transition:all .3s ease}.export-btn:hover{background:linear-gradient(45deg,#8e44ad,#9b59b6);box-shadow:0 8px 20px #00000080;transform:translateY(-3px)}.export-btn:active{box-shadow:0 4px 10px #0000004d;transform:translateY(0)}.export-btn:disabled{background:#7f8c8d;border-color:#bdc3c7;box-shadow:none;color:#bdc3c7;cursor:not-allowed;transform:none}.tips{background-color:#f1c40f1a;border:2px dashed #f1c40f;border-radius:10px;color:#f1c40f;font-size:1.2em;margin-top:40px;padding:20px}.tips h3{color:#e67e22;font-size:1.8em;margin-bottom:15px}.tips ul{list-style:none;padding-left:0}.tips li{margin-bottom:10px;padding-left:25px;position:relative}.tips li:before{color:#e67e22;content:"✎";font-size:1.2em;left:0;position:absolute;top:-2px}.week-stats{background-color:#ffffff0d;border:2px dashed #ffffff4d;border-radius:10px;margin:40px 0;padding:25px}.week-stats h3{color:#3498db;font-size:2em;margin-bottom:20px;text-align:center}.week-stats h3:before{content:"📅";margin-right:10px}.week-days{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(7,1fr);margin-bottom:20px}.day-item{background-color:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;cursor:pointer;padding:15px 8px;position:relative;text-align:center;transition:all .3s ease}.day-item .day-name{color:#ecf0f1;font-size:1.3em;font-weight:700;margin-bottom:8px}.day-item .day-date{color:#bdc3c7;font-size:1.1em}.day-item.completed{background:linear-gradient(135deg,#2ecc714d,#27ae604d);border-color:#2ecc71;box-shadow:0 5px 15px #2ecc7166;transform:translateY(-3px)}.day-item.completed .day-date,.day-item.completed .day-name{color:#2ecc71}.day-item.incomplete{background-color:#ffffff0d;border-color:#ffffff4d}.day-item.incomplete .day-date,.day-item.incomplete .day-name{color:#95a5a6}.day-item.today{border:3px solid #3498db;box-shadow:0 0 15px #3498db80}.day-item.today .day-name{animation:twinkle 1.5s infinite}.day-item.viewing{background-color:#f39c121a;border:3px solid #f39c12;box-shadow:0 0 20px #f39c1299;transform:scale(1.05)}.day-item.viewing .day-name{animation:pulse 2s infinite;color:#f39c12}.day-item.viewing .day-date{color:#f39c12}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.7}}.week-progress{background-color:#f1c40f1a;border:2px dashed #f1c40f;border-radius:10px;color:#f1c40f;font-size:1.3em;margin-top:20px;padding:15px;text-align:center}.week-progress .progress-text{color:#2ecc71;font-size:1.4em;font-weight:700}.icon-diary:before{color:#f1c40f;content:"📖"}.title-star{vertical-align:middle}svg{height:0;position:absolute;width:0}.confetti-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.confetti{animation:confetti-fall 3s linear forwards;background:#f1c40f;height:10px;position:absolute;width:10px}@keyframes confetti-fall{to{opacity:0;transform:translateY(100vh) rotate(1turn)}}.celebration-text{animation:celebration-pop 2s ease-out forwards;color:#f1c40f;font-size:4em;left:50%;pointer-events:none;position:fixed;text-shadow:0 0 20px #f1c40fcc;top:50%;transform:translate(-50%,-50%);z-index:10000}@keyframes celebration-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.auth-container{margin:100px auto;max-width:600px;text-align:center}.auth-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#34495ecc;border:3px solid #fff3;border-radius:15px;margin:30px auto;padding:40px}.auth-box h2{color:#f1c40f;font-size:2.5em;margin-bottom:20px;text-shadow:2px 2px 4px #00000080}.auth-box p{color:#ecf0f1;font-size:1.2em;line-height:1.6;margin-bottom:30px}.auth-button{background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 4px 6px #0000004d;color:#fff;cursor:pointer;font-family:Noto Sans SC,sans-serif;font-size:1.2em;font-weight:700;margin:10px;padding:15px 40px;transition:all .3s ease}.auth-button:hover{background:linear-gradient(45deg,#2980b9,#1f6391);box-shadow:0 6px 8px #0006;transform:translateY(-2px)}.auth-button:active{box-shadow:0 2px 4px #0000004d;transform:translateY(0)}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#34495e;border:3px solid #fff3;border-radius:15px;max-width:500px;padding:20px;position:relative;width:90%}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#ecf0f1;cursor:pointer;display:flex;font-size:2em;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .3s ease;width:40px}.close-button:hover{background-color:#e74c3ccc}.header{align-items:center;border-bottom:2px dashed #ffffff4d;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-left{flex:1 1}.header-right{position:fixed;right:20px;top:20px;z-index:100}.auth-button-small{background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:25px;box-shadow:0 4px 12px #3498db66;color:#fff;cursor:pointer;font-family:Noto Sans SC,sans-serif;font-size:1em;font-weight:700;padding:12px 24px;transition:all .3s ease}.auth-button-small:hover{background:linear-gradient(45deg,#2980b9,#1f6391);box-shadow:0 6px 16px #3498db99;transform:translateY(-2px)}.login-prompt{align-items:center;display:flex}@media (max-width:600px){.stats{flex-direction:column;gap:20px}.header h1{font-size:2.5em}.container{padding:20px}.export-btn,textarea{font-size:1.2em}.export-btn{padding:12px 25px}.week-days{gap:6px;grid-template-columns:repeat(7,1fr)}.day-item{padding:10px 4px}.day-item .day-name{font-size:1em;margin-bottom:5px}.day-item .day-date{font-size:.9em}.week-stats h3{font-size:1.5em}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.2e09b213.css.map*/