.app-surface{height:100%;width:100%;background:#fffdf6;color:#16284d;position:relative;overflow:hidden;font-family:Manrope,sans-serif;display:flex;flex-direction:column}.app-top{height:13%;min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fffdf6;z-index:2}.app-top>img{width:17%;height:auto}.profile{font-size:12px;display:flex;align-items:center;gap:6px}.profile i{background:#f3d66a;width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;font-style:normal;font-weight:700}.app-pages{flex:1;position:relative;min-height:0}.app-page{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:opacity .65s,transform .65s;overflow:hidden;pointer-events:none}.app-page.active{opacity:1;transform:translateY(0);pointer-events:auto}.app-title{position:absolute;top:3%;left:6%;z-index:2}.app-title>span,.app-overline{font-size:9px;font-weight:800;letter-spacing:.13em;color:#618392}.app-title h3{font-size:24px;letter-spacing:-.055em;margin:6px 0}.app-map{position:absolute;inset:0;background:#60c2e0}.app-map svg{width:100%;height:100%;object-fit:cover}.app-map-page .app-title{background:#fffcf4;padding:12px 18px;border-radius:12px;box-shadow:0 7px 20px #173a4e0a}.app-place{position:absolute;bottom:6%;left:6%;right:6%;display:flex;align-items:center;gap:15px;background:#fffdf6;border-radius:12px;padding:14px 18px;transform:translateY(130%);transition:transform .7s;z-index:2}.place-added .app-place{transform:none}.app-place b{font-size:18px}.app-place small{display:block;font-size:11px;color:#65758c;margin-top:3px}.saved-mark{margin-left:auto;background:#caf3e4;border-radius:50%;height:24px;width:24px;display:grid;place-items:center;font-size:12px}.tiny-u{width:15px;height:19px;border:5px solid #27bbd0;border-top:0;border-radius:0 0 15px 15px}.map-toast{position:absolute;left:50%;bottom:28%;transform:translate(-50%,10px);white-space:nowrap;background:#133257;color:white;font-size:10px;padding:9px 15px;border-radius:30px;opacity:0;transition:.6s .6s}.place-added .map-toast{opacity:1;transform:translate(-50%,0)}.mallorca-pin{opacity:0;transition:opacity .6s .5s}.place-added .mallorca-pin{opacity:1}.app-bottom{height:13%;min-height:40px;background:#fffdf6;border-top:1px solid #22335b14;display:flex;justify-content:space-evenly;align-items:center;z-index:2}.app-bottom button{background:transparent;color:#758397;border:0;font:inherit;font-size:23px;padding:4px 14px;display:flex;gap:7px;align-items:center}.app-bottom span{font-size:10px}.app-bottom button[aria-pressed=true]{color:#0a9cbf}.app-memory-page{display:grid;grid-template-columns:42% 58%;padding:4% 6%;gap:5%}.memory-photo{position:relative;height:100%;overflow:hidden;border-radius:14px}.memory-photo img{width:100%;height:100%;object-fit:cover;object-position:80% center}.memory-photo>span{position:absolute;top:10px;right:10px;background:white;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:15px}.memory-content{padding-top:7px;padding-right:10%}.memory-content h3{font-size:30px;margin:10px 0;letter-spacing:-.05em}.visit-tag{font-size:10px;color:#6b788d}.private-note{margin-top:21px;padding:14px;background:#f4efd9;border-radius:10px;position:relative;min-height:114px}.private-note>span{font-size:8px;font-weight:800;letter-spacing:.07em;color:#7490a6}.private-note p{font-size:14px;line-height:1.55;margin:10px 0 0;font-weight:500;display:inline}.typing-caret{display:inline-block;width:1px;height:12px;background:#082c58;animation:blink .7s step-end infinite}.note-saved .typing-caret{display:none}.saved-note{font-size:10px;margin-top:12px;color:#2f9b87;opacity:0;transition:opacity .5s}.note-saved .saved-note{opacity:1}.app-stats-page{padding:5% 6%;background:#fffdf6}.app-stats-page h3{font-size:31px;line-height:1.1;letter-spacing:-.045em;margin:8px 0 21px}.app-numbers{display:flex;justify-content:space-between;width:48%;gap:16px}.app-numbers>div{display:flex;flex-direction:column}.app-numbers b{font-size:30px;color:#2aaac7}.app-numbers span{font-size:9px;color:#687d90}.stats-visual{position:absolute;right:6%;top:9%;width:36%}.donut{width:140px;height:140px;max-width:100%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#39bfd5 0 61%,#f3d664 61% 83%,#f2abbd 83% 96%,#9fcdb7 96%);display:grid;place-items:center;position:relative}.donut:before{content:'';position:absolute;inset:19%;border-radius:50%;background:#fffdf6}.donut>span{z-index:1;font-size:20px;font-weight:700;text-align:center}.donut small{display:block;font-size:8px;color:#7c8a9d;margin-top:2px;font-weight:400}.stats-visual ul{padding:0;margin:15px 0 0;list-style:none;max-width:145px}.stats-visual li{display:flex;align-items:center;gap:6px;font-size:9px;margin-bottom:6px}.stats-visual li b{margin-left:auto}.stats-visual li i{width:5px;height:5px;background:#39bfd5;border-radius:50%}.stats-visual li:nth-child(2) i{background:#f3d664}.stats-visual li:nth-child(3) i{background:#f2abbd}.stats-visual li:nth-child(4) i{background:#9fcdb7}.stats-footnote{font-size:10px;color:#7c8a9d;margin-top:24px}@keyframes blink{50%{opacity:0}}
.phone-app .app-top{height:11%;padding:0 7%}.phone-app .app-top>img{width:26%}.phone-app .app-title{top:3%;left:5%;right:5%;padding:15px}.phone-app .app-title h3{font-size:25px;line-height:1.1;max-width:180px}.phone-app .app-map svg{width:165%;margin-left:-28%}.phone-app .app-place{left:5%;right:5%;bottom:5%}.phone-app .map-toast{bottom:26%;font-size:9px}.phone-app .app-bottom{height:10%}.phone-app .app-bottom button{flex-direction:column;gap:2px;font-size:21px}.phone-app .app-memory-page{display:block;padding:4% 6%;overflow:auto}.phone-app .memory-photo{height:39%;width:100%;border-radius:13px}.phone-app .memory-content{padding:15px 0 0}.phone-app .memory-content h3{font-size:30px;margin:6px 0}.phone-app .private-note{margin-top:13px;padding:13px;min-height:95px}.phone-app .private-note p{font-size:13px}.phone-app .app-stats-page{padding:7%}.phone-app .app-stats-page h3{font-size:32px;margin:12px 0 24px}.phone-app .app-numbers{width:100%;margin-bottom:27px}.phone-app .app-numbers b{font-size:34px}.phone-app .app-numbers span{font-size:11px}.phone-app .stats-visual{position:static;display:flex;width:100%;align-items:center;gap:18px}.phone-app .donut{width:130px;height:130px;flex-shrink:0}.phone-app .stats-visual ul{flex:1}.phone-app .stats-visual li{font-size:10px;margin-bottom:12px}.phone-app .stats-footnote{margin-top:28px;font-size:12px}.phone-app .saved-note{margin-top:7px}
@media(prefers-reduced-motion:reduce){.app-page,.app-place,.map-toast{transition:none}.typing-caret{animation:none}}