:root{--lila:#7657b7;--lila-dark:#4b3778;--lila-soft:#f1ebff;--turq:#147b7c;--turq-soft:#ddf7f3;--blue:#3965a8;--ink:#27334a;--muted:#66738a;--paper:#fff;--line:#e8eaf2;--shadow:0 16px 44px rgba(53,57,91,.09);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f6f4ff 0,#fbfcff 470px,#fff 850px);color:var(--ink);font-family:ui-rounded,"Avenir Next",Avenir,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.82);border-bottom:1px solid rgba(232,234,242,.8);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:-.35px;color:var(--lila-dark)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--lila-soft);color:var(--lila);border-radius:13px;font-size:24px}.userbar{display:flex;align-items:center;gap:14px}.hello{color:var(--muted);font-size:14px;font-weight:650}main{width:min(100% - 40px,1060px);margin:0 auto}.welcome{margin:40px auto 30px}.hero{min-height:280px;background:linear-gradient(112deg,#7057ad,#4d70b0 75%,#458f9c);border-radius:30px;padding:42px 54px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;color:white;box-shadow:0 18px 40px rgba(74,81,151,.17)}.eyebrow{display:block;color:var(--turq);font-size:11px;letter-spacing:1.55px;font-weight:850}.hero .eyebrow{color:#d8fff9}.hero h1{font-size:clamp(31px,5vw,48px);line-height:1.08;letter-spacing:-1.7px;margin:13px 0 12px;max-width:560px}.hero p{font-size:17px;margin:0;color:#edf0ff}.hero-art{position:relative;width:260px;height:210px;flex:0 0 260px}.rainbow{position:absolute;width:180px;height:140px;bottom:-24px;left:40px;overflow:hidden}.rainbow i{position:absolute;border-radius:140px 140px 0 0;border:12px solid transparent;border-bottom:0;left:50%;transform:translateX(-50%);bottom:0}.rainbow i:nth-child(1){width:180px;height:140px;border-color:#f8b9cf}.rainbow i:nth-child(2){width:155px;height:120px;border-color:#ffe6a4}.rainbow i:nth-child(3){width:130px;height:100px;border-color:#a9e9d9}.rainbow i:nth-child(4){width:105px;height:80px;border-color:#b5d7ff}.rainbow i:nth-child(5){width:80px;height:60px;border-color:#d7c2ff}.art-star,.art-flower{position:absolute;color:#fff3b7}.star-one{top:16px;left:34px;font-size:32px}.star-two{top:41px;right:3px;font-size:25px}.art-flower{right:18px;bottom:17px;font-size:42px}.composer,.gallery-section{background:var(--paper);border:1px solid #eceef5;border-radius:var(--radius);padding:30px 34px;margin:24px 0;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.section-heading h2{font-size:26px;letter-spacing:-.65px;margin:4px 0 0;color:var(--ink)}.heading-icon{width:45px;height:45px;border-radius:16px;background:var(--turq-soft);color:var(--turq);display:grid;place-items:center;font-size:25px}.creation-form{display:grid;gap:17px}.form-grid{display:grid;grid-template-columns:2fr 1.15fr 1fr;gap:14px}.creation-form label,.login-form label{display:grid;gap:7px;font-weight:700;font-size:13px;color:#47536a}.creation-form input:not([type=file]),.creation-form select,.creation-form textarea,.login-form input{width:100%;border:1px solid #dce1ec;border-radius:13px;padding:12px 14px;background:#fff;color:var(--ink);outline:none;transition:border .15s,box-shadow .15s}.creation-form textarea{resize:vertical;min-height:85px}.creation-form input:focus,.creation-form select:focus,.creation-form textarea:focus,.login-form input:focus{border-color:#8871c6;box-shadow:0 0 0 3px rgba(118,87,183,.14)}.creation-form input::placeholder,.creation-form textarea::placeholder{color:#9ba4b6;font-weight:450}.optional{font-size:12px;color:#8390a4;font-weight:500}.upload-box{min-height:88px;padding:13px 16px;border:1.5px dashed #a8c9c6;border-radius:16px;background:#f5fcfb;display:flex!important;align-items:center;gap:14px;cursor:pointer}.upload-box input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-box:focus-within{outline:3px solid rgba(20,123,124,.18)}.upload-icon{width:44px;height:44px;border-radius:14px;background:#ddf7f3;display:grid;place-items:center;color:var(--turq);font-size:23px;flex:0 0 auto}.upload-copy{display:grid;gap:2px;flex:1}.upload-copy strong{font-size:14px;color:#285d5e}.upload-copy small{font-size:12px;font-weight:500;color:#72848d}.button{min-height:44px;border:0;border-radius:13px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-size:14px;font-weight:750;transition:transform .15s,filter .15s,background .15s}.button:hover{filter:brightness(.97);transform:translateY(-1px)}.button:focus-visible,.filter:focus-visible{outline:3px solid #8f7bc7;outline-offset:2px}.button-primary{color:white;background:var(--lila);box-shadow:0 5px 14px rgba(118,87,183,.21)}.button-primary span{font-size:18px}.button-outline{border:1px solid #a8c9c6;color:var(--turq);background:white;white-space:nowrap}.button-quiet{color:#55627a;background:#f1f3f8}.button-approve{color:#145c54;background:#d7f4eb}.button-small{min-height:36px;padding:7px 12px;font-size:12px}.button-wide{width:100%;margin-top:5px;min-height:50px}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.review-hint{margin:0 0 0 4px;font-size:12px;color:#758196}.gallery-section{padding-bottom:38px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 21px}.filter{padding:8px 14px;border-radius:999px;background:#f3f4f8;color:#5a6579;font-size:13px;font-weight:700;transition:.15s}.filter:hover{background:#ebe8f6}.filter.active{background:var(--lila);color:#fff}.review-filter{color:#815c23;background:#fff4d9}.review-filter.active{background:#9a6b13;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.creation-card{border:1px solid #e9ebf2;border-radius:19px;overflow:hidden;background:white;box-shadow:0 7px 22px rgba(46,60,94,.055);min-width:0}.creation-card.is-pending{border-color:#ead5a8}.card-image{height:195px;position:relative;background:linear-gradient(135deg,#e7e3f8,#d8f1ed);overflow:hidden}.card-image img{width:100%;height:100%;display:block;object-fit:cover}.status-pill{position:absolute;top:11px;left:11px;padding:6px 10px;border-radius:999px;background:#fff3d4;color:#745315;font-size:11px;font-weight:800;box-shadow:0 2px 9px #3434341a}.card-body{padding:15px 16px 16px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.category-tag{padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800;background:#f0e9ff;color:#6847a0}.tag-fotos{background:#e1f6f2;color:#146f69}.tag-cuentos{background:#fff0e0;color:#915b1a}.tag-proyectos{background:#e7efff;color:#365d9f}.card-meta time{font-size:11px;color:#8993a5}.card-body h3{margin:10px 0 4px;font-size:18px;line-height:1.25;letter-spacing:-.25px}.card-body p{margin:5px 0;color:#657187;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.card-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px}.card-actions form{margin:0}.empty-state{padding:50px 20px;text-align:center;background:#faf9ff;border-radius:20px;border:1px dashed #ded9ed}.empty-state>span{font-size:40px}.empty-state h3{margin:8px 0 2px;font-size:19px}.empty-state p{margin:0;color:var(--muted);font-size:14px}.notice{margin:17px 0;padding:13px 16px;border-radius:14px;background:#e5f8ef;color:#195e4f;font-weight:700;font-size:14px}.login-card,.setup-card{width:min(100%,480px);padding:34px;background:white;border-radius:28px;box-shadow:var(--shadow);border:1px solid #eceef5}.login-card{text-align:center;margin-top:calc(7vh);padding:39px 40px}.sparkle{margin:0 auto 14px;width:57px;height:57px;border-radius:20px;background:#e4f8f4;color:var(--turq);display:grid;place-items:center;font-size:31px}.login-card h1,.setup-card h1{font-size:33px;letter-spacing:-1px;line-height:1.1;margin:9px 0}.login-card>p{margin:7px 0 22px;color:var(--muted)}.login-form{text-align:left;display:grid;gap:14px}.privacy-note{font-size:12px!important;color:#758196!important;margin:17px 0 0!important}.setup-card{margin-top:60px}.setup-card pre{white-space:pre-wrap;background:#f2f1f8;padding:14px;border-radius:10px;font-size:13px;color:#4b3778}.setup-card p{color:var(--muted)}footer{max-width:1060px;margin:35px auto 0;padding:20px 20px 30px;border-top:1px solid #ebedf3;color:#8791a2;font-size:12px;display:flex;justify-content:space-between}footer b{color:var(--lila);margin-left:4px}
@media(max-width:800px){main{width:min(100% - 28px,680px)}.hero{padding:34px 30px;min-height:250px}.hero-art{transform:scale(.8);transform-origin:center right;margin-left:-36px;flex-basis:210px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1.5fr 1fr}.field-title{grid-column:1/-1}.composer,.gallery-section{padding:25px 23px}}
@media(max-width:560px){body{font-size:15px}.topbar{height:65px;padding:0 16px}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.hello{display:none}main{width:calc(100% - 24px)}.welcome{margin-top:18px}.hero{min-height:auto;padding:30px 23px;border-radius:23px}.hero h1{font-size:32px;letter-spacing:-1px}.hero p{font-size:14px;max-width:245px}.hero-art{position:absolute;right:0;width:160px;height:155px;flex-basis:160px;opacity:.72;transform:scale(.7);transform-origin:right bottom;margin:80px 0 0}.hero{position:relative}.desktop-break{display:none}.composer,.gallery-section{padding:21px 17px;border-radius:20px;margin:16px 0}.section-heading{margin-bottom:17px}.section-heading h2{font-size:22px}.heading-icon{width:40px;height:40px}.form-grid{grid-template-columns:1fr 1fr;gap:12px}.field-title{grid-column:1/-1}.creation-form{gap:14px}.upload-box{gap:10px;padding:11px}.upload-icon{width:38px;height:38px}.upload-copy strong{font-size:12px}.upload-copy small{font-size:10px}.button-outline{padding:9px 10px;font-size:12px}.form-actions{align-items:stretch}.form-actions>.button{flex:1}.review-hint{flex-basis:100%;margin:2px 0 0;font-size:11px}.filters{gap:6px}.filter{padding:7px 10px;font-size:11px}.gallery-grid{grid-template-columns:1fr;gap:14px}.card-image{height:230px}.card-body{padding:14px}.login-card,.setup-card{padding:28px 22px;border-radius:23px}.login-card h1,.setup-card h1{font-size:29px}footer{margin-top:24px;padding:16px 14px 25px;gap:10px;flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.main-nav{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;margin:-12px 0 12px;scrollbar-width:thin}.main-nav .filter{white-space:nowrap;padding:10px 15px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-grid .gallery-section{margin:8px 0 18px}.quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-links a{min-height:72px;padding:16px;border-radius:16px;background:var(--lila-soft);color:var(--lila-dark);font-weight:800;display:flex;align-items:center;justify-content:center;text-align:center}.quick-links a:nth-child(2){background:var(--turq-soft);color:#155e5e}.quick-links a:nth-child(3){background:#e7efff;color:#345991}.quick-links a:nth-child(4){background:#fff2d8;color:#715117}.home-task-list,.event-list,.summary-list,.book-grid{display:grid;gap:10px;margin-top:17px}.home-task,.event-row,.summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}.home-task>div{display:grid;gap:2px}.home-task small,.event-row small,.summary-row span{color:var(--muted);font-size:12px}.home-task .button:disabled{opacity:.7;cursor:default}.event-row form{margin:0}.event-row .task-check{display:flex;align-items:center;gap:11px;flex:1}.task-toggle{width:36px;height:36px;border:2px solid #9b8ac8;border-radius:50%;background:white;color:var(--lila);font-weight:900;cursor:pointer}.task-toggle.is-done{background:var(--turq);border-color:var(--turq);color:white}.task-done{text-decoration:line-through;color:#758196}.month-picker,.inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.month-picker label,.inline-form label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#47536a}.month-picker input,.inline-form input,.inline-form select{border:1px solid #dce1ec;border-radius:12px;padding:11px 13px;color:var(--ink);background:white;min-height:46px}.inline-form{padding:17px;border-radius:17px;background:#f8f7fc}.inline-form label:first-of-type{flex:1;min-width:200px}.book-form label{flex:1;min-width:140px}.book-form .wide-field{flex-basis:100%}.book-card{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:17px}.book-card>div{flex:1}.book-card h3{margin:0;font-size:17px}.book-card p{margin:4px 0;color:var(--muted);font-size:13px}.book-card small{font-size:12px;color:var(--turq)}.book-icon{font-size:28px}.book-card form{margin:0}.text-art{height:100%;display:grid;place-items:center;font-size:74px;color:#7657b7;background:radial-gradient(circle at 35% 30%,#fff3bf,#eddfff 60%,#d9f4ee)}.summary-row strong{font-size:14px}.summary-row span{font-weight:750;color:var(--turq)}
@media(max-width:700px){.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr;gap:0}.home-task,.event-row,.summary-row{padding:12px;gap:8px}.home-task .button{font-size:12px;padding:9px 11px;white-space:nowrap}.book-card{align-items:flex-start}.book-card h3{font-size:15px}}
.fairy-art{position:relative;display:grid;place-items:center;filter:drop-shadow(0 12px 14px rgba(31,35,75,.2))}.fairy{width:100%;height:100%;overflow:visible;animation:fairy-float 3.6s ease-in-out infinite}.fairy-sparkle{position:absolute;color:#fff0a6;font-size:30px;text-shadow:0 0 12px rgba(255,240,166,.55);animation:fairy-twinkle 2.4s ease-in-out infinite}.sparkle-a{top:20px;left:28px}.sparkle-b{right:9px;top:52px;animation-delay:.7s}@keyframes fairy-float{0%,100%{transform:translateY(2px) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes fairy-twinkle{0%,100%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}.home-task-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.home-task-actions form{margin:0}.button-undo{color:#355077;background:#e6efff}.main-nav .filter{min-height:44px;display:inline-flex;align-items:center}.home-task-actions .button{min-height:46px}@media(max-width:700px){.home-task-actions{gap:6px}.home-task-actions .button{padding:9px 11px;font-size:12px}}@media(prefers-reduced-motion:reduce){.fairy,.fairy-sparkle{animation:none}}