:root{--olive-50: hsl(85, 15%, 95%);--olive-100: hsl(85, 14%, 88%);--olive-200: hsl(85, 16%, 78%);--olive-300: hsl(85, 17%, 62%);--olive-400: hsl(85, 18%, 50%);--olive-500: hsl(85, 18%, 42%);--olive-600: hsl(85, 20%, 34%);--olive-700: hsl(85, 22%, 26%);--olive-800: hsl(85, 24%, 18%);--olive-900: hsl(85, 26%, 10%);--linen: hsl(40, 30%, 96%);--parchment: hsl(38, 25%, 92%);--sand: hsl(36, 18%, 84%);--warm-gray: hsl(35, 8%, 62%);--earth: hsl(30, 12%, 42%);--bark: hsl(28, 16%, 28%);--terra: hsl(18, 28%, 52%);--terra-light: hsl(18, 22%, 68%);--bg-primary: var(--linen);--bg-secondary: hsl(40, 28%, 93%);--bg-card: hsl(42, 35%, 97%);--bg-card-hover: hsl(42, 30%, 95%);--bg-input: hsl(40, 20%, 98%);--bg-overlay: hsla(85, 18%, 42%, .06);--text-primary: hsl(30, 10%, 18%);--text-secondary: hsl(30, 8%, 38%);--text-muted: hsl(30, 6%, 56%);--text-accent: var(--olive-600);--text-on-accent: hsl(40, 30%, 96%);--border-light: hsl(38, 16%, 86%);--border-medium: hsl(38, 12%, 78%);--shadow-sm: 0 1px 3px hsla(30, 10%, 20%, .06);--shadow-md: 0 4px 12px hsla(30, 10%, 20%, .08);--shadow-lg: 0 8px 30px hsla(30, 10%, 20%, .1);--progress-bg: var(--olive-100);--progress-fill: var(--olive-500);--progress-glow: hsla(85, 18%, 42%, .3);--checkbox-border: var(--olive-300);--checkbox-fill: var(--olive-500);--checkbox-ripple: hsla(85, 18%, 42%, .2);--danger: hsl(0, 45%, 55%);--danger-bg: hsl(0, 40%, 96%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--font-display: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-body: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-ui: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--text-xs: .75rem;--text-sm: .85rem;--text-base: 1rem;--text-lg: 1.15rem;--text-xl: 1.35rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--leading-tight: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.8;--max-width: 740px;--header-height: 64px}[data-theme=dark]{--bg-primary: hsl(80, 12%, 10%);--bg-secondary: hsl(78, 10%, 13%);--bg-card: hsl(80, 10%, 15%);--bg-card-hover: hsl(80, 10%, 18%);--bg-input: hsl(80, 8%, 18%);--bg-overlay: hsla(85, 18%, 50%, .08);--text-primary: hsl(40, 18%, 88%);--text-secondary: hsl(40, 12%, 66%);--text-muted: hsl(40, 8%, 48%);--text-accent: var(--olive-300);--text-on-accent: hsl(85, 26%, 10%);--border-light: hsl(80, 8%, 22%);--border-medium: hsl(80, 8%, 28%);--shadow-sm: 0 1px 3px hsla(0, 0%, 0%, .2);--shadow-md: 0 4px 12px hsla(0, 0%, 0%, .3);--shadow-lg: 0 8px 30px hsla(0, 0%, 0%, .4);--progress-bg: hsl(80, 10%, 20%);--progress-fill: var(--olive-400);--progress-glow: hsla(85, 18%, 50%, .3);--checkbox-border: var(--olive-400);--checkbox-fill: var(--olive-400);--checkbox-ripple: hsla(85, 18%, 50%, .2);--danger: hsl(0, 50%, 60%);--danger-bg: hsl(0, 30%, 15%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary);line-height:var(--leading-normal);min-height:100vh;transition:background-color var(--duration-slow) var(--ease-in-out),color var(--duration-slow) var(--ease-in-out)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}[data-theme=dark] body:before{opacity:.04}button{font-family:var(--font-ui);cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);width:100%}input:focus,textarea:focus{outline:none;border-color:var(--olive-400);box-shadow:0 0 0 3px var(--checkbox-ripple)}textarea{resize:vertical;min-height:60px;line-height:var(--leading-relaxed)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes progressFlow{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes checkPop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(2.5);opacity:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--warm-gray)}::selection{background:#6e7e5833;color:var(--text-primary)}.progress-bar{display:flex;align-items:center;gap:var(--space-sm)}.progress-bar__track{flex:1;height:6px;background:var(--progress-bg);border-radius:3px;overflow:hidden;position:relative}.progress-bar--lg .progress-bar__track{height:10px;border-radius:5px}.progress-bar__fill{height:100%;background:var(--progress-fill);border-radius:inherit;transition:width .6s var(--ease-out);position:relative;overflow:hidden}.progress-bar__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,hsla(85,30%,70%,.3) 50%,transparent 100%);background-size:200% 100%;animation:progressFlow 2.5s ease-in-out infinite}.progress-bar__label{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;font-weight:500;min-width:70px;text-align:right}.progress-bar--lg .progress-bar__label{font-size:var(--text-base);font-weight:600;color:var(--text-accent);min-width:80px}.progress-bar__pct{color:var(--text-muted);font-weight:400}.settings-menu{position:relative;flex-shrink:0}.settings-menu__trigger{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.settings-menu__trigger:hover{background:var(--bg-overlay);transform:rotate(45deg)}.settings-menu__dropdown{position:absolute;top:calc(100% + var(--space-xs));right:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs);animation:fadeInUp .2s var(--ease-out);z-index:200}.settings-menu__item{width:100%;text-align:left;padding:var(--space-sm) var(--space-md);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;gap:var(--space-xs)}.settings-menu__item:hover{background:var(--bg-overlay);color:var(--text-primary)}.settings-menu__item--danger{color:var(--danger);font-weight:600}.settings-menu__item--danger:hover{background:var(--danger-bg);color:var(--danger)}.settings-menu__item:disabled{opacity:.6;cursor:not-allowed}.settings-menu__spinner{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid var(--border-light);border-top-color:var(--olive-500);animation:spin .6s linear infinite}.header{position:sticky;top:0;z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color var(--duration-slow) var(--ease-in-out),border-color var(--duration-slow) var(--ease-in-out)}.header__inner{max-width:var(--max-width);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.header__brand{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.header__emoji{font-size:28px;line-height:1;animation:fadeInUp .5s var(--ease-out)}.header__text{display:flex;flex-direction:column}.header__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);line-height:1.1;letter-spacing:-.01em}.header__subtitle{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted);font-weight:400;letter-spacing:.04em}.header__right{display:flex;align-items:center;gap:var(--space-md);flex:1;max-width:300px}.header__progress{flex:1;min-width:0}.header__theme-toggle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-normal) var(--ease-out);flex-shrink:0;background:none;border:none}.header__theme-toggle:hover{background:var(--bg-overlay);transform:rotate(15deg)}.header__theme-toggle:active{transform:rotate(30deg) scale(.9)}.header__theme-icon{font-size:22px;line-height:1;transition:transform var(--duration-normal) var(--ease-out)}@media(max-width:768px){.header__inner{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.header__brand{justify-content:space-between}.header__right{max-width:none}.header__subtitle{display:none}}.toolbar{position:sticky;top:0;z-index:90;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:var(--space-sm) var(--space-md);transition:background-color var(--duration-slow) var(--ease-in-out)}.toolbar__inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;gap:var(--space-md)}.toolbar__search{flex:1;display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:0 var(--space-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.toolbar__search--focused{border-color:var(--olive-400);box-shadow:0 0 0 3px var(--checkbox-ripple)}.toolbar__search-icon{font-size:14px;flex-shrink:0;opacity:.6}.toolbar__search-input{flex:1;border:none;background:none;padding:var(--space-xs) var(--space-xs);font-size:var(--text-sm);font-family:var(--font-ui);outline:none;box-shadow:none;min-width:0}.toolbar__search-input:focus{box-shadow:none;border-color:transparent}.toolbar__search-clear{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.toolbar__search-clear:hover{background:var(--bg-overlay);color:var(--text-primary)}.toolbar__filters{display:flex;gap:2px;background:var(--bg-overlay);border-radius:var(--radius-md);padding:2px;flex-shrink:0}.toolbar__filter-btn{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:calc(var(--radius-md) - 2px);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.toolbar__filter-btn:hover{color:var(--text-secondary)}.toolbar__filter-btn--active{background:var(--bg-card);color:var(--text-accent);box-shadow:var(--shadow-sm);font-weight:600}@media(max-width:768px){.toolbar__inner{flex-direction:column;gap:var(--space-xs)}.toolbar__filters{align-self:stretch;justify-content:center}}.todo-item{animation:fadeInUp .4s var(--ease-out) both;border-bottom:1px solid var(--border-light);transition:background-color var(--duration-fast) var(--ease-out);overflow:hidden}.todo-item:last-child{border-bottom:none}.todo-item:hover{background-color:var(--bg-overlay)}.todo-item--done{opacity:.65}.todo-item--done .todo-item__text{text-decoration:line-through;color:var(--text-muted)}.todo-item__swipe-container{position:relative;overflow:hidden}.todo-item__swipe-actions{position:absolute;right:0;top:0;bottom:0;display:none;align-items:stretch;z-index:1}.todo-item__swipe-btn{display:flex;align-items:center;justify-content:center;padding:0 var(--space-md);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;color:#fff;cursor:pointer;white-space:nowrap;min-width:46px}.todo-item__swipe-btn--edit{background:var(--olive-500)}.todo-item__swipe-btn--note{background:var(--terra)}.todo-item__swipe-btn--delete{background:var(--danger)}.todo-item__main{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);padding-left:0;background:var(--bg-card);position:relative;z-index:2;transition:transform .2s var(--ease-out)}.todo-item__drag-handle{display:flex;align-items:center;justify-content:center;width:24px;align-self:stretch;font-size:14px;color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);flex-shrink:0;touch-action:none;margin-left:var(--space-sm)}.todo-item:hover .todo-item__drag-handle{opacity:1}.todo-item__drag-handle:hover{color:var(--text-accent)}.todo-item__drag-handle:active{cursor:grabbing}.todo-item__checkbox{flex-shrink:0;width:22px;height:22px;border-radius:6px;border:2px solid var(--checkbox-border);display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out);position:relative;margin-top:2px;cursor:pointer;background:transparent}.todo-item__checkbox:hover{border-color:var(--checkbox-fill);box-shadow:0 0 0 4px var(--checkbox-ripple)}.todo-item__checkbox--checked{background:var(--checkbox-fill);border-color:var(--checkbox-fill);animation:checkPop .35s var(--ease-out)}.todo-item__checkbox--checked svg{width:14px;height:14px;color:var(--text-on-accent);stroke-dasharray:24;stroke-dashoffset:0;animation:checkDraw .4s var(--ease-out)}@keyframes checkDraw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.todo-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.todo-item__text{font-size:var(--text-base);line-height:var(--leading-tight);cursor:default;word-break:break-word}.todo-item__edit-input{font-size:var(--text-base);padding:var(--space-xs) var(--space-sm);margin:-2px 0;font-family:var(--font-body)}.todo-item__timestamp{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--olive-400);font-weight:500;letter-spacing:.02em}.todo-item__actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.todo-item:hover .todo-item__actions,.todo-item:focus-within .todo-item__actions{opacity:1}.todo-item__btn{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;transition:background-color var(--duration-fast) var(--ease-out);cursor:pointer}.todo-item__btn:hover{background-color:var(--bg-overlay)}.todo-item__btn--note[data-has-note=true]{position:relative}.todo-item__btn--note[data-has-note=true]:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--olive-400)}.todo-item__btn--confirm{font-size:var(--text-xs);font-family:var(--font-ui);color:var(--danger);font-weight:600;width:auto;padding:0 var(--space-sm)}.todo-item__btn--delete:hover{background-color:var(--danger-bg)}.todo-item__note-section{padding:0 var(--space-lg) var(--space-md);padding-left:calc(var(--space-lg) + 22px + var(--space-sm) + 24px);display:flex;flex-direction:column;gap:var(--space-sm);animation:fadeIn .2s var(--ease-out)}.todo-item__original-note{background:var(--bg-overlay);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--olive-300)}.todo-item__original-note p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-top:4px}.todo-item__ps-note{display:flex;flex-direction:column;gap:4px}.todo-item__ps-note textarea{font-size:var(--text-sm)}.todo-item__note-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.todo-item__swipe-actions{display:flex}.todo-item__actions{display:none}.todo-item__drag-handle{opacity:.5}.todo-item__main{padding-right:var(--space-md)}.todo-item__note-section{padding-left:calc(var(--space-md) + 22px + var(--space-sm))}}.add-item-trigger{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);width:100%;background:none;border:none}.add-item-trigger:hover{color:var(--text-accent)}.add-item-trigger__icon{width:22px;height:22px;border-radius:6px;border:2px dashed var(--border-medium);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:300;line-height:1;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.add-item-trigger:hover .add-item-trigger__icon{border-color:var(--olive-400);color:var(--olive-400)}.add-item-input{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);animation:fadeIn .2s var(--ease-out)}.add-item-input__field{flex:1;font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm)}.add-item-input__confirm,.add-item-input__cancel{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.add-item-input__confirm{background:var(--olive-500);color:var(--text-on-accent)}.add-item-input__confirm:hover{background:var(--olive-600)}.add-item-input__cancel{color:var(--text-muted)}.add-item-input__cancel:hover{color:var(--text-primary);background:var(--bg-overlay)}.category{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;animation:fadeInUp .5s var(--ease-out) both;transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.category:hover{box-shadow:var(--shadow-md)}.category--done{opacity:.7}.category--done .category__title{text-decoration:line-through;color:var(--text-muted)}.category__header-row{display:flex;align-items:stretch}.category__drag-handle{display:flex;align-items:center;justify-content:center;width:32px;font-size:18px;color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);flex-shrink:0;touch-action:none}.category__drag-handle:hover{color:var(--text-accent);background-color:var(--bg-overlay)}.category__drag-handle:active{cursor:grabbing}.category__header{flex:1;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);padding-left:var(--space-sm);cursor:pointer;background:none;border:none;text-align:left;transition:background-color var(--duration-fast) var(--ease-out);min-width:0}.category__header:hover{background-color:var(--bg-card-hover)}.category__title-row{display:flex;align-items:center;gap:var(--space-sm)}.category__icon{font-size:var(--text-xl);line-height:1}.category__title{flex:1;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);line-height:var(--leading-tight)}.category__chevron{font-size:var(--text-xl);color:var(--text-muted);transition:transform var(--duration-normal) var(--ease-out);transform:rotate(0);font-weight:300}.category__chevron--open{transform:rotate(90deg)}.category__body{border-top:1px solid var(--border-light);animation:fadeIn .25s var(--ease-out)}.category__batch-bar{padding:var(--space-xs) var(--space-lg);display:flex;justify-content:flex-end;border-bottom:1px solid var(--border-light)}.category__batch-btn{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--text-accent);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.category__batch-btn:hover{background:var(--bg-overlay)}.category__batch-btn--undo{color:var(--text-muted)}.category__batch-btn--undo:hover{color:var(--text-secondary)}.password-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--space-lg)}.password-gate__card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-3xl) var(--space-2xl);text-align:center;max-width:360px;width:100%;animation:fadeInUp .5s var(--ease-out)}.password-gate__card--shake{animation:shake .5s var(--ease-out)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(10px)}60%{transform:translate(-8px)}80%{transform:translate(6px)}}.password-gate__emoji{font-size:48px;display:block;margin-bottom:var(--space-md)}.password-gate__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.password-gate__subtitle{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-xl)}.password-gate__form{display:flex;flex-direction:column;gap:var(--space-sm)}.password-gate__input{text-align:center;font-size:var(--text-lg);padding:var(--space-md);border-radius:var(--radius-md);letter-spacing:.1em}.password-gate__input--error{border-color:var(--danger);box-shadow:0 0 0 3px #c0595926}.password-gate__btn{padding:var(--space-md);font-family:var(--font-ui);font-size:var(--text-base);font-weight:600;background:var(--olive-500);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.password-gate__btn:hover{background:var(--olive-600)}.password-gate__error{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--danger);margin-top:var(--space-sm);animation:fadeIn .2s var(--ease-out)}.app{min-height:100vh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app__main{flex:1;padding:var(--space-xl) var(--space-md);padding-bottom:calc(var(--space-3xl) + env(safe-area-inset-bottom))}.app__container{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);background:var(--bg-primary)}.app-loading__spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--border-light);border-top-color:var(--olive-500);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loading__text{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-muted);animation:fadeIn .5s var(--ease-out)}.app-loading__error{max-width:560px;padding:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:left;animation:fadeInUp .4s var(--ease-out)}.app-loading__error h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-md)}.app-loading__error-msg{font-family:var(--font-mono, monospace);font-size:var(--text-sm);color:#c44;padding:var(--space-sm) var(--space-md);background:#c83c3c14;border-radius:var(--radius-sm);margin-bottom:var(--space-lg);word-break:break-all}.app-loading__error-help{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.app-loading__error-help ol{padding-left:1.2em;margin:var(--space-sm) 0 var(--space-lg)}.app-loading__code{background:var(--bg-overlay);padding:var(--space-md);border-radius:var(--radius-sm);margin-top:var(--space-md)}.app-loading__code pre{font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre;margin:var(--space-sm) 0;padding:var(--space-sm);background:var(--bg-primary);border-radius:4px}.app-loading__code-note{font-size:var(--text-xs);color:#c44;margin-top:var(--space-sm)}.app-loading__retry{display:block;margin:var(--space-xl) auto 0;padding:var(--space-sm) var(--space-xl);font-family:var(--font-ui);font-size:var(--text-base);font-weight:600;background:var(--olive-500);color:var(--text-on-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.app-loading__retry:hover{background:var(--olive-600)}.app__footer{max-width:var(--max-width);margin:var(--space-3xl) auto var(--space-xl);text-align:center;padding:var(--space-xl) 0;border-top:1px solid var(--border-light)}.app__empty{text-align:center;padding:var(--space-3xl) var(--space-xl);animation:fadeIn .3s var(--ease-out)}.app__empty-icon{font-size:48px;margin-bottom:var(--space-md)}.app__empty-text{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-lg)}.app__empty-reset{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;padding:var(--space-sm) var(--space-xl);background:var(--olive-500);color:var(--text-on-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.app__empty-reset:hover{background:var(--olive-600)}.app__footer p{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.app__footer-sub{font-family:var(--font-ui)!important;font-style:normal!important;font-size:var(--text-xs)!important;margin-top:var(--space-xs);letter-spacing:.04em}@media(max-width:768px){.app__main{padding:var(--space-md) var(--space-sm);padding-bottom:var(--space-2xl)}.app__container{gap:var(--space-md)}}