html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}:root{--paper:#fff4e8;--paper-shadow:#f3d1bd;--sticker:#fffaf2;--sticker-warm:#ffe8d5;--sticker-glow:#fff8ef;--ink:#2a1836;--muted:#6b5472;--blue:#7da6c2;--blue-light:#b8d2e2;--blue-soft:#dceaf2;--blue-glow:#7da6c238;--purple:#4c3174;--purple-soft:#efe2ff;--fuchsia:#d72563;--fuchsia-soft:#ffd7e7;--orange:#f28c28;--orange-soft:#ffe2c3;--gold:#d9a441;--gold-soft:#f7df9e;--copper:#b86b3a;--copper-soft:#f0c2a4;--border:#4c317438;--blue-border:#7da6c257;--shadow:#4c317429;--warm-shadow:#b86b3a2e}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 12% 10%, #7da6c229, transparent 24%), radial-gradient(circle at 88% 12%, #d725631f, transparent 24%), radial-gradient(circle at 78% 82%, #f28c2829, transparent 26%), linear-gradient(135deg, var(--paper), var(--paper-shadow));background-attachment:fixed;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"✦ ✧ ✨ ✦ ✧";z-index:0;color:#d9a4416b;letter-spacing:10px;pointer-events:none;font-size:1.6rem;position:fixed;top:18px;right:34px}.app-layout{z-index:1;grid-template-columns:220px 1fr;min-height:100vh;display:grid;position:relative}aside{background:radial-gradient(circle at top left, #fffaf26b, transparent 34%), linear-gradient(180deg, var(--blue-soft), var(--blue-light));border-right:4px solid var(--blue-border);padding:28px 16px;box-shadow:10px 0 24px #7da6c229}aside ul{margin:0;padding:0;list-style:none}aside li{margin-bottom:10px}aside a{color:var(--ink);letter-spacing:.01em;background:#fffaf2b8;border:1px solid #7da6c233;border-radius:999px;padding:12px 14px;font-weight:900;text-decoration:none;display:block;box-shadow:inset 0 1px #ffffffb3}aside a:hover,aside a.active{color:var(--purple);background:var(--sticker);box-shadow:inset 5px 0 0 var(--orange), 0 8px 16px #7da6c22e}main{padding:44px}section{max-width:1120px}h1{color:var(--purple);letter-spacing:-.04em;text-shadow:2px 2px #f28c282e,-1px -1px #fffaf2e6;margin-top:0;font-size:2.45rem}h2{color:var(--blue);margin-top:34px}h3{color:var(--purple)}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0 36px;display:grid}.dashboard-card,form,article{background:radial-gradient(circle at top right, #d9a44124, transparent 24%), linear-gradient(180deg, var(--sticker-glow), var(--sticker-warm));outline:1px solid var(--border);box-shadow:0 18px 30px var(--shadow), 0 4px 0 #ffffffd9 inset;border:2px solid #fffaf2eb;border-radius:28px}.dashboard-card{border-top:8px solid var(--blue);padding:24px;position:relative;overflow:hidden}.dashboard-card:after{content:"✦";color:#d9a44180;font-size:1.4rem;position:absolute;bottom:14px;right:20px}.dashboard-card:nth-child(2){border-top-color:var(--fuchsia)}.dashboard-card:nth-child(3){border-top-color:var(--purple)}.dashboard-card:nth-child(4){border-top-color:var(--orange)}.dashboard-card:nth-child(5){border-top-color:var(--blue)}.dashboard-card:nth-child(6){border-top-color:var(--gold)}.dashboard-card h3{color:var(--purple);margin-top:0;margin-bottom:18px;font-weight:900}.dashboard-card p{color:var(--fuchsia);margin:0;font-size:1.85rem;font-weight:950}.dashboard-card:hover,article:hover{transform:translateY(-4px);box-shadow:0 24px 42px #4c317433,inset 0 4px #ffffffd9}form{border-left:8px solid var(--blue);margin:22px 0 36px;padding:30px}form div{margin-bottom:18px}label{color:var(--blue);margin-bottom:7px;font-weight:900;display:block}input,textarea,select{width:100%;font:inherit;color:var(--ink);background:#fffefb;border:2px solid #7da6c257;border-radius:18px;padding:13px 15px;box-shadow:inset 0 2px 4px #7da6c214,0 1px #ffffffd9}input:focus,textarea:focus,select:focus{border-color:var(--blue);outline:4px solid #7da6c238}textarea{resize:vertical}button{background:linear-gradient(135deg, var(--fuchsia), var(--purple));color:#fffaf2;cursor:pointer;border:none;border-radius:999px;margin:5px 8px 5px 0;padding:12px 20px;font-weight:950;box-shadow:0 10px 18px #d7256347,inset 0 2px #ffffff40}button:hover{background:linear-gradient(135deg, var(--orange), var(--fuchsia));transform:translateY(-1px)}article{border-left:9px solid var(--blue);margin-bottom:20px;padding:24px;position:relative}article:before{content:"✧";color:#d9a44180;font-size:1.2rem;position:absolute;top:18px;right:22px}article h3{color:var(--purple);margin-top:0;font-weight:950}hr{border:none;border-top:2px dashed #7da6c24d;margin:32px 0}.page-kicker{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.85rem;font-weight:950}.page-intro{max-width:760px;color:var(--muted);margin-bottom:26px;font-size:1.05rem;line-height:1.6}.feature-form{max-width:930px}.form-header,.section-heading,.entry-card-top,.entry-actions,.entry-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.form-header h2,.section-heading h2{margin-top:0}.form-sparkle{color:var(--gold);font-size:1.8rem}.form-row,.filter-card{grid-template-columns:1fr 1fr;gap:18px;display:grid}.entries-section{max-width:980px}.entry-count{background:var(--blue-soft);color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue-border);border-radius:999px;padding:8px 14px;font-weight:950}.filter-card{border:1px solid var(--blue-border);background:radial-gradient(circle at 100% 0,#d9a4411f,#0000 24%),#dceaf2b8;border-radius:24px;grid-template-columns:1fr 1fr 1fr;margin-bottom:22px;padding:20px;box-shadow:0 12px 24px #7da6c21f}.entry-grid{gap:18px;display:grid}.journal-entry-card{border-left-color:var(--blue)}.journal-entry-card:hover{transform:translateY(-4px);box-shadow:0 24px 42px #7da6c233,inset 0 4px #ffffffd9}.mood-badge{background:var(--blue-soft);color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue-border);border-radius:999px;padding:8px 13px;font-weight:950}.entry-meta{color:var(--blue);justify-content:flex-start;margin:18px 0;font-weight:900}.entry-actions{justify-content:flex-start}.dashboard-feature-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.dashboard-feature-card{min-height:260px}.dashboard-affirmation{color:var(--purple);font-size:1.2rem;font-weight:700;line-height:1.8}.dashboard-list-item{border-top:1px dashed #7da6c259;margin-top:18px;padding-top:18px}.dashboard-list-item:first-of-type{border-top:none;margin-top:0;padding-top:0}.dashboard-list-item h3{margin-bottom:8px}.dashboard-progress-track{background:#7da6c22e;border-radius:999px;width:100%;height:10px;margin-top:10px;overflow:hidden}.dashboard-progress-fill{background:linear-gradient(90deg, var(--fuchsia), var(--orange));border-radius:999px;height:100%}.dashboard-vision-preview{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.dashboard-vision-preview img{object-fit:cover;border:2px solid var(--blue-light);border-radius:16px;width:180px;height:120px;box-shadow:0 8px 18px #4c31741f}.vision-board-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.vision-card{border-left:none;border-top:8px solid var(--blue);padding:0;overflow:hidden}.vision-card:before{display:none}.vision-card img{object-fit:cover;background:var(--blue-soft);width:100%;height:260px;max-height:260px;display:block}.vision-card-body{padding:22px}.vision-card-body h3{margin-bottom:12px}.vision-card .entry-card-top{align-items:flex-start}.vision-card .entry-actions{margin-top:16px}@media (width<=850px){.app-layout{grid-template-columns:1fr}aside{padding:18px}main{padding:24px}.dashboard-grid,.dashboard-feature-grid,.form-row,.filter-card{grid-template-columns:1fr}.section-heading,.entry-card-top{flex-direction:column;align-items:flex-start}.vision-board-grid{grid-template-columns:1fr}.dashboard-vision-preview img{width:100%;height:180px}}