@font-face{font-family:Barlow Condensed;src:url(/fonts/Barlow_Condensed/BarlowCondensed-Light.ttf)format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Barlow Condensed;src:url(/fonts/Barlow_Condensed/BarlowCondensed-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow Condensed;src:url(/fonts/Barlow_Condensed/BarlowCondensed-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Barlow Condensed;src:url(/fonts/Barlow_Condensed/BarlowCondensed-Bold.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrains_Mono/JetBrainsMono-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrains_Mono/JetBrainsMono-Italic-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:italic}:root{--bg:#0a0a0c;--bg-card:#0f0f12;--bg-input:#141418;--bg-raised:#1a1a20;--border:#1f1f28;--border-hi:#2e2e3d;--text-primary:#e8e8f0;--text-secondary:#6b6b88;--text-muted:#3a3a50;--accent:#f0a500;--accent-dim:#f0a5001f;--accent-glow:#f0a50040;--green:#00d48a;--track:#141418;--shadow-lg:0 24px 80px #000c;--shadow-sm:0 2px 12px #0006;--radius:4px;--transition:.18s ease;--font-display:"Barlow Condensed", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-ui:"Barlow Condensed", sans-serif}[data-theme=light]{--bg:#f5f0e8;--bg-card:#faf7f2;--bg-input:#ede8de;--bg-raised:#e8e2d6;--border:#d8d0c0;--border-hi:#c0b8a4;--text-primary:#1a1810;--text-secondary:#7a7060;--text-muted:#b0a890;--accent:#c87800;--accent-dim:#c878001a;--accent-glow:#c8780033;--green:#007a50;--track:#e0d8c8;--shadow-lg:0 24px 80px #0000001f;--shadow-sm:0 2px 12px #0000000f}[data-theme=japan]{--bg:#f7f2eb;--bg-card:#fdfaf6;--bg-input:#ede6da;--bg-raised:#e5ddd0;--border:#c8bfb0;--border-hi:#a89880;--text-primary:#1a0a08;--text-secondary:#6b4040;--text-muted:#b09080;--accent:#c0152a;--accent-dim:#c0152a1a;--accent-glow:#c0152a33;--green:#2d6a4f;--track:#ddd5c8;--shadow-lg:0 24px 80px #3c140a24;--shadow-sm:0 2px 12px #3c140a12;--font-display:"Barlow Condensed", serif;--font-ui:"Barlow Condensed", serif}[data-theme=xmas]{--bg:#0b1a0e;--bg-card:#0f2012;--bg-input:#152817;--bg-raised:#1c3320;--border:#1e3a22;--border-hi:#2e5535;--text-primary:#f0ead8;--text-secondary:#8aaa80;--text-muted:#3a5a3e;--accent:#d42b2b;--accent-dim:#d42b2b26;--accent-glow:#d42b2b47;--green:#d4af37;--track:#152817;--shadow-lg:0 24px 80px #000000d9;--shadow-sm:0 2px 12px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--text-primary);min-height:100vh;transition:background var(--transition), color var(--transition);background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-position:50%;background-size:40px 40px}[data-theme=light] body{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px)}[data-theme=japan] body{background-color:var(--bg);background-image:radial-gradient(ellipse 20px 14px at 20px 0, transparent 12px, var(--border) 12px, var(--border) 13px, transparent 14px), radial-gradient(ellipse 20px 14px at 0 0, transparent 12px, var(--border) 12px, var(--border) 13px, transparent 14px), radial-gradient(ellipse 20px 14px at 10px 14px, transparent 12px, var(--border) 12px, var(--border) 13px, transparent 14px);background-position:0 0;background-size:20px 28px}[data-theme=japan] .title{letter-spacing:.12em;text-transform:none;font-size:1.05rem;font-weight:600}[data-theme=japan] .input-label{letter-spacing:.08em;text-transform:none;font-weight:600}[data-theme=japan] .card{border-width:1px;border-radius:0}[data-theme=japan] .card:before{border-width:3px 0 0 3px;width:16px;height:16px}[data-theme=japan] .card:after{border-width:0 3px 3px 0;width:16px;height:16px}[data-theme=japan] .percentage{letter-spacing:0}[data-theme=japan] .now-btn,[data-theme=japan] .share-btn{font-family:var(--font-ui);letter-spacing:.06em;text-transform:none}[data-theme=xmas] body{background-color:var(--bg);background-image:radial-gradient(circle,#2e5535 1px,#0000 1px),radial-gradient(circle,#2e5535 1px,#0000 1px);background-position:0 0,12px 12px;background-size:24px 24px}[data-theme=xmas] .progress-bar--complete{background:var(--green)}[data-theme=xmas] .percentage--complete{color:var(--green)}#app{min-height:100vh}.layout{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;transition:background var(--transition), border-color var(--transition);justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.header:before{content:"";background:var(--accent);opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.title{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary);transition:color var(--transition);font-size:1rem;font-weight:400}.header-actions{align-items:center;gap:6px;display:flex}.theme-switcher__btn,.settings-modal__close,.settings-btn,.share-sheet__close{border-radius:var(--radius);border:1px solid var(--border-hi);background:var(--bg-input);cursor:pointer;width:34px;height:34px;color:var(--text-secondary);transition:background var(--transition), border-color var(--transition), color var(--transition), transform .12s ease;justify-content:center;align-items:center;display:flex}.theme-switcher__btn svg,.settings-modal__close svg,.settings-btn svg,.share-sheet__close svg{width:15px;height:15px}.theme-switcher__btn:hover,.settings-modal__close:hover,.settings-btn:hover,.share-sheet__close:hover{background:var(--bg-raised);border-color:var(--accent);color:var(--accent)}.theme-switcher__btn:active,.settings-modal__close:active,.settings-btn:active,.share-sheet__close:active{transform:scale(.93)}.share-btn{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.65rem;font-weight:600;transition:opacity .15s}.share-btn:hover{opacity:1;text-underline-offset:3px;text-decoration:underline}.share-btn:active{opacity:.5}.main{flex:1;justify-content:center;align-items:center;padding:48px 24px 160px;display:flex}.card{background:var(--bg-card);border:1px solid var(--border-hi);border-radius:var(--radius);width:100%;max-width:620px;box-shadow:var(--shadow-lg);transition:background var(--transition), border-color var(--transition);padding:40px 44px 44px;position:relative}.card:before,.card:after{content:"";border-color:var(--accent);opacity:.5;border-style:solid;width:12px;height:12px;position:absolute}.card:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.card:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}@media (width<=480px){.card{padding:28px 24px 32px}}.name-row{align-items:baseline;gap:12px;margin-bottom:28px;display:flex}.name-row .input-label{flex-shrink:0}.name-input{font-family:var(--font-mono);border:none;border-bottom:1px solid var(--border-hi);color:var(--text-primary);transition:border-color var(--transition), color var(--transition);background:0 0;border-radius:0;outline:none;flex:1;padding:2px 0 4px;font-size:.85rem;font-weight:600}.name-input::placeholder{color:var(--text-muted);font-weight:400}.name-input:focus{border-bottom-color:var(--accent)}.inputs{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:44px;display:grid}@media (width<=520px){.inputs{grid-template-columns:1fr;gap:14px;margin-bottom:36px}}.input-group{cursor:pointer;flex-direction:column;gap:7px;display:flex}.input-label-row{justify-content:space-between;align-items:baseline;display:flex}.input-label{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);transition:color var(--transition);font-size:.65rem;font-weight:600}.now-btn{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);cursor:pointer;opacity:.8;background:0 0;border:none;padding:0;font-size:.62rem;font-weight:600;transition:opacity .15s}.now-btn:hover{opacity:1}.now-btn:active{opacity:.5}.datetime-input{font-family:var(--font-mono);background:var(--bg-input);border:1px solid var(--border-hi);border-radius:var(--radius);color:var(--text-primary);appearance:none;width:100%;transition:background var(--transition), border-color var(--transition), box-shadow .15s ease;outline:none;padding:10px 12px;font-size:.8rem}.datetime-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);background:var(--bg-raised)}.datetime-input::-webkit-calendar-picker-indicator{opacity:.35;cursor:pointer;filter:invert(.6)sepia()saturate(3)hue-rotate(10deg)}[data-theme=light] .datetime-input::-webkit-calendar-picker-indicator{filter:none;opacity:.5}.progress-display{flex-direction:column;gap:22px;display:flex;container-type:inline-size}.percentage{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums;text-align:left;font-size:11cqw;font-weight:600;line-height:1}.percentage--not-started{color:var(--text-muted)}.percentage--complete{animation:2s ease-in-out infinite percentage-pulse}@keyframes percentage-pulse{0%,to{opacity:1}50%{opacity:.45}}.progress-track{background:var(--track);border-radius:0;height:6px;position:relative;overflow:visible}.progress-track:after{content:"";background-image:repeating-linear-gradient(90deg, transparent, transparent calc(10% - 1px), var(--bg-card) calc(10% - 1px), var(--bg-card) 10%);pointer-events:none;z-index:2;position:absolute;inset:0}.progress-bar{background:var(--accent);will-change:width;z-index:1;height:100%;transition:width 80ms linear;position:absolute;inset:0 auto 0 0;overflow:hidden}.progress-bar:after{content:"";background:linear-gradient(105deg,#0000 30%,#fff6 50%,#0000 70%) 0 0/200% 100%;animation:2.2s ease-in-out infinite bar-shimmer;position:absolute;inset:0}.progress-bar--complete{background:var(--green)}.progress-bar--not-started{background:var(--text-muted)}.progress-bar--not-started:after{display:none}@keyframes bar-shimmer{0%{background-position:200%}to{background-position:-200%}}.progress-glow{background:var(--accent);opacity:.2;filter:blur(10px);will-change:width;pointer-events:none;z-index:0;height:calc(100% + 8px);transition:width 80ms linear;position:absolute;inset:-4px auto -4px 0}.remaining-section{flex-direction:column;gap:2px;display:flex}.remaining-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.remaining{font-family:var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.04em;min-height:1.4em;transition:color var(--transition);text-transform:uppercase;font-size:.75rem}.total{font-family:var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.04em;opacity:.6;transition:color var(--transition);text-transform:uppercase;font-size:.7rem}.share-sheet{z-index:100;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=480px){.share-sheet{align-items:center}}.share-sheet--open{pointer-events:all}.share-sheet--open .share-sheet__backdrop{opacity:1}.share-sheet--open .share-sheet__panel{opacity:1;transform:translateY(0)}.share-sheet__backdrop{opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;transition:opacity .25s;position:absolute;inset:0}.share-sheet__panel{z-index:1;background:var(--bg-card);border:1px solid var(--border-hi);border-radius:var(--radius) var(--radius) 0 0;opacity:0;width:100%;max-width:400px;box-shadow:var(--shadow-lg);flex-direction:column;gap:20px;padding:28px 28px 36px;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .22s;display:flex;position:relative;transform:translateY(100%)}.share-sheet__panel:before{content:"";background:var(--accent);opacity:.7;border-radius:var(--radius) var(--radius) 0 0;height:2px;position:absolute;top:0;left:0;right:0}@media (width>=480px){.share-sheet__panel{border-radius:var(--radius);transform:translateY(10px)}.share-sheet__panel:before{border-radius:var(--radius) var(--radius) 0 0}}.share-sheet__header{justify-content:space-between;align-items:center;display:flex}.share-sheet__title{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary);font-size:.65rem;font-weight:600}.share-sheet__close{width:28px;height:28px}.share-sheet__close svg{width:13px;height:13px}.share-sheet__option{font-family:var(--font-ui);letter-spacing:.04em;color:var(--text-primary);cursor:pointer;align-items:center;gap:10px;font-size:.9rem;font-weight:400;display:flex}.share-sheet__option input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.share-sheet__url{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);word-break:break-all;transition:background var(--transition), border-color var(--transition);padding:10px 12px;font-size:.7rem;line-height:1.6}.share-sheet__actions{gap:8px;display:flex}.share-sheet__btn{border-radius:var(--radius);border:1px solid var(--border-hi);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition), transform .12s ease;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:.85rem;font-weight:600;display:flex}.share-sheet__btn svg{flex-shrink:0;width:14px;height:14px}.share-sheet__btn:active{transform:scale(.96)}.share-sheet__btn--copy{background:var(--accent);border-color:var(--accent);color:#000}.share-sheet__btn--copy:hover{filter:brightness(1.1)}.share-sheet__btn--native{background:var(--bg-input);color:var(--text-primary)}.share-sheet__btn--native:hover{background:var(--bg-raised);border-color:var(--accent);color:var(--accent)}.share-sheet__btn--image{background:var(--bg-input);color:var(--text-secondary);border-style:dashed}.share-sheet__btn--image:hover{background:var(--bg-raised);border-color:var(--accent);color:var(--accent);border-style:solid}.share-sheet__btn--image:disabled{opacity:.5;cursor:default;transform:none}.settings-modal{z-index:100;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=480px){.settings-modal{align-items:center}}.settings-modal--open{pointer-events:all}.settings-modal--open .settings-modal__backdrop{opacity:1}.settings-modal--open .settings-modal__panel{opacity:1;transform:translateY(0)}.settings-modal__backdrop{opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;transition:opacity .25s;position:absolute;inset:0}.settings-modal__panel{z-index:1;background:var(--bg-card);border:1px solid var(--border-hi);border-radius:var(--radius) var(--radius) 0 0;opacity:0;width:100%;max-width:360px;box-shadow:var(--shadow-lg);flex-direction:column;gap:24px;padding:28px 28px 36px;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .22s;display:flex;position:relative;transform:translateY(100%)}.settings-modal__panel:before{content:"";background:var(--accent);opacity:.7;border-radius:var(--radius) var(--radius) 0 0;height:2px;position:absolute;top:0;left:0;right:0}@media (width>=480px){.settings-modal__panel{border-radius:var(--radius);transform:translateY(10px)}.settings-modal__panel:before{border-radius:var(--radius) var(--radius) 0 0}}.settings-modal__header{justify-content:space-between;align-items:center;display:flex}.settings-modal__title{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary);font-size:.65rem;font-weight:600}.settings-modal__close{width:28px;height:28px}.settings-modal__close svg{width:13px;height:13px}.settings-modal__section{flex-direction:column;gap:10px;display:flex}.settings-modal__label{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.65rem;font-weight:600}.settings-modal__toggle-group{border:1px solid var(--border-hi);border-radius:var(--radius);display:flex;overflow:hidden}.settings-modal__toggle-opt{background:var(--bg-input);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition);border:none;flex:1;padding:9px 14px;font-size:.82rem;font-weight:600}.settings-modal__toggle-opt+.settings-modal__toggle-opt{border-left:1px solid var(--border-hi)}.settings-modal__toggle-opt:hover:not(.settings-modal__toggle-opt--active){background:var(--bg-raised);color:var(--text-primary)}.settings-modal__toggle-opt--active{background:var(--accent);color:#000}.theme-switcher{position:relative}.theme-switcher__popover{z-index:200;background:var(--bg-card);border:1px solid var(--border-hi);border-radius:var(--radius);box-shadow:var(--shadow-lg);pointer-events:none;opacity:0;flex-direction:column;gap:2px;min-width:130px;padding:6px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px)}.theme-switcher__popover--open{pointer-events:all;opacity:1;transform:translateY(0)}.theme-switcher__popover:before{content:"";background:var(--accent);opacity:.7;border-radius:var(--radius) var(--radius) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.theme-switcher__option{border-radius:calc(var(--radius) - 1px);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:background var(--transition), color var(--transition);white-space:nowrap;background:0 0;border:none;align-items:center;gap:9px;padding:7px 10px;font-size:.8rem;font-weight:600;display:flex}.theme-switcher__option:hover{background:var(--bg-raised);color:var(--text-primary)}.theme-switcher__option--active{color:var(--accent)}.theme-switcher__swatch{border:1px solid #8080804d;border-radius:50%;flex-shrink:0;width:10px;height:10px}.theme-switcher__swatch--dark{background:#0a0a0c}.theme-switcher__swatch--light{background:#f5f0e8}.theme-switcher__swatch--japan{background:#c0152a}.theme-switcher__swatch--xmas{background:linear-gradient(135deg,#0f2012 50%,#d42b2b 50%)}
/*$vite$:1*/