:root{color-scheme:light;--ink:#1b2b3e;--paper:#f8fbff}*{box-sizing:border-box}body{margin:0;font:15px/1.6 'Avenir Next','Segoe UI',sans-serif;color:var(--ink);background:#16283d}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #ffd08e;outline-offset:3px}a{color:inherit}button{border:0}[hidden]{display:none!important}.ship{height:100dvh;min-height:500px;position:relative;overflow:clip;isolation:isolate}.deck{position:absolute;inset:0;outline:none;cursor:crosshair;touch-action:manipulation}.deck>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none;user-select:none}.ship-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#10243b80,transparent 23%,transparent 75%,#10243b99);z-index:2}.ship-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 30px;z-index:5;color:#fff}.back{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px;text-decoration:none;border-radius:9px;font-size:13px;background:#10233880;border:1px solid #fff7;backdrop-filter:blur(8px)}.ship-brand{text-align:center;font:600 25px Georgia,serif;text-shadow:0 2px 12px #13263b}.ship-brand small{display:block;font:600 11px/2.2 'Segoe UI',sans-serif;letter-spacing:.2em}.ship-header .avatar-menu-button{background:#f7faffd9;color:#21364e;min-height:48px}.ship-intro{position:absolute;left:36px;top:130px;max-width:400px;padding:25px 28px;border:1px solid #ffffff66;border-radius:15px;color:#fff;background:#13283fb5;backdrop-filter:blur(12px);z-index:4}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:#e9bd7d}h1{font:normal 37px/1.15 Georgia,serif;letter-spacing:-.5px;margin:14px 0}h1 em{font-weight:normal}h2{font:normal 30px/1.2 Georgia,serif;margin:12px 0}.ship-intro p{font-size:13px;line-height:1.85;color:#e6edf4}.subtle{background:none;border-bottom:1px solid #dfe9f37f;padding:8px 0;min-height:44px;color:white;font-size:12px}.ship-presence{position:absolute;top:126px;right:30px;background:#15283ecb;color:white;border:1px solid #fff6;border-radius:10px;padding:12px 17px;backdrop-filter:blur(12px);font-size:12px;z-index:4}.ship-presence small{display:block;font-size:11px;color:#d8e4f0;margin-top:3px}.presence-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#efc484;margin-right:6px}.ship-tools{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:6px;padding:7px;background:#15263dce;color:white;border:1px solid #ffffff6b;border-radius:14px;backdrop-filter:blur(12px);white-space:nowrap}.ship-tools button,.ship-tools a{display:flex;gap:9px;align-items:center;min-height:48px;border-radius:8px;background:transparent;color:inherit;text-decoration:none;padding:10px 17px;font-size:18px}.ship-tools span{font-size:12px;font-weight:600}.ship-tools button:hover,.ship-tools a:hover{background:#fff2}.ship footer{position:absolute;bottom:0;padding:17px 28px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:3;color:white;pointer-events:none;font-size:12px;text-shadow:0 1px 4px #183240}.ship footer i{font:italic 18px Georgia,serif;color:#ffdfaf}.break-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:28px;max-width:330px;text-align:center;border-radius:16px;background:#f8fbffe6;backdrop-filter:blur(15px);box-shadow:0 12px 40px #11253640;border:1px solid #fff8;z-index:6}.break-card .eyebrow{color:#846133}.break-card output{display:block;font-size:42px;font-variant-numeric:tabular-nums;color:#234b69}.break-card p{font-size:12px;color:#4a6173}.close{position:absolute;right:10px;top:7px;min-height:44px;min-width:44px;border-radius:50%;background:transparent;font-size:27px}.break-card .close{right:3px;top:3px}.save-warning{position:absolute;bottom:120px;left:20px;right:20px;z-index:30;padding:10px;background:#fff0da;border:1px solid #986528;border-radius:8px;font-size:12px}dialog{width:min(580px,calc(100% - 28px));max-height:88dvh;overflow:auto;border:1px solid #ffffffab;border-radius:17px;padding:32px;background:#f8fbff;color:#182b41;box-shadow:0 20px 80px #041c3266}dialog::backdrop{background:#091e39a3;backdrop-filter:blur(5px)}dialog .eyebrow{color:#856139}dialog p{font-size:13px;color:#536579}label{display:block;font-size:12px;font-weight:600;margin:17px 0 8px}textarea{width:100%;resize:vertical;border:1px solid #bccbd8;border-radius:8px;background:white;padding:14px;color:#182b41}.notes-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.notes-actions small{color:#5d6e7f}.notes-actions button{padding:12px 20px;min-height:44px;background:#254664;color:white;border-radius:7px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
@media(max-width:800px){.ship-intro{max-width:320px;left:20px;top:114px;padding:18px 22px}.ship-intro h1{font-size:29px}.ship-presence{right:20px;top:auto;bottom:141px}.ship-tools button,.ship-tools a{padding:10px 12px}.ship footer>span{display:none}.ship footer{justify-content:center}}
@media(max-width:520px){.ship-header{padding:15px 12px;gap:7px}.back{font-size:11px;padding:8px}.ship-brand{font-size:17px}.ship-brand small{font-size:11px}.ship-header .avatar-menu-button{padding:4px 8px}.ship-intro{left:12px;right:12px;top:94px;max-width:310px;padding:16px 19px}.ship-intro h1{font-size:27px}.ship-intro p{font-size:12px}.ship-intro .eyebrow{font-size:11px}.ship-tools{bottom:50px;left:12px;right:12px;transform:none;justify-content:space-between;gap:1px;padding:5px}.ship-tools a,.ship-tools button{flex-direction:column;gap:3px;padding:7px 5px;min-width:0;flex:1;line-height:1.3}.ship-tools span{font-size:11px;white-space:normal;text-align:center;line-height:1.2;overflow-wrap:anywhere}.ship-presence{right:12px;left:12px;bottom:132px;font-size:11px;padding:8px 12px}.ship-presence small{font-size:11px}.ship footer{padding:13px;font-size:11px}.ship footer i{font-size:14px}.break-card{width:calc(100% - 40px);max-width:310px}.deck>img{object-position:53% 50%}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.ship-intro,.ship-tools,.ship-presence{background:#16283d;backdrop-filter:none}.break-card{background:#f8fbff}}