@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;min-height:100dvh;background-color:#222;box-sizing:border-box;align-items:center}@media(max-width:600px){#root{padding:1rem;align-items:center}}.calendar-container{display:flex;justify-content:center;align-items:center;width:100%}.maarif-leaf{width:360px;height:450px;overflow:hidden;background-color:var(--paper-bg);position:relative;padding:10px 15px;box-sizing:border-box;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:3px;background-color:#000;border:none;margin:2px 0 6px;flex-shrink:0;border-radius:1px}.main-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding-top:5px}.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:6rem;line-height:.9;font-weight:500;color:var(--ink-black);margin:2px 0 5px}.weekday-section{width:100%;text-align:center;margin-bottom:8px;margin-top:-8px}.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:4px;padding:0 5px}.weather-time-row{display:flex;justify-content:space-between;width:100%;margin-bottom:4px;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:.7rem;margin-top:1px;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:2px 0;margin-bottom:2px}.date-info-grid span{display:flex;justify-content:center}.retro-progress-container{width:100%;margin:2px 0 5px;text-align:center;display:flex;flex-direction:column;align-items:center}.retro-progress-label{font-weight:700;font-size:.85rem;margin-top:1px;text-transform:lowercase;letter-spacing:.5px}.retro-progress-track{width:100%;height:20px;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:5px;display:flex;justify-content:center}.interactive-mode{width:100%;display:flex;justify-content:center;padding-bottom:50px}.interactive-mode .maarif-leaf{width:95%!important;max-width:470px;height:auto!important;min-height:520px;overflow:visible!important;padding-bottom:25px}.interactive-mode .bottom-section{padding-bottom:10px}@media(max-width:380px){.interactive-mode .maarif-leaf{padding:15px;width:95%!important}.interactive-mode .big-number{font-size:5rem}.interactive-mode .main-month{font-size:1.8rem}}@media(max-width:600px){#root{padding:.5rem!important;width:100%!important;max-width:100%!important;display:block!important}body{padding:0;margin:0;overflow-x:hidden}.interactive-mode>div{width:100%;display:flex;justify-content:center}.interactive-mode .calendar-container{width:100%!important}}