:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f6f5f3;background:#080f23;font-synthesis:none;color-scheme:dark;--green:#71dea0;--accent:#a7c2ff;--primary:#173fa6;--muted:#a3aec8;--line:#253557}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#17367a55,transparent 55%);min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{color:inherit}button:disabled{opacity:.5;cursor:wait}.shell{max-width:1000px;margin:0 auto;padding:0 32px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:3px;font-weight:650;text-decoration:none;color:#d4d9d9}.brand-mark{font-size:29px;color:var(--accent)}.round{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:#111e3a;font-size:22px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--accent);font-weight:650;margin:32px 0 12px}.heading{display:flex;align-items:center;gap:21px}h1{font:500 clamp(38px,6vw,58px)/1.05 Georgia,serif;letter-spacing:-1.8px;margin:0}.percentage{border:1px solid #527fe655;color:var(--accent);background:#173d8c40;border-radius:30px;padding:8px 15px;font-weight:550;font-size:27px}.percentage small{font-size:16px;margin-left:2px}.summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0 25px}.summary p{margin:0;color:var(--muted);font-size:14px}.summary b{font-weight:500;color:#eee}.sync-state{border:0;background:none;color:var(--muted);font-size:11px;padding:8px 0;display:flex;gap:6px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#b1b8c7}.dot.online{background:var(--accent)}.demo-banner{border:1px solid #628cf030;background:#174cbb20;color:#b5c8ef;border-radius:10px;padding:9px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;margin-bottom:19px}.demo-banner button{background:none;color:var(--accent);border:0;padding:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.tabs{display:flex;background:#101c36;padding:4px;border-radius:12px;border:1px solid #ffffff05}.tabs button{border:0;background:none;padding:11px 22px;color:var(--muted);font-size:13px;border-radius:9px}.tabs button.active{background:#213a68;color:#fff}.primary,.secondary,.danger{border-radius:11px;padding:13px 20px;font-weight:600;font-size:13px;border:1px solid transparent}.primary{background:var(--primary);color:#ffffff;box-shadow:0 4px 25px #174cbb20}.primary:hover{background:#2856ca}.secondary{background:#142546;border-color:#304976;color:#e8eaf0}.secondary:hover{background:#1b335c}.danger{background:#c4414410;color:#f99898;border-color:#c4414430}.small{padding:12px 17px}.full{width:100%;margin-top:12px}.filters{display:flex;gap:22px;margin:23px 0 21px}.filters button{padding:7px 0;background:none;border:0;border-bottom:2px solid transparent;font-size:12px;color:var(--muted)}.filters button.selected{color:#fff;border-bottom-color:var(--accent)}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.goal-card{position:relative;aspect-ratio:1.63;border:1px solid #ffffff1e;border-radius:19px;overflow:hidden;background:#13213d;box-shadow:0 8px 20px #0002}.goal-open{border:0;background:transparent;padding:0;width:100%;height:100%;display:block;text-align:left}.goal-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.goal-open:hover .goal-image{transform:scale(1.04)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#10131a08 20%,#10131a60 55%,#0b0e15f5 100%);pointer-events:none}.card-copy{position:absolute;bottom:18px;left:20px;right:15px;pointer-events:none}.card-copy h2{font-size:22px;letter-spacing:-.4px;margin:5px 0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-status{font-size:11px;color:#b5bbc4}.widget-tag{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:#dce9de}.completion{position:absolute;right:15px;top:15px;width:41px;height:41px;border:2px solid #ffffffd0;border-radius:50%;background:#10131aac;box-shadow:0 3px 12px #0003;font-size:26px;line-height:1;padding:0}.completion.checked{background:#29b970;border-color:#29b970;color:#fff}.goal-card.done{border-color:#49b27570}.done .goal-status{color:var(--green)}footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#a3aec8;margin:32px 0;padding:12px 0}footer span{color:#8495b6}.empty{padding:50px 25px;text-align:center;border:1px dashed var(--line);border-radius:20px;margin-top:20px}.empty>span{font-size:44px;color:var(--accent)}.empty h2{font:26px Georgia,serif}.empty p{font-size:13px;color:var(--muted);line-height:1.6}.widget-area{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:34px 0 12px}.pill{font-size:9px;letter-spacing:1.5px;color:var(--accent);border:1px solid #628cf050;border-radius:20px;padding:7px 10px}.widget-explainer h2{font:35px/1.15 Georgia,serif;margin:24px 0 12px}.widget-explainer p{font-size:13px;color:var(--muted);line-height:1.7}.widget-preview img{width:100%;border-radius:22px;border:1px solid #304569;box-shadow:0 20px 60px #0005}.widget-preview p{text-align:center;font-size:10px;color:var(--muted)}.fine{font-size:11px!important;color:var(--muted);line-height:1.6}.text-button{background:none;border:0;color:var(--accent);padding:14px 0;font-size:13px}dialog{color:#f4f5f6;border:1px solid #304569;border-radius:23px;background:#101c34;box-shadow:0 30px 100px #0009;width:min(94vw,510px);max-height:90dvh;padding:30px;overflow:auto}dialog::backdrop{background:#040609bc;backdrop-filter:blur(6px)}dialog h2{font:32px Georgia,serif;margin:8px 0 20px}dialog p{font-size:13px;color:var(--muted);line-height:1.6}dialog .eyebrow{margin:5px 0 15px;font-size:9px}dialog .close{position:absolute;right:13px;top:11px;border:0;background:transparent;font-size:29px;color:var(--muted);width:36px;height:36px}label{display:block;font-size:12px;color:#c8ced8;margin:20px 0 8px}input:not([type=checkbox]):not([type=file]),textarea{display:block;width:100%;background:#091329;border:1px solid #304569;border-radius:10px;color:#fff;padding:13px 14px;margin-top:9px;outline:none;font-size:15px}input:focus,textarea:focus{border-color:var(--accent)!important}textarea{resize:vertical}.optional{color:#99a9c7;font-size:10px;margin-left:4px}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.preset{background:#142544;border:1px solid #304569;border-radius:11px;font-size:25px;padding:9px 2px}.preset small{display:block;font-size:9px;color:#b2c2df;margin-top:5px}.preset.chosen{border-color:var(--accent);background:#2454be30}.upload{border:1px dashed #597fca;text-align:center;padding:14px;color:var(--accent);border-radius:10px;cursor:pointer;margin-top:15px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.completion-date{color:var(--green)!important}.selection-list{max-height:47dvh;overflow:auto}.selection-row{display:flex;align-items:center;gap:14px;padding:12px 0;margin:0;border-bottom:1px solid #ffffff09;font-size:14px}.selection-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.selection-emoji{font-size:27px}.selection-row input{margin-left:auto;width:22px;height:22px;accent-color:var(--accent)}.notice{background:#234e9f1a;border:1px solid #5a85dd40;border-radius:12px;padding:17px;margin:16px 0}.notice b{font-size:14px}.notice p{margin-bottom:0}.conflict{border:1px solid #ad946647;border-radius:12px;padding:15px;margin:12px 0}.conflict .secondary{margin:4px;font-size:11px}hr{border:0;border-top:1px solid var(--line);margin:25px 0 15px}#toast{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:min(90vw,520px);width:max-content;background:#e2ecff;color:#102652;border-radius:13px;box-shadow:0 10px 40px #0009;padding:14px 19px;z-index:10000;font-size:13px}#toast button{margin-left:12px;border:0;background:none;color:#123e98;font-weight:700}#toast[hidden]{display:none}
@media(min-width:900px){.goal-card{aspect-ratio:1.9}.shell{max-width:960px}.card-copy{bottom:20px}}
@media(max-width:600px){.shell{padding:0 18px}.topbar{height:calc(70px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.brand{font-size:9px;letter-spacing:2.3px}.eyebrow{margin-top:26px;font-size:8px}.heading{gap:16px}h1{font-size:43px}.percentage{font-size:24px;padding:6px 12px}.percentage small{font-size:14px}.summary{margin:12px 0 21px}.summary p{font-size:12px}.sync-state{font-size:9px}.tabs button{padding:10px 13px;font-size:11px}.small{font-size:11px;padding:13px 12px}.toolbar{gap:8px}.goal-grid{gap:11px}.goal-card{aspect-ratio:.91;border-radius:15px}.card-copy{bottom:13px;left:12px;right:10px}.card-copy h2{font-size:17px;margin:5px 0}.goal-status{font-size:9px}.widget-tag{font-size:7px;letter-spacing:.5px}.completion{right:10px;top:10px;width:36px;height:36px;font-size:23px}.filters{gap:21px;margin:17px 0}.filters button{font-size:11px}.demo-banner{font-size:9px;padding:6px 8px;gap:2px}.demo-banner button{font-size:9px}.widget-area{grid-template-columns:1fr;gap:20px;padding-top:25px}.widget-explainer h2{font-size:28px}.widget-preview{max-width:390px;width:100%;margin:auto}.widget-explainer p{font-size:12px}.widget-explainer .fine{margin-bottom:0}dialog{padding:27px 22px}footer{font-size:8px;margin:24px 0}body{padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.widget-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#0b1631;border:1px solid #304569;border-top:0;border-radius:0 0 20px 20px}.widget-pager button{font-size:12px;background:#172d56;border:1px solid #355794;border-radius:8px;padding:10px;color:#a7c2ff}.widget-pager button:disabled{opacity:.3;cursor:default}.widget-pager span{font-size:11px;color:#abb5c3}.widget-preview img{border-radius:22px 22px 0 0;display:block;border-bottom:0}

/* Deseos · Royal blue design system. Green is reserved for achieved goals. */
.brand-mark{display:block;width:44px;height:44px;flex:0 0 44px;object-fit:contain;border-radius:13px;background:#08226a;box-shadow:0 4px 15px #0003}
.brand{min-width:0;letter-spacing:1.5px;color:#c9d8f6}.topbar{height:84px;gap:16px}.round{width:44px;height:44px;flex-shrink:0;background:#112447;border-color:#29426c;color:#dce8ff}
.eyebrow{color:#a7c2ff;line-height:1.6}.heading{flex-wrap:wrap;gap:14px}h1{font-family:Georgia,serif}.percentage{color:#c7d9ff;background:#143681;border-color:#355bb0;font-size:25px;font-variant-numeric:tabular-nums}
.primary{box-shadow:inset 0 1px 0 #ffffff14,0 6px 18px #00133d60;min-height:44px}.secondary,.danger{min-height:44px}.tabs button{min-height:44px}.tabs button.active{background:#173d86;box-shadow:inset 0 0 0 1px #496fc04d}.filters button{min-height:44px}.filters button.selected{border-color:#82aaff;color:#dbe7ff}
.summary{align-items:flex-start;flex-wrap:wrap}.summary p{padding-top:8px}.sync-state{max-width:100%;text-align:left;line-height:1.4;min-height:36px}.dot{flex-shrink:0}.dot.online{background:#8aafff}
.goal-card{border-color:#2b3c5a;background:#10213f}.shade{background:linear-gradient(180deg,#060f2010 15%,#07122635 43%,#050c1bef 100%)}.completion{width:44px;height:44px}.goal-card.done{border-color:#398b69}.card-copy h2{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.15}.widget-tag{color:#bdceed;font-size:9px}.goal-status{color:#c0c9dc}.done .widget-tag{color:#98e4b9}
footer{align-items:center;flex-wrap:wrap;line-height:1.7;gap:4px 14px}footer span{margin-left:auto}#app-version{font-size:12px;color:#afcaff;min-height:44px;padding:10px 0}
button,input,textarea,select{touch-action:manipulation}button:disabled{cursor:default}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #8aafff;outline-offset:2px}select{font:inherit;color:#ecf2ff;background:#142b53;border:1px solid #45639a;padding:10px 12px;border-radius:10px;min-height:44px}#widget-layout{margin-left:10px}dialog{padding:28px;overscroll-behavior:contain}dialog .close{width:44px;height:44px;right:8px;top:8px}dialog h3{font-size:16px;color:#dce7ff}.form-actions{flex-wrap:wrap}.preset{min-height:64px}.upload{line-height:1.5}.widget-pager button{min-height:44px}.notice{overflow-wrap:anywhere}
@media(max-width:600px){.shell{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.topbar{height:calc(76px + env(safe-area-inset-top))}.brand{gap:11px;font-size:10px;letter-spacing:1.5px}.brand-mark{width:42px;height:42px;flex-basis:42px;border-radius:12px}.eyebrow{font-size:9px;margin:24px 0 12px}h1{font-size:42px}.percentage{font-size:23px}.summary p{font-size:12px}.sync-state{font-size:11px}.toolbar{gap:10px;flex-wrap:wrap}.tabs{flex:1}.tabs button{flex:1;padding:10px 12px;font-size:12px}.small{font-size:12px;padding:12px 14px}.goal-grid{gap:12px}.goal-card{aspect-ratio:.87;border-radius:18px}.completion{top:9px;right:9px;width:44px;height:44px;font-size:25px}.card-copy{bottom:15px;left:12px;right:12px}.card-copy h2{font-size:17px;margin:6px 0}.widget-tag{font-size:8px;letter-spacing:.6px}.goal-status{font-size:10px;line-height:1.4}.filters{gap:20px;margin:12px 0 16px}.filters button{font-size:12px}.demo-banner{font-size:10px}.demo-banner button{min-height:40px;font-size:10px}dialog{width:calc(100vw - 24px);padding:28px 20px 22px;max-height:calc(100dvh - 24px)}dialog h2{font-size:29px;padding-right:20px}footer{font-size:10px}}
@media(max-width:350px){.shell{padding-left:12px;padding-right:12px}.toolbar{align-items:stretch}.toolbar>.primary{width:100%}.filters{gap:14px}.filters button{font-size:11px}h1{font-size:36px}.card-copy h2{font-size:15px}.widget-tag{display:none}.form-actions>*{flex:1}.percentage{font-size:21px}}

/* Main goal views, shared by iPhone web and Android. */
.view-controls{display:flex;gap:6px;padding:5px;background:#111e38;border:1px solid #2a416b;border-radius:13px;margin:0 0 22px}.view-controls button{flex:1;min-height:44px;border:0;border-radius:9px;background:transparent;color:#b4c3e0;font-size:13px}.view-controls button.selected{background:#214b9b;color:#fff}.section-label{font:600 14px system-ui;color:#b6c8e9;margin:0 0 14px;display:flex;gap:10px;align-items:center}.section-label span{font-size:12px;background:#152c52;padding:4px 9px;border-radius:20px}.completed-section{margin-top:28px;padding-top:16px;border-top:1px solid #398b6944}.completed-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 0 16px;background:none;border:0;color:#98e4b9;font-size:14px;text-align:left}.completed-toggle b{font-size:12px;padding:3px 8px;background:#164430;border-radius:16px;margin-left:6px}.completed-toggle>span:last-child{font-size:12px}.layout-list{grid-template-columns:1fr;gap:10px}.layout-list .goal-card{aspect-ratio:auto;height:104px;border-radius:15px}.layout-list .goal-open{display:flex;align-items:center;padding:10px 66px 10px 10px;gap:15px}.layout-list .goal-image{width:82px;height:82px;flex:0 0 82px;border-radius:10px}.layout-list .shade{display:none}.layout-list .card-copy{position:static;min-width:0}.layout-list .card-copy h2{font-size:17px}.layout-list .completion{top:50%;transform:translateY(-50%);right:12px}.layout-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.layout-compact .goal-card{aspect-ratio:.95;border-radius:14px}.layout-compact .card-copy{left:10px;right:8px;bottom:10px}.layout-compact .card-copy h2{font-size:14px}.layout-compact .goal-status{font-size:9px}.layout-compact .completion{width:36px;height:36px;font-size:21px;top:7px;right:7px}.photo-adjust{padding:14px;background:#0b1631;border:1px solid #304569;border-radius:13px}.photo-adjust summary{cursor:pointer;color:#b9d0ff;font-size:14px;min-height:36px;line-height:1.5}.photo-adjust canvas{display:block;width:100%;height:auto;border-radius:10px;margin-top:12px}.photo-adjust select{display:block;width:100%;margin-top:8px}.photo-adjust input[type=range]{width:100%;height:36px;padding:0;border:0;accent-color:#8aafff;background:transparent}.photo-adjust output{float:right;color:#b9d0ff}.photo-adjust label{margin-top:12px}.photo-adjust .secondary{width:100%}
@media(max-width:600px){.layout-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-compact .goal-card{aspect-ratio:1.32}.layout-compact .card-copy h2{font-size:14px}.layout-compact .goal-status{display:none}.layout-list .card-copy h2{font-size:15px}.layout-list .goal-status{font-size:11px}.view-controls button{font-size:12px}.view-controls{margin-bottom:18px}}