:root{--md-sys-color-primary:#9c4146;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#ffd9dd;--md-sys-color-on-primary-container:#40000a;--md-sys-color-secondary:#4e616d;--md-sys-color-secondary-container:#d1e5f4;--md-sys-color-on-secondary-container:#0a1e28;--md-sys-color-background:#fffbff;--md-sys-color-on-background:#201a1b;--md-sys-color-surface:#fffbff;--md-sys-color-surface-container:#f3eaef;--md-sys-color-surface-variant:#f4dddf;--md-sys-color-on-surface:#201a1b;--md-sys-color-on-surface-variant:#524345;--md-sys-color-outline:#857375;--md-sys-color-outline-variant:#d7c1c4;--glow-color-rgb:156,65,70;--glow-shadow-subtle:0 4px 12px rgb(var(--glow-color-rgb)/15%),0 2px 6px rgb(var(--glow-color-rgb)/8%);--enable-blur:1;--enable-complex-shadows:1;--md-sys-motion-easing-emphasized:cubic-bezier(0.2,0,0,1);--md-sys-motion-easing-standard:cubic-bezier(0.4,0,0.2,1);--md-sys-motion-duration-medium:400ms;--md-sys-motion-duration-short:200ms;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:16px;--md-sys-shape-corner-large:24px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgb(0 0 0/6%);--shadow-md:0 4px 8px 3px rgba(0,0,0,.15);--shadow-lg:0 8px 24px rgba(0,0,0,.12)}[data-theme=dark]{--md-sys-color-primary:#ffb3b8;--md-sys-color-on-primary:#5f1219;--md-sys-color-primary-container:#7e2a30;--md-sys-color-on-primary-container:#ffd9dd;--md-sys-color-secondary:#b5c9d8;--md-sys-color-secondary-container:#374955;--md-sys-color-on-secondary-container:#d1e5f4;--md-sys-color-background:#201a1b;--md-sys-color-on-background:#ece0e1;--md-sys-color-surface:#201a1b;--md-sys-color-surface-container:#2d2627;--md-sys-color-surface-variant:#524345;--md-sys-color-on-surface:#ece0e1;--md-sys-color-on-surface-variant:#d7c1c4;--md-sys-color-outline:#a08c8e;--md-sys-color-outline-variant:#524345;--glow-color-rgb:255,179,184;--glow-shadow-subtle:0 4px 12px rgb(var(--glow-color-rgb)/15%),0 2px 6px rgb(var(--glow-color-rgb)/8%)}[data-performance=low]{--enable-blur:0;--enable-complex-shadows:0}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{align-items:center;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);display:flex;flex-direction:column;font-family:Varela Round,M PLUS Rounded\ 1c,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;transition:background-color var(--md-sys-motion-duration-medium),color var(--md-sys-motion-duration-medium)}#sakura-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.sakura{animation:sakura-fall linear infinite;background:radial-gradient(ellipse at center,var(--md-sys-color-primary-container) 0,transparent 70%);border-radius:50% 0 50% 50%;height:12px;opacity:.6;position:absolute;transform-origin:center;width:12px}@keyframes sakura-fall{0%{opacity:0;transform:translateY(-10vh) rotate(0deg) translateX(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(110vh) rotate(2turn) translateX(100px)}}.timer-container{align-items:center;display:flex;flex-direction:column;height:55vh;justify-content:center;position:relative;width:100%;z-index:1}.kaomoji{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-full);box-shadow:var(--shadow-sm);color:var(--md-sys-color-on-surface-variant);font-family:M PLUS Rounded\ 1c,Microsoft YaHei,sans-serif;font-size:1.4rem;line-height:1.5;margin-bottom:24px;max-width:90%;padding:10px 20px;text-align:center;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.time-display{color:var(--md-sys-color-primary);font-family:Varela Round,monospace;font-size:clamp(3rem,12vw,5rem);font-variant-numeric:tabular-nums;letter-spacing:-2px;margin-bottom:48px;transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}.timer-running .time-display{animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.fab{align-items:center;background-color:var(--md-sys-color-primary-container);border:none;border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--shadow-md);color:var(--md-sys-color-on-primary-container);cursor:pointer;display:flex;height:96px;justify-content:center;overflow:hidden;position:relative;transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);width:96px;will-change:transform}.fab .material-symbols-rounded{font-size:40px;transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.fab:hover{background-color:#ffced2;box-shadow:0 6px 12px 4px rgba(0,0,0,.15);transform:scale(1.05)}[data-theme=dark] .fab:hover{background-color:#9e3a40}.fab:active{box-shadow:0 2px 4px 0 rgba(0,0,0,.2);transform:scale(.92)}.fab.running{animation:fab-pulse 2s ease-in-out infinite;background-color:var(--md-sys-color-secondary-container);border-radius:32px;color:var(--md-sys-color-on-secondary-container)}.fab.running .material-symbols-rounded{transform:rotate(90deg) scale(.9)}@keyframes fab-pulse{0%,to{box-shadow:0 4px 8px 3px rgba(0,0,0,.15)}50%{box-shadow:0 4px 20px 6px rgba(156,65,70,.3)}}.history-container{background:var(--md-sys-color-background);border-radius:32px 32px 0 0;max-width:600px;padding:0 24px 120px;width:100%;z-index:2}.section-title{align-items:center;color:var(--md-sys-color-primary);display:flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:1px;margin:24px 0 16px;text-transform:uppercase}.section-title:before{content:"🌸";font-size:1rem}.history-card{align-items:center;animation:enter-slide-up var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized) forwards;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;opacity:0;overflow:hidden;padding:16px 20px;position:relative;transform:translateY(20px) translateZ(0);transition:transform .2s,box-shadow .2s}.history-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes enter-slide-up{to{opacity:1;transform:translateY(0)}}.history-card:after{background:var(--md-sys-color-on-surface-variant);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.history-card:active:after{opacity:.08}.card-left{display:flex;flex-direction:column;gap:2px}.card-time{font-size:.75rem;opacity:.8}.card-duration{color:var(--md-sys-color-on-surface);font-size:1.25rem;font-weight:700;margin:2px 0}.card-comment{color:var(--md-sys-color-primary);font-size:.85rem;max-width:200px}.card-right{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.star-display{color:#f9ab00;font-size:1rem;letter-spacing:2px}.tags-display{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:120px}.tag-mini{background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface-variant);font-size:.65rem;font-weight:600;padding:3px 8px}.empty-state{color:var(--md-sys-color-outline);margin-top:60px;padding:40px 20px;text-align:center;transition:opacity var(--md-sys-motion-duration-medium) ease-out,transform var(--md-sys-motion-duration-medium) ease-out}.empty-state .emoji{display:block;font-size:3rem;margin-bottom:16px}.footer-tools{background:linear-gradient(to top,var(--md-sys-color-background) 80%,transparent);bottom:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;left:0;padding:16px 24px;position:fixed;right:0;z-index:10}.tool-btn{align-items:center;background:transparent;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;overflow:hidden;padding:10px 20px;position:relative;transition:all .2s}.tool-btn .material-symbols-rounded{font-size:18px}.tool-btn:hover{background:var(--md-sys-color-surface-container)}.tool-btn:active{background:var(--md-sys-color-primary-container);border-color:transparent}.tool-btn.theme-toggle{border-color:var(--md-sys-color-secondary);color:var(--md-sys-color-secondary)}.modal-overlay{align-items:center;backdrop-filter:blur(8px);background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--md-sys-motion-duration-short);z-index:1000}@supports (backdrop-filter:blur(8px)){.modal-overlay{backdrop-filter:blur(8px);background:rgba(0,0,0,.4)}}.modal-overlay.active{opacity:1;pointer-events:auto}.modal{background:var(--md-sys-color-surface-container);border-radius:28px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:380px;opacity:0;overflow-y:auto;padding:28px;transform:scale(.9) translateY(20px);transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized),opacity var(--md-sys-motion-duration-short) linear;width:90%}.modal-overlay.active .modal{opacity:1;transform:scale(1) translateY(0)}.modal-title{color:var(--md-sys-color-on-surface);font-family:M PLUS Rounded\ 1c,sans-serif;font-size:1.4rem;margin-bottom:8px;text-align:center}.result-time{color:var(--md-sys-color-primary);font-size:2.8rem;font-variant-numeric:tabular-nums;font-weight:700;margin:16px 0;text-align:center}.rating-container{display:flex;gap:4px;justify-content:center;margin:16px 0}.star-input{color:var(--md-sys-color-outline-variant);cursor:pointer;font-size:36px;transition:color .2s,transform .2s}.star-input:hover{transform:scale(1.1)}.star-input.active{animation:star-pop .3s cubic-bezier(.175,.885,.32,1.275);color:#f9ab00}@keyframes star-pop{50%{transform:scale(1.3)}}.tags-section-title{color:var(--md-sys-color-outline);font-size:.8rem;margin:20px 0 10px;text-align:center}.tags-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0 16px}.tag-btn{align-items:center;background:transparent;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-large);color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;height:32px;overflow:hidden;padding:6px 14px;position:relative;transition:all .2s}.tag-btn:hover{background:var(--md-sys-color-surface-variant)}.tag-btn.active{background:var(--md-sys-color-secondary-container);border-color:transparent;color:var(--md-sys-color-on-secondary-container)}.tag-btn.active:before{content:"check";font-family:Material Symbols Rounded;font-size:16px;margin-right:4px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn{border:none;border-radius:22px;cursor:pointer;font-size:.95rem;font-weight:600;height:44px;overflow:hidden;padding:0 28px;position:relative;transition:all .2s}.btn-ghost{background:transparent;color:var(--md-sys-color-primary)}.btn-ghost:hover{background:rgb(156 65 70/8%)}.btn-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn-primary:hover{box-shadow:var(--shadow-sm);filter:brightness(1.1)}.stats-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.stat-item{background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-medium);padding:16px 12px;text-align:center;transition:transform .2s}.stat-item:hover{transform:scale(1.02)}.stat-icon{font-size:1.5rem;margin-bottom:4px}.stat-label{color:var(--md-sys-color-on-surface-variant);font-size:.7rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:var(--md-sys-color-primary);font-size:1.3rem;font-weight:700}.chart-section{margin-top:20px}.chart-title{color:var(--md-sys-color-on-surface-variant);font-size:.85rem;margin-bottom:16px;text-align:center}.simple-bar-chart{align-items:flex-end;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-medium);display:flex;gap:4px;height:120px;justify-content:space-around;padding:16px 8px 8px}.chart-bar-col{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:flex-end}.chart-bar{background:var(--md-sys-color-secondary-container);border-radius:6px 6px 2px 2px;min-height:4px;position:relative;transition:height .5s var(--md-sys-motion-easing-emphasized);width:70%}.chart-bar.has-data{background:linear-gradient(to top,var(--md-sys-color-primary),var(--md-sys-color-primary-container))}.chart-bar-value{left:50%;position:absolute;top:-18px;transform:translateX(-50%)}.chart-bar-value,.chart-label{color:var(--md-sys-color-outline);font-size:.65rem}.chart-label{font-weight:500;margin-top:6px}.toast{background:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-extra-large);bottom:100px;box-shadow:var(--shadow-lg);color:var(--md-sys-color-surface);font-size:.9rem;font-weight:500;left:50%;max-width:85%;opacity:0;padding:14px 28px;position:fixed;text-align:center;transform:translateX(-50%) translateY(100px);transition:opacity var(--md-sys-motion-duration-short),transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);z-index:2000}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.ripple{animation:ripple-animation .6s linear;background:currentcolor;border-radius:50%;opacity:.2;pointer-events:none;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}button .ripple{background:var(--md-sys-color-on-primary)}.history-card .ripple{background:var(--md-sys-color-on-surface)}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes subtle-glow{0%{box-shadow:var(--shadow-sm)}50%{box-shadow:var(--glow-shadow-subtle)}to{box-shadow:var(--shadow-sm)}}.history-card.new-card{animation:slide-down var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized) forwards,subtle-glow 1s ease-out}.history-card:not(.new-card){animation:enter-slide-up var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized) forwards;opacity:0;transform:translateY(20px) translateZ(0)}.history-card .tag-mini{background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface-variant);font-size:.65rem;font-weight:600;max-width:60px;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.history-card.new-card:before{animation:fade-in .3s ease-out .2s forwards;background:var(--md-sys-color-primary);border-radius:2px;content:"";height:12px;left:8px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}@keyframes fade-in{to{opacity:1}}.history-card:not(.new-card):before{display:none}:focus-visible{box-shadow:0 0 0 6px rgb(var(--glow-color-rgb)/20%);outline:3px solid var(--md-sys-color-primary);outline-offset:3px}.btn:focus-visible,button:focus-visible{box-shadow:0 0 0 6px rgb(var(--glow-color-rgb)/25%),var(--shadow-md);outline:3px solid var(--md-sys-color-primary);outline-offset:3px}.fab:focus-visible{box-shadow:0 0 0 8px rgb(var(--glow-color-rgb)/20%),var(--shadow-md);outline:3px solid var(--md-sys-color-primary);outline-offset:4px;transform:scale(1.02)}.history-card:focus-visible{box-shadow:0 0 0 6px rgb(var(--glow-color-rgb)/20%),var(--shadow-md);outline:3px solid var(--md-sys-color-primary);outline-offset:2px;transform:translateY(-2px)}.tag-btn:focus-visible{box-shadow:0 0 0 4px rgb(var(--glow-color-rgb)/15%);outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.tool-btn:focus-visible{background:var(--md-sys-color-surface-container);box-shadow:0 0 0 4px rgb(var(--glow-color-rgb)/15%);outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.star-input:focus-visible{border-radius:6px;outline:2px solid var(--md-sys-color-primary);outline-offset:3px;transform:scale(1.15)}.modal .btn:focus-visible{box-shadow:0 0 0 6px rgb(var(--glow-color-rgb)/30%),var(--shadow-sm);outline-offset:4px}@media (prefers-contrast:more){:focus-visible{outline:4px solid currentcolor}.fab:focus-visible,.history-card:focus-visible{outline-offset:4px}}@media (forced-colors:active){:focus-visible{outline:3px solid CanvasText;outline-offset:3px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}:focus-visible{transition:none}}[data-performance=low] .modal-overlay{backdrop-filter:none;background:rgba(0,0,0,.7)}[data-performance=low] #sakura-container{display:none}[data-performance=low] *{transition-duration:.05s!important}[data-performance=low] .history-card,[data-performance=low] .history-card.new-card{animation:none!important;opacity:1;transform:none}[data-performance=low] .fab,[data-performance=low] .history-card,[data-performance=low] .kaomoji,[data-performance=low] .modal{box-shadow:0 1px 3px rgba(0,0,0,.2)}[data-performance=low] .fab:hover,[data-performance=low] .history-card:hover{box-shadow:0 2px 6px rgba(0,0,0,.25);transform:none}[data-performance=low] .fab.running,[data-performance=low] .timer-running .time-display{animation:none}[data-performance=low] .ripple{animation-duration:.3s}@media (width <= 480px){.timer-container{height:48vh}.time-display{margin-bottom:36px}.fab{height:80px;width:80px}.fab .material-symbols-rounded{font-size:36px}.history-container{padding:0 16px 120px}@keyframes slide-down-mobile{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.history-card.new-card{animation:slide-down-mobile var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized) forwards,subtle-glow 1s ease-out}.history-card .tag-mini{font-size:.6rem;max-width:40px;padding:2px 6px}.history-card.new-card:before{height:10px;left:6px;width:3px}.modal{padding:24px 20px;width:95%}.modal-actions{flex-direction:column;gap:8px}.modal-actions .btn{width:100%}.footer-tools{padding:12px 16px}.tool-btn{font-size:.8rem;padding:8px 14px}}#file-input{display:none}