:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-base:#0a0e0d;--bg-surface:#121816;--bg-surface-elevated:#1a2320;--bg-surface-glass:#121816e0;--border-subtle:#212c29;--border-medium:#2e3d39;--border-active:#0d9488;--text-main:#f1f5f4;--text-muted:#9ba9a5;--text-dim:#647470;--accent:#14b8a6;--accent-glow:#14b8a640;--accent-soft:#14b8a61f;--accent-dark:#0f766e;--cold:#38bdf8;--cold-soft:#38bdf81f;--cold-border:#38bdf840;--night:#a855f7;--night-soft:#a855f71f;--night-border:#a855f74d;--warn:#f59e0b;--warn-soft:#f59e0b1f;--warn-border:#f59e0b40;--danger:#f43f5e;--success:#10b981;--success-soft:#10b98126;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-glow:0 0 24px #14b8a633;--nav-height:64px}[data-theme=light]{--bg-base:#f4f6f5;--bg-surface:#fff;--bg-surface-elevated:#e8ecea;--bg-surface-glass:#ffffffeb;--border-subtle:#dbe2df;--border-medium:#cbd5d1;--border-active:#0d9488;--text-main:#131d1a;--text-muted:#53625e;--text-dim:#82928e;--accent:#0d9488;--accent-glow:#0d948833;--accent-soft:#0d948814;--accent-dark:#0f766e;--cold:#0284c7;--cold-soft:#0284c714;--cold-border:#0284c733;--night:#7c3aed;--night-soft:#7c3aed14;--night-border:#7c3aed33;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #00000014}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-main);-webkit-text-size-adjust:100%;font-size:15px;line-height:1.5}body{min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,24px) + 20px);background:radial-gradient(circle at 50% 0%, #14b8a60f 0%, transparent 60%), var(--bg-base);overflow-x:hidden}.app-container{width:100%;max-width:680px;margin:0 auto;padding:0 14px}.app-header{z-index:40;background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding-top:env(safe-area-inset-top,8px);position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.brand-badge{align-items:center;gap:8px;display:flex}.brand-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;width:32px;height:32px;box-shadow:0 2px 8px var(--accent-glow);justify-content:center;align-items:center;display:flex}.brand-title{letter-spacing:-.02em;color:var(--text-main);font-size:1.05rem;font-weight:800}.brand-sub{color:var(--text-dim);font-size:.72rem;font-weight:500}.header-actions{gap:6px;display:flex}.icon-btn{border-radius:var(--radius-full);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover,.icon-btn:active{color:var(--accent);border-color:var(--accent);transform:scale(.96)}.metrics-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:4px 14px 10px;display:flex;overflow-x:auto}.metrics-strip::-webkit-scrollbar{display:none}.metric-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);white-space:nowrap;flex:none;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;display:flex}.metric-pill strong{color:var(--text-main);font-weight:600}.metric-pill.highlight{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.days-nav-wrapper{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding:8px 14px 12px;overflow-x:auto}.days-nav-wrapper::-webkit-scrollbar{display:none}.days-tabs{gap:6px;min-width:max-content;display:flex}.day-tab{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);min-width:48px;height:52px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.day-tab .day-short{text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.day-tab .day-dot{border-radius:var(--radius-full);background:0 0;width:5px;height:5px;margin-top:4px;transition:all .2s}.day-tab.is-active{background:var(--accent);color:#071714;border-color:var(--accent);box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-1px)}.day-tab.is-active .day-short{color:#051915;font-weight:800}.day-tab.is-active .day-dot{background:#051915}.day-tab.is-today:after{content:"Danas";background:var(--warn);color:#1a1205;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:1px 4px;font-size:.58rem;font-weight:800;position:absolute;top:-6px}.day-tab.is-party{border-color:var(--night-border)}.day-tab.is-party:before{content:"🍸";font-size:8px;position:absolute;bottom:2px;right:3px}.view-section{padding-top:14px;animation:.25s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.day-card-header{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:14px 16px;position:relative;overflow:hidden}.day-card-header:before{content:"";background:var(--accent);width:4px;height:100%;position:absolute;top:0;left:0}.day-card-header.is-party:before{background:var(--night)}.day-header-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.day-title-group h2{letter-spacing:-.02em;color:var(--text-main);align-items:center;gap:8px;font-size:1.35rem;font-weight:800;display:flex}.day-subtitle{color:var(--text-muted);margin-top:2px;font-size:.88rem;font-weight:500}.tag-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.tag-badge.party{background:var(--night-soft);color:var(--night);border-color:var(--night)}.tag-badge.rest{background:var(--cold-soft);color:var(--cold);border-color:var(--cold)}.day-progress-container{border-top:1px solid var(--border-subtle);margin-top:14px;padding-top:12px}.day-progress-info{color:var(--text-muted);justify-content:space-between;margin-bottom:6px;font-size:.78rem;display:flex}.day-progress-info strong{color:var(--text-main)}.progress-track{background:var(--bg-surface-elevated);border-radius:var(--radius-full);width:100%;height:7px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), #2dd4bf);border-radius:var(--radius-full);width:0%;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.timeline-list{flex-direction:column;gap:10px;display:flex}.timeline-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .2s;display:flex;position:relative}.timeline-item:active{transform:scale(.99)}.timeline-item.checked{border-color:var(--border-subtle);opacity:.65;background:#12181673}.timeline-item.checked .item-text{color:var(--text-dim);text-decoration:line-through}.timeline-item.is-freezer{border-color:var(--cold-border);background:linear-gradient(90deg, var(--cold-soft) 0%, var(--bg-surface) 60%)}.timeline-item.is-freezer .time-badge{background:var(--cold-soft);color:var(--cold);border-color:var(--cold)}.timeline-item.is-night{border-color:var(--night-border);background:linear-gradient(90deg, var(--night-soft) 0%, var(--bg-surface) 60%)}.timeline-item.is-night .time-badge{background:var(--night-soft);color:var(--night);border-color:var(--night)}.timeline-item.is-habit{border-color:var(--accent-glow)}.check-touch-target{flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin:-10px -8px -10px -10px;display:flex}.custom-checkbox{border:2px solid var(--border-medium);background:var(--bg-surface-elevated);color:#071714;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.timeline-item.checked .custom-checkbox,.shopping-item.checked .custom-checkbox,.freezer-card.checked .custom-checkbox{background:var(--accent);border-color:var(--accent);transform:scale(1.05)}.custom-checkbox svg{opacity:0;transition:opacity .15s}.timeline-item.checked .custom-checkbox svg,.shopping-item.checked .custom-checkbox svg,.freezer-card.checked .custom-checkbox svg{opacity:1}.item-content{flex:1;min-width:0}.item-meta{align-items:center;gap:8px;margin-bottom:4px;display:flex}.time-badge{color:var(--text-muted);background:var(--bg-surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-variant-numeric:tabular-nums;padding:2px 7px;font-size:.75rem;font-weight:700}.category-chip{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);padding:2px 6px;font-size:.65rem;font-weight:800}.category-chip.cold{background:var(--cold);color:#041b27}.category-chip.night{background:var(--night);color:#1a0833}.item-title{color:var(--text-main);font-size:.95rem;font-weight:700;line-height:1.35}.item-text{color:var(--text-muted);margin-top:3px;font-size:.88rem;line-height:1.45}.shopping-header{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:14px;padding:16px}.shopping-comparison-cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.shop-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-elevated);padding:10px 12px}.shop-card.winner{border-color:var(--accent);background:var(--accent-soft)}.shop-card-name{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.shop-card.winner .shop-card-name{color:var(--accent)}.shop-card-price{color:var(--text-main);font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.25rem;font-weight:800}.shop-badge{background:var(--accent);color:#061915;border-radius:var(--radius-full);margin-top:4px;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-block}.savings-banner{border-radius:var(--radius-md);background:var(--success-soft);border:1px solid var(--success);color:var(--success);align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:.82rem;font-weight:600;display:flex}.shopping-group{margin-top:16px}.shopping-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:8px;padding-left:4px;font-size:.8rem;font-weight:700}.shopping-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;transition:all .2s;display:flex}.shopping-item.checked{opacity:.5;background:#12181666}.shopping-item.checked .shop-item-name{text-decoration:line-through}.shop-left{flex:1;align-items:center;gap:10px;display:flex}.shop-item-name{color:var(--text-main);font-size:.9rem;font-weight:600;line-height:1.3}.shop-prices{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:.85rem;display:flex}.price-moj{color:var(--text-dim);font-size:.78rem}.price-djuric{color:var(--accent);font-weight:700}.freezer-card{background:var(--bg-surface);border:1px solid var(--cold-border);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:12px;padding:16px;position:relative;overflow:hidden}.freezer-card:before{content:"";background:var(--cold);width:4px;height:100%;position:absolute;top:0;left:0}.freezer-card.checked{opacity:.6}.freezer-trigger-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.freezer-trigger{color:var(--cold);font-size:.85rem;font-weight:800}.freezer-target{text-transform:uppercase;color:var(--text-muted);background:var(--bg-surface-elevated);border-radius:var(--radius-full);padding:2px 8px;font-size:.75rem;font-weight:700}.freezer-desc{color:var(--text-main);margin-top:4px;font-size:.92rem;line-height:1.4}.freezer-rules-box{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:14px;padding:14px}.freezer-rules-box h3{color:var(--cold);margin-bottom:6px;font-size:.85rem;font-weight:700}.freezer-rules-box p{color:var(--text-muted);font-size:.85rem;line-height:1.45}.rules-grid{flex-direction:column;gap:10px;display:flex}.rule-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px}.rule-card.rule-forbidden{border-left:4px solid var(--danger)}.rule-card.rule-allowed{border-left:4px solid var(--accent)}.rule-card.rule-warn{border-left:4px solid var(--warn)}.rule-header{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.85rem;font-weight:800}.rule-forbidden .rule-header{color:var(--danger)}.rule-allowed .rule-header{color:var(--accent)}.rule-warn .rule-header{color:var(--warn)}.rule-text{color:var(--text-muted);font-size:.88rem;line-height:1.45}.bottom-nav{z-index:50;background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);padding-bottom:env(safe-area-inset-bottom,12px);position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{max-width:680px;height:var(--nav-height);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.nav-item{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;transition:all .2s;display:flex}.nav-item svg{transition:transform .2s,stroke .2s}.nav-label{letter-spacing:.02em;font-size:.72rem;font-weight:600}.nav-item.active{color:var(--accent)}.nav-item.active svg{stroke:var(--accent);transform:translateY(-2px)}.toast-notice{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,16px) + 16px);background:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-medium);border-radius:var(--radius-full);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;z-index:60;white-space:nowrap;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);position:fixed;left:50%;transform:translate(-50%)translateY(20px)}.toast-notice.show{opacity:1;transform:translate(-50%)translateY(0)}@media print{.app-header,.bottom-nav,.days-nav-wrapper,.header-actions,.toast-notice{display:none!important}body{color:#000!important;background:#fff!important;padding:0!important}.app-container{max-width:none!important;padding:0!important}.view-section{display:block!important}}