@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--paper-bg: #e8dfc9;--ink-black: #1a1a1a;--ink-red: #d32f2f;--border-asterisk: #1a1a1a;--font-serif: "Century", "Times New Roman", serif}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;display:flex;justify-content:center;min-height:100vh;background-color:#222}.calendar-container{display:flex;justify-content:center;align-items:center}.maarif-leaf{width:360px;height:520px;background-color:var(--paper-bg);position:relative;padding:20px;color:var(--ink-black);font-family:var(--font-serif);box-shadow:0 10px 25px #00000080;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' distinctEdges='true'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");display:flex;flex-direction:column;align-items:center}.top-info-bar{display:flex;justify-content:space-between;align-items:flex-start;width:100%;font-size:.55rem;font-weight:700;text-align:center;line-height:1.2;margin-bottom:2px}.corner-info,.center-info{display:flex;flex-direction:column}.corner-info.left,.corner-info.right{align-items:center;text-align:center}.corner-info.left{margin-left:-25px}.corner-info.right{margin-right:-25px}.corner-info{width:30%}.month-sub{font-size:.65rem;margin:1px 0}.day-sub{font-size:.75rem}.divider-line{width:100%;height:2px;background-color:var(--ink-black);background-image:none;border:none;margin:0 0 8px}.main-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.main-month{font-size:2.2rem;margin:0;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:2px;transform:scaleY(1.2)}.flex-row{display:flex;width:100%;justify-content:center;align-items:center;position:relative;margin:0}.big-number{font-size:8rem;line-height:.9;font-weight:900;color:var(--ink-black);margin:5px 0 10px}.weekday-section{width:100%;text-align:center;margin-bottom:20px;margin-top:-10px}.main-weekday{font-size:1.6rem;margin:0;line-height:1;font-weight:900;transform:scaleY(1.3)}.middle-info-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:15px;padding:0 5px}.weather-time-row{display:flex;justify-content:space-between;width:100%;margin-bottom:15px;flex-wrap:nowrap;align-items:flex-start}.info-block{display:flex;flex-direction:column;align-items:center;width:45%;flex-shrink:1;text-align:center}.info-label{font-size:.8rem;margin-bottom:2px}.info-value{font-size:1.1rem;font-weight:700;white-space:nowrap}.outfit-block{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.outfit-block .info-label{font-weight:900}.outfit-text{font-size:.8rem;margin-top:2px;font-weight:400}.outfit-text strong{font-weight:900}.date-info-grid{display:flex;justify-content:center;gap:20px;width:100%;font-weight:700;font-size:1rem;border:none;padding:5px 0;margin-bottom:5px}.date-info-grid span{display:flex;justify-content:center}.retro-progress-container{width:100%;margin:5px 0 10px;text-align:center;display:flex;flex-direction:column;align-items:center}.retro-progress-label{font-weight:700;font-size:.8rem;margin-top:5px;text-transform:lowercase;letter-spacing:.5px}.retro-progress-track{width:100%;height:24px;background-color:#d8d8d8;box-shadow:inset 2px 2px 5px #0000004d,inset -1px -1px 2px #ffffff80;border-radius:12px;padding:3px;position:relative;border:1px solid #999}.retro-progress-fill{height:100%;background-color:#555;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 10px,transparent 10px,transparent 20px);border-radius:9px;box-shadow:inset 0 2px 2px #fff6,inset 0 -2px 2px #0000004d,0 1px 2px #0003;transition:width .5s ease-out}.bottom-section{margin-top:auto;width:100%;text-align:center;padding-bottom:25px;display:flex;justify-content:center}