:root{--ink:#17312d;--muted:#657770;--cream:#f6f2e9;--paper:#fffdf8;--line:#d8e2dc;--green:#235c52;--green-dark:#17483f;--mint:#e5f0ea;--peach:#f3d9ba;--shadow:0 22px 60px #23443c21}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 12% 8%, #f3d9ba94, transparent 24rem), radial-gradient(circle at 90% 18%, #cce3d8bf, transparent 26rem), var(--cream);font-family:Inter,ui-rounded,SF Pro Rounded,PingFang SC,Noto Sans SC,system-ui,sans-serif}button,input{font:inherit}a{color:inherit}.shelf-page{width:min(1180px,100% - 40px);margin:0 auto;padding:70px 0 90px}.shelf-header{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:70px;display:flex}.eyebrow{color:#617c72;letter-spacing:.2em;margin:0 0 12px;font-size:.76rem;font-weight:850}.shelf-header h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.4rem,6vw,5.5rem);line-height:.98}.header-note{color:var(--muted);margin:20px 0 0;font-size:clamp(1rem,1.7vw,1.22rem)}.quiet-button{color:#405e56;cursor:pointer;background:#fffdf8b3;border:1px solid #c9d5cf;border-radius:999px;align-items:center;gap:8px;padding:11px 17px;display:inline-flex}.quiet-button:hover{background:var(--paper);transform:translateY(-1px)}.section-heading{justify-content:space-between;align-items:baseline;margin:0 4px 22px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:0;font-size:1.45rem}.section-heading span{color:var(--muted);font-size:.9rem}.trip-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:26px;display:grid}.trip-card{box-shadow:var(--shadow);background:#fffdf8e6;border:1px solid #4c6e632e;border-radius:34px;grid-template-columns:minmax(230px,.78fr) minmax(280px,1.22fr);min-height:390px;display:grid;overflow:hidden}.trip-art{background:linear-gradient(145deg,#cfe8dc,#9fcabb);place-items:center;padding:28px;display:grid;position:relative;overflow:hidden}.trip-art:after{content:"";background:#ffffff4d;border-radius:50%;height:55%;position:absolute;inset:auto -8% -30% 8%;transform:rotate(-8deg)}.trip-art img{z-index:1;filter:drop-shadow(0 18px 22px #19443929);width:100%;height:auto;position:relative}.trip-days{z-index:2;background:#fffdf8e0;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:850;position:absolute;top:18px;left:18px}.trip-copy{flex-direction:column;align-items:flex-start;padding:38px;display:flex}.trip-meta{color:var(--muted);flex-wrap:wrap;gap:9px;font-size:.8rem;font-weight:760;display:flex}.cute-id{border-left:1px solid #cbd8d2;padding-left:10px}.trip-copy h2{letter-spacing:-.055em;margin:24px 0 9px;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.route-summary{color:#526861;margin:0;line-height:1.65}.country-list{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.country-list span{background:var(--mint);border-radius:999px;padding:8px 11px;font-size:.82rem;font-weight:760}.open-trip{background:var(--trip-accent,var(--green));color:#fff;box-shadow:0 7px 0 var(--green-dark);border-radius:16px;justify-content:center;align-items:center;gap:12px;margin-top:auto;padding:13px 18px;font-weight:850;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.open-trip:hover{box-shadow:0 5px 0 var(--green-dark);transform:translateY(2px)}.open-trip:active{box-shadow:0 1px 0 var(--green-dark);transform:translateY(6px)}.login-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{width:min(100%,470px);box-shadow:var(--shadow);background:#fffdf8f0;border:1px solid #4c6e6333;border-radius:34px;padding:clamp(30px,7vw,58px)}.lock-mark{background:var(--peach);border-radius:22px;place-items:center;width:60px;height:60px;margin-bottom:30px;font-size:1.45rem;display:grid;transform:rotate(-4deg)}.login-card h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,8vw,3.2rem);line-height:1.04}.login-card>p:not(.eyebrow){color:var(--muted);margin:18px 0 0;line-height:1.6}.login-form{gap:10px;margin-top:34px;display:grid}.login-form label{font-size:.84rem;font-weight:820}.login-form input{width:100%;color:var(--ink);background:#fff;border:2px solid #cbd8d2;border-radius:15px;outline:none;padding:14px 16px}.login-form input:focus{border-color:var(--green);box-shadow:0 0 0 4px #235c521f}.password-hint{color:var(--muted);margin:0 2px;font-size:.8rem}.login-form button{background:var(--green);color:#fff;cursor:pointer;box-shadow:0 6px 0 var(--green-dark);border:0;border-radius:15px;margin-top:6px;padding:14px 18px;font-weight:850}.login-form button:active{box-shadow:0 1px 0 var(--green-dark);transform:translateY(5px)}.form-error{color:#a24435;margin:2px 0 0;font-size:.86rem}.compact-card .open-trip{margin-top:28px}.trip-viewer{background:#f5f3ed;grid-template-rows:62px minmax(0,1fr);height:100dvh;display:grid}.viewer-bar{background:#fffdf8f5;border-bottom:1px solid #d5dfda;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 18px;display:grid}.viewer-bar>div{align-items:baseline;gap:12px;min-width:0;display:flex}.viewer-bar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewer-bar span{color:var(--muted);white-space:nowrap;font-size:.78rem}.back-link{background:var(--mint);border-radius:14px;place-items:center;width:38px;height:38px;font-size:1.2rem;font-weight:900;text-decoration:none;display:grid}.separate-link{color:var(--green);background:var(--mint);border-radius:12px;padding:9px 12px;font-size:.82rem;font-weight:800;text-decoration:none}.itinerary-frame{background:#f8f7f2;border:0;width:100%;height:100%}@media (max-width:720px){.shelf-page{width:min(100% - 24px,540px);padding:38px 0 60px}.shelf-header{margin-bottom:46px}.header-note{max-width:20rem}.quiet-button{padding:9px 12px;font-size:.82rem}.trip-card{grid-template-columns:1fr}.trip-art{min-height:270px;padding:34px 52px}.trip-art img{width:auto;max-width:100%;max-height:240px}.trip-copy{min-height:330px;padding:28px}.viewer-bar{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:10px}.viewer-bar span{display:none}.separate-link{white-space:nowrap;color:#0000;width:38px;position:relative;overflow:hidden}.separate-link:after{content:"↗";color:var(--green);place-items:center;font-size:1.1rem;display:grid;position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}