@import"https://fonts.googleapis.com/css2?family=SF+Mono:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap";:root{--system-blue: #007AFF;--system-blue-dark: #0A84FF;--bg-gradient-light: radial-gradient(circle at 50% 10%, #ffffff 0%, #f2f2f7 100%);--bg-gradient-dark: radial-gradient(circle at 50% 10%, #2c2c2e 0%, #000000 100%);--text-primary: #1c1c1e;--text-secondary: #8e8e93;--text-tertiary: #d1d1d6;--card-bg-light: rgba(255, 255, 255, .65);--card-bg-dark: rgba(28, 28, 30, .65);--shadow-light: 0 4px 20px rgba(0, 0, 0, .08);--shadow-dark: 0 8px 32px rgba(0, 0, 0, .4);--radius-small: 6px;--radius-card: 16px}html.dark{--text-primary: #ffffff;--text-secondary: #8e8e93;--text-tertiary: #48484a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-gradient-light);background-attachment:fixed;color:var(--text-primary);min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;transition:all .3s ease}html.dark body{background:var(--bg-gradient-dark)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--system-blue);outline-offset:2px}.container{width:100%;max-width:520px;margin:auto}#export-area{background-color:var(--card-bg-light);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.4);padding:3rem 2.5rem;border-radius:var(--radius-card);box-shadow:var(--shadow-light);margin-bottom:2rem;opacity:0;transform:scale(.98);transition:opacity .5s ease-out,transform .5s ease-out}html.dark #export-area{background-color:var(--card-bg-dark);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-dark)}#export-area.visible{opacity:1;transform:scale(1)}.title{font-size:1rem;font-weight:600;text-align:center;margin-bottom:1.5rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}#percentage{font-family:SF Mono,Roboto Mono,Menlo,monospace;font-size:clamp(2.5rem,8vw,3.5rem);line-height:1.1;font-weight:700;text-align:center;margin-bottom:2rem;white-space:nowrap;letter-spacing:-.04em;font-feature-settings:"tnum";color:var(--text-primary)}.days-info{display:flex;justify-content:space-between;font-size:.9375rem;font-weight:500;color:var(--text-secondary);margin-top:1.5rem}.total-days-info{font-size:.8125rem;color:var(--text-secondary);margin-top:.5rem;width:100%;display:flex;justify-content:center;align-items:center;gap:4px;opacity:.8}.progress-track{width:100%;background-color:#78788029;border-radius:var(--radius-small);height:24px;overflow:hidden;margin-bottom:1rem;will-change:transform}html.dark .progress-track{background-color:#78788052}#progress-bar-fill{height:100%;border-radius:var(--radius-small);transition:width 1s cubic-bezier(.16,1,.3,1),background-color .3s;will-change:width}.controls-container{display:flex;justify-content:center;gap:1.25rem;padding:0 1rem;flex-wrap:wrap}.controls-group{display:flex;flex-direction:column;align-items:center;gap:6px}.control-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.control-button{height:44px;width:44px;border-radius:var(--radius-small);background-color:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 5px #0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.25,1,.5,1);color:var(--system-blue)}html.dark .control-button{background-color:#2c2c2ecc;border:1px solid rgba(255,255,255,.1);color:var(--system-blue-dark)}.control-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.control-button:active{transform:scale(.96)}.control-button svg{width:20px;height:20px;stroke-width:2px}#export-button,#reset-color-button{background-color:var(--system-blue)!important;color:#fff!important;border:none}html.dark #export-button,html.dark #reset-color-button{background-color:var(--system-blue-dark)!important}#export-button svg,#reset-color-button svg{stroke:#fff}#language-toggle{font-size:13px;font-weight:600}input[type=color]{width:44px;height:44px;border:none;border-radius:var(--radius-small);padding:0;cursor:pointer;background:none;transition:transform .2s cubic-bezier(.25,1,.5,1)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-small);box-shadow:0 2px 5px #0000001a}input[type=color]:hover{transform:translateY(-2px)}input[type=color]:active{transform:scale(.96)}.footer{margin-top:3rem;text-align:center;font-size:.8rem;color:var(--text-secondary);opacity:.7}.footer a{color:inherit;font-weight:500;text-decoration:none;border-bottom:1px dashed transparent;transition:border-bottom-color .2s}.footer a:hover{border-bottom-color:currentColor}.hidden{display:none}.toast{position:fixed;top:2rem;left:50%;transform:translate(-50%) translateY(-20px);background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 24px;border-radius:99px;box-shadow:0 8px 32px #0000001f;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:2000;color:var(--text-primary)}html.dark .toast{background:#1e1e1ecc}.toast-show{opacity:1;transform:translate(-50%) translateY(0)}