@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", sans-serif;--bg-main:40 30% 98%;--bg-card:0 0% 100%;--bg-input:220 15% 95%;--primary:250 85% 60%;--primary-hover:250 85% 67%;--secondary:265 80% 55%;--accent:142 70% 45%;--text-main:220 20% 18%;--text-muted:220 10% 45%;--text-heading:220 25% 10%;--border:220 15% 90%;--border-focus:250 85% 65%;--radius-lg:20px;--radius-md:12px;--radius-sm:8px;--glow-primary:#818cf814;--glow-secondary:#a855f714;--pastel-purple:270 70% 85%;--pastel-pink:350 80% 90%;--pastel-mint:150 60% 88%;--pastel-blue:200 70% 88%;--retro-rose:10 50% 88%;--retro-mustard:45 55% 88%;--retro-sage:110 25% 88%;--retro-blue:210 35% 88%;--retro-terracotta:25 45% 88%;--neon-violet:280 75% 90%;--neon-pink:330 80% 90%;--neon-cyan:180 70% 90%;--neon-green:120 60% 90%;--neon-orange:25 80% 90%;--autumn-apricot:25 75% 90%;--autumn-honey:40 75% 88%;--autumn-olive:80 30% 88%;--autumn-ocean:190 45% 88%;--autumn-mulberry:320 40% 88%;--mono-white:0 0% 100%;--mono-snow:220 15% 96%;--mono-clay:220 10% 90%;--mono-slate:220 15% 82%;--mono-mist:220 15% 75%;--forest-teal:180 50% 90%;--forest-emerald:150 45% 90%;--forest-moss:100 30% 90%;--forest-spruce:165 35% 90%;--forest-sage:135 25% 90%;--space-navy:220 50% 90%;--space-indigo:240 50% 90%;--space-purple:265 50% 90%;--space-galaxy:285 45% 90%;--space-starlight:210 30% 92%;--sunset-burgundy:345 50% 90%;--sunset-amber:35 80% 90%;--sunset-coral:10 70% 90%;--sunset-gold:50 70% 88%;--sunset-plum:315 45% 90%}.dark{--bg-main:224 25% 6%;--bg-card:224 25% 10%;--bg-input:224 25% 13%;--primary:250 85% 65%;--primary-hover:250 85% 72%;--secondary:265 80% 60%;--accent:142 70% 50%;--text-main:220 15% 85%;--text-muted:220 10% 55%;--text-heading:0 0% 100%;--border:224 20% 16%;--border-focus:250 85% 65%;--glow-primary:#818cf826;--glow-secondary:#a855f726;--pastel-purple:270 50% 25%;--pastel-pink:350 50% 30%;--pastel-mint:150 40% 20%;--pastel-blue:200 40% 25%;--retro-rose:10 35% 25%;--retro-mustard:45 40% 25%;--retro-sage:110 20% 24%;--retro-blue:210 25% 25%;--retro-terracotta:25 30% 25%;--neon-violet:280 50% 25%;--neon-pink:330 50% 25%;--neon-cyan:180 40% 22%;--neon-green:120 40% 22%;--neon-orange:25 50% 25%;--autumn-apricot:25 45% 24%;--autumn-honey:40 45% 24%;--autumn-olive:80 20% 24%;--autumn-ocean:190 30% 24%;--autumn-mulberry:320 25% 24%;--mono-white:220 25% 10%;--mono-snow:220 25% 13%;--mono-clay:220 20% 16%;--mono-slate:220 15% 24%;--mono-mist:220 15% 30%;--forest-teal:180 40% 18%;--forest-emerald:150 35% 18%;--forest-moss:100 25% 18%;--forest-spruce:165 25% 18%;--forest-sage:135 20% 18%;--space-navy:220 40% 18%;--space-indigo:240 40% 18%;--space-purple:265 40% 18%;--space-galaxy:285 35% 18%;--space-starlight:210 20% 20%;--sunset-burgundy:345 40% 20%;--sunset-amber:35 50% 20%;--sunset-coral:10 45% 20%;--sunset-gold:50 45% 18%;--sunset-plum:315 35% 20%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-main));color:hsl(var(--text-main));font-family:var(--font-sans);height:100vh;line-height:1.6;transition:background-color .3s,color .3s;overflow:hidden}#root{flex-direction:column;width:100%;max-width:100%;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:hsl(var(--text-heading));letter-spacing:-.02em;font-weight:700}h1{font-size:2.5rem;line-height:1.2}h2{font-size:1.75rem;line-height:1.3}.bujo-canvas-container{border-radius:var(--radius-lg);border:1px solid hsla(var(--border) / .8);background-color:hsla(var(--bg-card) / .5);width:100%;height:auto;padding:30px;transition:border-color .3s;position:relative;overflow:hidden;box-shadow:inset 0 2px 20px #00000005}.bujo-dot-grid{background-image:radial-gradient(hsl(var(--primary) / .15) 1.5px, transparent 1.5px);background-size:30px 30px;width:1920px;height:1200px;position:relative}.dark .bujo-dot-grid{background-image:radial-gradient(hsl(var(--primary) / .25) 1.5px, transparent 1.5px)}.edit-mode-active .bujo-dot-grid{background-image:radial-gradient(hsl(var(--primary) / .35) 1.8px, transparent 1.8px)}.glass-card{background:hsla(var(--bg-card) / .75);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(var(--border) / .6);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #0000000a}.dark .glass-card{box-shadow:0 20px 40px -15px #00000080}.glass-card:hover{border-color:hsla(var(--primary) / .25);box-shadow:0 12px 40px #0000000f}.dark .glass-card:hover{box-shadow:0 25px 50px -12px #0009, 0 0 40px -5px hsla(var(--primary) / .05)}.btn-primary{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--secondary)));color:#fff;font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 12px hsla(var(--primary) / .2);border:none;justify-content:center;align-items:center;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{opacity:.95;box-shadow:0 6px 16px hsla(var(--primary) / .3);transform:translateY(-1px)}.btn-outline{color:hsl(var(--text-main));border:1px solid hsl(var(--border));font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline:hover{background:hsla(var(--text-main) / .04);border-color:hsla(var(--text-main) / .2)}@keyframes wiggle{0%{transform:rotate(1.5deg)translate(.5px,.5px)}50%{transform:rotate(-1.5deg)translate(-.5px,-.5px)}to{transform:rotate(1.5deg)translate(.5px,.5px)}}.wiggle-active{cursor:move;animation:.25s ease-in-out infinite wiggle;transition:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsla(var(--text-muted) / .2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(var(--text-muted) / .4)}@media (width<=992px){body{height:auto;overflow:auto}#root{height:auto;overflow:visible}.bujo-canvas-container{height:600px}}@media (width<=768px){header.no-print{flex-direction:column;gap:16px;height:auto!important;padding:20px!important}.bujo-canvas-container{height:500px}}.main-layout{width:100%;transition:padding-right .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.stationery-shelf-container{flex-direction:column;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.superhub-drawer-container{flex-direction:column;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.superhub-drawer{background:hsla(var(--bg-card) / .85);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(var(--border) / .8);border-radius:var(--radius-lg);flex-direction:column;width:100%;height:100%;padding:16px;display:flex;overflow:hidden;box-shadow:-4px 0 24px #00000008}.superhub-pull-tab{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--secondary)));color:#fff;border:1px solid hsla(var(--border) / .2);cursor:pointer;z-index:100;border-right:none;border-radius:12px 0 0 12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:28px;height:90px;transition:all .2s;display:flex;position:absolute;top:50%;left:-28px;transform:translateY(-50%);box-shadow:-4px 4px 12px #0000001a}.superhub-pull-tab:hover{width:32px;left:-32px}.superhub-pull-tab-arrow{margin-top:8px;font-size:.7rem;font-weight:800;transition:transform .3s}.superhub-pull-tab-text{writing-mode:vertical-lr;text-orientation:mixed;letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:700}.app-dock{background:hsla(var(--text-main) / .04);border-radius:var(--radius-md);border:1px solid hsla(var(--border) / .5);justify-content:space-around;align-items:center;gap:8px;padding:10px;display:flex}.app-dock-icon{cursor:pointer;background:hsla(var(--bg-card) / .9);border:1px solid hsla(var(--border) / .6);width:42px;height:42px;color:hsl(var(--text-muted));border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.app-dock-icon:hover{color:hsl(var(--primary));border-color:hsl(var(--primary));box-shadow:0 4px 12px hsla(var(--primary) / .15);transform:translateY(-2px)}.app-dock-icon.active{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--secondary)));color:#fff;box-shadow:0 4px 12px hsla(var(--primary) / .25);border:none}.highlighter-card{mix-blend-mode:multiply;opacity:.35!important;box-shadow:none!important;background-color:var(--highlighter-color)!important;border:none!important;border-radius:4px!important;padding:0!important}.dark .highlighter-card{mix-blend-mode:lighten;opacity:.3!important}.edit-mode-active .highlighter-card{border:1.5px dashed hsl(var(--primary))!important;opacity:.7!important;mix-blend-mode:normal!important;box-shadow:0 4px 12px #0000000d!important}.edit-mode-active .highlighter-card:hover{border-color:hsl(var(--primary-hover))!important;opacity:.85!important}.pointer-none{pointer-events:none!important}.gp-calculator-card{flex-direction:column;gap:12px;display:flex;background:hsla(var(--bg-card) / .9)!important;border-radius:var(--radius-md)!important;border:1px solid hsla(var(--border) / .8)!important;padding:14px!important;box-shadow:0 4px 20px #0000000d!important}.gp-header{border-bottom:1px dashed hsla(var(--border) / .8);align-items:center;gap:8px;margin-bottom:4px;padding-bottom:6px;display:flex}.gp-title{text-transform:uppercase;color:hsl(var(--text-heading));flex:1;font-size:.8rem;font-weight:800}.gp-form-row{flex-direction:column;gap:4px;display:flex}.gp-label{color:hsl(var(--text-muted));font-size:.68rem;font-weight:700}.gp-input-wrapper{align-items:center;display:flex;position:relative}.gp-input-currency{color:hsl(var(--text-muted));font-size:.75rem;font-weight:700;position:absolute;left:8px}.gp-input{border:1px solid hsla(var(--border) / .8);background:hsl(var(--bg-input));width:100%;color:hsl(var(--text-heading));font-family:var(--font-sans);border-radius:6px;outline:none;padding:5px 8px 5px 36px;font-size:.78rem;font-weight:600}.gp-input:focus{border-color:hsl(var(--primary))}.gp-results{background:hsla(var(--text-main) / .03);border-radius:var(--radius-sm);border:1px solid hsla(var(--border) / .4);flex-direction:column;gap:4px;padding:8px;display:flex}.gp-result-row{justify-content:space-between;font-size:.75rem;display:flex}.gp-result-val{color:hsl(var(--text-heading));font-weight:700}.gp-result-val.highlight{color:hsl(var(--accent))}.gp-snapshot-btn{border-radius:6px;justify-content:center;align-items:center;gap:4px;width:100%;padding:6px;font-size:.72rem;font-weight:700;display:flex}.google-toast{background:hsla(var(--bg-card) / .85);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(var(--border) / .8);border-radius:var(--radius-md);z-index:9999;border-left:5px solid #4285f4;align-items:flex-start;gap:12px;width:320px;padding:14px;transition:all .3s;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;position:fixed;top:96px;right:24px;box-shadow:0 10px 30px #00000014}.google-toast-tasks{border-left-color:#fbbc05}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.google-toast-icon-container{background:hsla(var(--text-main) / .03);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.google-toast-content{flex-direction:column;flex:1;gap:2px;display:flex}.google-toast-title{color:hsl(var(--text-heading));align-items:center;gap:6px;font-size:.8rem;font-weight:800;display:flex}.google-toast-body{color:hsl(var(--text-main));font-size:.72rem;line-height:1.3}.google-toast-meta{color:hsl(var(--text-muted));background:hsla(var(--text-muted) / .08);border-radius:4px;align-self:flex-start;margin-top:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.google-toast-spinner{border:2px solid hsla(var(--primary) / .2);border-top-color:hsl(var(--primary));border-radius:50%;width:12px;height:12px;animation:.8s linear infinite toastSpinner}@keyframes toastSpinner{to{transform:rotate(360deg)}}.signifier-badge{border:1.5px solid hsla(var(--border) / .9);cursor:pointer;z-index:100;width:20px;height:20px;color:hsl(var(--text-heading));background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;transition:all .2s;display:flex;position:absolute;top:-8px;left:10px;box-shadow:0 2px 5px #0000001a}.signifier-badge:hover{background:hsla(var(--text-main) / .02);transform:scale(1.1)}.signifier-dropdown{background:hsl(var(--bg-card));border:1px solid hsla(var(--border) / .9);z-index:1000;border-radius:8px;gap:2px;padding:4px;display:flex;position:absolute;top:16px;left:10px;box-shadow:0 4px 12px #0000001a}.signifier-option{cursor:pointer;width:22px;height:22px;color:hsl(var(--text-muted));background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;transition:all .15s;display:flex}.signifier-option:hover{background:hsla(var(--text-main) / .05);color:hsl(var(--text-heading))}.signifier-option.active{background:hsl(var(--primary));color:#fff}.card-migrated{border:2px dashed hsla(var(--text-muted) / .5)!important;background:repeating-linear-gradient(45deg, hsla(var(--text-muted) / .02), hsla(var(--text-muted) / .02) 10px, transparent 10px, transparent 20px)!important}.card-completed{opacity:.65}.sticky-index-tabs-container{z-index:100;flex-direction:column;gap:6px;display:flex;position:absolute;top:40px;left:0}.sticky-index-tab{width:32px;height:36px;font-family:var(--font-heading);color:hsl(var(--text-heading));border:1px solid hsla(var(--border) / .9);cursor:pointer;background-color:var(--tab-bg);white-space:nowrap;border-right:none;border-radius:8px 0 0 8px;justify-content:flex-start;align-items:center;padding-left:8px;font-size:.75rem;font-weight:800;text-decoration:none;transition:width .25s cubic-bezier(.4,0,.2,1),transform .15s,background-color .2s;display:flex;overflow:hidden;box-shadow:-2px 2px 6px #00000005}.sticky-index-tab:hover{filter:brightness(.98);width:140px;transform:translate(2px);box-shadow:-4px 2px 10px #0000000d}.sticky-index-tab-text{opacity:0;margin-left:8px;font-weight:700;transition:opacity .15s ease-in-out}.sticky-index-tab:hover .sticky-index-tab-text{opacity:1}.sticky-index-tab.active{background-color:hsl(var(--bg-card));z-index:101;border-color:hsla(var(--border) / 1);width:36px;box-shadow:-4px 0 10px #00000008}.sticky-index-tab.active:hover{width:140px}.sticky-index-tab-add{width:32px;height:36px;font-family:var(--font-heading);color:hsl(var(--primary));background-color:hsla(var(--text-main) / .03);border:1px dashed hsla(var(--border) / .9);cursor:pointer;white-space:nowrap;border-right:none;border-radius:8px 0 0 8px;justify-content:flex-start;align-items:center;padding-left:9px;font-size:.8rem;font-weight:800;transition:width .25s cubic-bezier(.4,0,.2,1),background-color .2s;display:flex;overflow:hidden}.sticky-index-tab-add:hover{background-color:hsla(var(--primary) / .08);width:140px;transform:translate(2px)}.bujo-pagination-container{justify-content:center;align-items:center;margin-top:8px;padding:8px 0;display:flex}.bujo-pagination-bar{background:hsla(var(--bg-card) / .8);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(var(--border) / .8);border-radius:100px;align-items:center;gap:12px;padding:4px 16px;display:flex;box-shadow:0 4px 15px #00000008}.bujo-pagination-btn{cursor:pointer;width:24px;height:24px;color:hsl(var(--text-heading));background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.bujo-pagination-btn:hover:not(:disabled){background:hsla(var(--text-main) / .05)}.bujo-pagination-btn:disabled{opacity:.35;cursor:not-allowed}.bujo-pagination-label{font-family:var(--font-sans);color:hsl(var(--text-muted));text-align:center;min-width:90px;font-size:.75rem;font-weight:700}.canvas-floating-toolbar{background:hsla(var(--bg-card) / .85);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(var(--border) / .8);border-radius:var(--radius-md);z-index:500;flex-direction:row;align-items:center;gap:8px;width:auto;height:44px;padding:6px 12px;transition:all .2s;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000000f}.floating-tool-btn{width:28px;height:28px;color:hsl(var(--text-muted));cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;transition:all .15s;display:flex}.floating-tool-btn:hover{background:hsla(var(--text-main) / .05);color:hsl(var(--text-heading))}.floating-tool-btn.active{background:hsl(var(--primary));color:#fff;box-shadow:0 2px 8px hsla(var(--primary) / .25)}.floating-tool-divider{border-left:1px dashed hsla(var(--border) / .8);width:1px;height:16px;margin:0 6px}@media print{body{color:#000!important;background:#fff!important;height:auto!important;overflow:visible!important}header,.toolbar-container,.stationery-shelf-container,.btn-primary,.btn-outline,.no-print{display:none!important}.bujo-canvas-container{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;height:100%!important;padding:0!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}.bujo-dot-grid{background-image:none!important;width:100%!important;height:100%!important;transform:none!important}.canvas-item{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important;background:var(--print-bg,#fff)!important;border:1.5px solid #000!important}}