:root{--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-full: 999px;--dur-fast: .13s;--dur-base: .2s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-std: cubic-bezier(.4, 0, .2, 1);--bg: #f7f4ee;--surface: #fffdf9;--surface-2: #efeae1;--ink: #2a2620;--ink-2: #625c51;--ink-3: #736d60;--ink-4: #948d80;--line: rgba(42, 38, 32, .12);--line-soft: rgba(42, 38, 32, .07);--accent: #0f7b76;--accent-hover: #0b6a66;--accent-press: #095b57;--on-accent: #ffffff;--accent-soft: #e2efed;--accent-line: rgba(15, 123, 118, .5);--seg-track: var(--surface-2);--seg-thumb: var(--surface);--danger: #b0412a;--danger-soft: #f6e6e1;--ok: #2f7d55;--elev-1: 0 1px 2px rgba(60, 50, 35, .05), 0 2px 6px rgba(60, 50, 35, .05);--elev-2: 0 6px 16px rgba(50, 42, 30, .1), 0 2px 6px rgba(50, 42, 30, .06);color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #16161a;--surface: #212127;--surface-2: #2c2c33;--ink: #eceae4;--ink-2: #b4b0a7;--ink-3: #928d84;--ink-4: #78746c;--line: rgba(255, 255, 255, .14);--line-soft: rgba(255, 255, 255, .09);--accent: #46b9b1;--accent-hover: #5cc7bf;--accent-press: #6fd0c8;--on-accent: #0a2321;--accent-soft: rgba(70, 185, 177, .15);--accent-line: rgba(70, 185, 177, .55);--seg-track: #17171b;--seg-thumb: #313139;--danger: #e08064;--danger-soft: rgba(224, 128, 100, .16);--ok: #5cb684;--elev-1: none;--elev-2: 0 8px 24px rgba(0, 0, 0, .45);color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga","calt"}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.center{min-height:100dvh;display:grid;place-items:center;padding:var(--s-5)}.muted{color:var(--ink-2)}.error{color:var(--danger);font-size:14px;margin:var(--s-1) 0 0}.ok{color:var(--ok);font-size:14px}.rule{width:34px;height:3px;border-radius:var(--r-full);background:var(--accent)}button{font-family:inherit;cursor:pointer}.primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-5);width:100%;border:none;border-radius:var(--r-md);background:var(--accent);color:var(--on-accent);font-size:15px;font-weight:600;letter-spacing:-.005em;transition:background var(--dur-fast) var(--ease-std),transform var(--dur-fast) var(--ease-std)}.primary:hover{background:var(--accent-hover)}.primary:active{background:var(--accent-press);transform:scale(.985)}.primary:disabled{opacity:.5;cursor:default}.ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 var(--s-3);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);font-size:13.5px;font-weight:500;transition:background var(--dur-fast) var(--ease-std),border-color var(--dur-fast) var(--ease-std)}.ghost:hover{background:var(--surface-2);border-color:var(--ink-3)}.ghost:active{transform:scale(.97)}.ghost:disabled{opacity:.4;cursor:default}.ghost.danger{color:var(--danger)}.ghost.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.link{background:none;border:none;color:var(--ink-2);font-family:inherit;font-size:14px;padding:var(--s-2);transition:color var(--dur-fast) var(--ease-std)}.link:hover{color:var(--ink)}.field{display:block}.field-label{display:block;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3);margin:var(--s-4) 0 var(--s-2)}.field-label:first-child{margin-top:0}input{width:100%;min-height:46px;padding:0 var(--s-4);font-family:inherit;font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);outline:none;transition:border-color var(--dur-fast) var(--ease-std),box-shadow var(--dur-fast) var(--ease-std)}input::placeholder{color:var(--ink-4)}input:hover{border-color:var(--ink-3)}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--elev-1)}.auth{width:100%;max-width:360px;text-align:center}.brand{font-family:var(--font-display);font-optical-sizing:auto;font-size:34px;font-weight:500;letter-spacing:-.02em;line-height:1.05;color:var(--ink)}.auth .rule{margin:var(--s-3) auto var(--s-4)}.auth-sub{color:var(--ink-2);margin:0 0 var(--s-6);font-size:15px}.auth form{display:flex;flex-direction:column;gap:0;text-align:left}.auth .field+.field{margin-top:var(--s-4)}.auth .primary{margin-top:var(--s-5)}.ios-app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg)}.ios-app.sheet-open .screen-scroll{overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;will-change:transform;transition:transform .36s cubic-bezier(.32,.72,0,1)}.navbar{flex:0 0 auto;position:relative;display:flex;align-items:center;gap:var(--s-2);height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--s-4) 0;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);z-index:5}.brandmark{font-family:var(--font-display);font-size:20px;font-weight:500;letter-spacing:-.02em;color:var(--ink);flex:1}.save-state{font-size:12.5px;color:var(--ink-3);font-family:inherit;transition:color var(--dur-base) var(--ease-std)}.save-state.saved{color:var(--ok)}button.save-state.error{border:none;background:var(--danger-soft);color:var(--danger);font-weight:600;padding:5px 10px;border-radius:var(--r-full)}button.save-state.error:active{opacity:.6}.nav-title{position:absolute;left:0;right:0;text-align:center;font-size:17px;font-weight:600;color:var(--ink);pointer-events:none}.nav-btn{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:1px;border:none;background:transparent;color:var(--accent);font-family:inherit;font-size:17px;border-radius:var(--r-sm);transition:opacity var(--dur-fast) var(--ease-std);z-index:1}.nav-btn:active{opacity:.4}.nav-back{justify-content:flex-start;padding:0;margin-left:-6px}.nav-spacer{min-width:44px}.nav-grow{flex:1}.screen-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--s-3) var(--s-4) calc(var(--s-7) + env(safe-area-inset-bottom))}.big-title{font-family:var(--font-display);font-size:34px;font-weight:500;letter-spacing:-.02em;line-height:1.05;margin:var(--s-2) 0 var(--s-4)}.preview-card{display:flex;align-items:center;gap:var(--s-3);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:var(--s-4);margin-bottom:var(--s-5);box-shadow:var(--elev-1)}.preview-url{flex:1;min-width:0;display:flex;flex-direction:column}.preview-host{font-size:16px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-sub{font-size:12.5px;color:var(--ink-3);margin-top:1px}.preview-actions{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-2)}.preview-btn{min-height:44px;padding:0 var(--s-4);display:inline-flex;align-items:center;justify-content:center;border:none;font-family:inherit;background:var(--accent);color:var(--on-accent);border-radius:var(--r-full);font-size:14px;font-weight:600;transition:background var(--dur-fast) var(--ease-std)}.preview-btn:active{background:var(--accent-press)}.preview-link{min-height:44px;padding:0 var(--s-3);display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-size:14px;font-weight:600;border-radius:var(--r-full)}.preview-link:active{background:var(--accent-soft)}.list-header{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);margin:var(--s-5) 0 var(--s-2) var(--s-4)}.list-group{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--elev-1)}.list-group>*+*{border-top:1px solid var(--line-soft)}.list-note{font-size:13px;line-height:1.5;color:var(--ink-2);margin:var(--s-2) var(--s-4) 0}.list-note.error{color:var(--danger)}.link-list{list-style:none;margin:0;padding:0}.link-list.dragging{overflow:visible;cursor:grabbing}.row-wrap{position:relative;background:var(--surface)}.row-delete{position:absolute;z-index:0;top:0;right:0;bottom:0;width:96px;border:none;background:var(--danger);color:#fff;font-family:inherit;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;letter-spacing:.01em}.row-delete:active{filter:brightness(.92)}.link-row{position:relative;z-index:1;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);min-height:64px;cursor:pointer;background:var(--surface);touch-action:pan-y;will-change:transform;-webkit-user-select:none;user-select:none}.link-row:active{background:var(--surface-2)}.link-tap{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s-3);border:none;background:none;padding:0;margin:0;font-family:inherit;text-align:left;color:inherit;cursor:pointer}.link-tap:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent-line);border-radius:10px}.link-ic{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--surface-2)}.link-ic.routed{background:var(--accent-soft)}.link-mono{font-family:var(--font-display);font-size:18px;font-weight:500;line-height:1;color:var(--ink-2)}.link-ic.routed .link-mono{color:var(--accent)}.link-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.link-title{font-size:15px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-sub{display:flex;align-items:center;gap:var(--s-2);min-width:0;margin-top:2px;font-size:12.5px;color:var(--ink-3)}.link-host{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;padding:2px 7px 2px 5px;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-press);font-size:11px;font-weight:600;letter-spacing:.01em}.route-pill svg{width:11px;height:11px}.grip{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border:none;background:transparent;color:var(--ink-2);border-radius:var(--r-sm);touch-action:none;cursor:grab;transition:color var(--dur-fast) var(--ease-std)}.grip:hover{color:var(--ink-2)}.grip:active{cursor:grabbing;color:var(--ink)}.route-seg{display:flex;width:100%;padding:3px;gap:3px;background:var(--seg-track);border-radius:var(--r-md)}.route-opt{flex:1 1 0;min-width:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;background:transparent;color:var(--ink-2);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:-.01em;padding:9px 6px;border-radius:9px;white-space:nowrap;transition:color var(--dur-fast) var(--ease-std),background var(--dur-fast) var(--ease-std)}.route-opt svg{flex:0 0 auto;width:14px;height:14px}.route-opt:hover:not(.on){color:var(--ink)}.route-opt.on{background:var(--seg-thumb);border-color:var(--line);color:var(--ink);box-shadow:var(--elev-1)}.route-opt.on.hns,.route-opt.on.pi{color:var(--accent)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#18120a6b;display:flex;align-items:flex-end;justify-content:center;animation:scrim-in var(--dur-base) var(--ease-out)}.sheet{display:flex;flex-direction:column;width:100%;max-width:520px;max-height:92vh;overflow:hidden;overscroll-behavior:contain;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--elev-2);animation:sheet-up .3s var(--ease-out);transition:margin-bottom .18s var(--ease-out)}.sheet:focus,.sheet:focus-visible{outline:none}.sheet input{background:var(--bg)}.sheet-grabber{flex:0 0 auto;width:36px;height:5px;border-radius:var(--r-full);background:var(--line);margin:8px auto 2px}.sheet-head{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2) var(--s-2)}.sheet-title{flex:1 1 auto;text-align:center;font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.01em;white-space:nowrap}.sheet-btn{flex:0 0 auto;min-width:64px;min-height:44px;border:none;background:none;font-family:inherit;font-size:15px;color:var(--ink);padding:8px 10px;border-radius:var(--r-sm)}.sheet-btn:first-child{text-align:left}.sheet-btn:last-child{text-align:right}.sheet-btn.primary{color:var(--accent);font-weight:700}.sheet-btn.primary:disabled{color:var(--ink-3);opacity:.5}.sheet-btn:active{opacity:.5}.sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--s-3) var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--s-4)}.sheet-body .field{display:flex;flex-direction:column;gap:var(--s-2);margin:0}.sheet-body .field-label{display:block;margin:0;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}.field-help{font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:3px 0 0;min-height:2.4em}.field-error{font-size:12.5px;font-weight:600;color:var(--danger);margin-top:var(--s-2)}input.invalid{border-color:var(--danger)}input.invalid:focus{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.sheet-delete{align-self:flex-start;margin-top:var(--s-1);border:none;background:none;color:var(--danger);font-family:inherit;font-size:15px;font-weight:600;padding:8px 0}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.list-field{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);min-height:52px}.lf-label{flex:0 0 auto;font-size:15px;color:var(--ink)}.lf-value{flex:1;text-align:right;font-size:15px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-field>input{flex:1;min-width:0;text-align:right;border:none;background:none;min-height:40px;padding:0;border-radius:0;font-size:15px}.list-field>input:focus{box-shadow:none}.list-action{width:100%;text-align:left;border:none;background:none;padding:var(--s-3) var(--s-4);min-height:52px;font-family:inherit;font-size:15px;color:var(--accent)}.list-action:active{background:var(--surface-2)}.list-action.danger{color:var(--danger)}.handle-row{display:flex;align-items:center;flex:1;min-width:0;justify-content:flex-end}.handle-prefix{flex:0 0 auto;font-size:15px;color:var(--ink-3)}.handle-row input{flex:0 1 auto;width:auto;min-width:70px;text-align:left;border:none;background:none;padding:0;min-height:40px;border-radius:0;font-size:15px}.handle-row input:focus{box-shadow:none}.empty{display:flex;flex-direction:column;gap:var(--s-2);align-items:center;text-align:center;padding:var(--s-7) var(--s-5);border:1px dashed var(--line);border-radius:var(--r-lg);color:var(--ink-2)}.empty-ic{width:52px;height:52px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--surface-2);color:var(--ink-3);margin-bottom:var(--s-1)}.empty strong{font-family:var(--font-display);font-weight:500;color:var(--ink);font-size:19px}.empty span{font-size:13.5px;max-width:34ch}.empty-cta{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s-3);min-height:44px;padding:0 var(--s-4);background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--r-full);font-family:inherit;font-size:14px;font-weight:600;transition:background var(--dur-fast) var(--ease-std)}.empty-cta:active{background:var(--accent-press)}.add-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:var(--s-2) var(--s-4);min-height:48px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-md);color:var(--accent);font-family:inherit;font-size:15px;font-weight:600;transition:background var(--dur-fast) var(--ease-std)}.add-btn svg{color:var(--accent)}.add-btn.wide{width:100%;margin-top:var(--s-3)}.add-btn:not(:disabled):active{background:color-mix(in srgb,var(--accent-soft) 70%,var(--accent) 12%)}.add-btn:disabled{opacity:.4;cursor:default}.undo{position:fixed;left:50%;bottom:calc(var(--s-5) + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:var(--s-3);background:var(--ink);color:var(--bg);border-radius:var(--r-full);padding:var(--s-1) var(--s-1) var(--s-1) var(--s-5);box-shadow:var(--elev-2);animation:undo-in var(--dur-base) var(--ease-out);transform:translate(-50%)}.undo span{font-size:14px}.undo .link{color:var(--accent);font-weight:600;padding:8px 16px}@keyframes undo-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--s-4);padding-top:calc(var(--s-6) + env(safe-area-inset-top));background:var(--bg)}.gate-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-xl);padding:var(--s-6) var(--s-5);box-shadow:var(--elev-2)}.gate-brand{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.gate-brand img{border-radius:9px;box-shadow:var(--elev-1)}.gate-brand span{font-size:17px;font-weight:600;color:var(--ink)}.gate-title{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--s-2)}.gate-copy{font-size:15px;line-height:1.55;color:var(--ink-2);margin:0}.gate-copy b{color:var(--ink);font-weight:600}.gate-hint{margin-top:var(--s-4)}.gate-steps{margin:var(--s-5) 0 0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:var(--s-4)}.gate-steps li{position:relative;padding-left:var(--s-6);font-size:15px;line-height:1.5;color:var(--ink);counter-increment:step}.gate-steps li:before{content:counter(step);position:absolute;left:0;top:-1px;width:24px;height:24px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:var(--r-full);font-size:13px;font-weight:600}.gate-steps b{font-weight:600}.gate-install{margin-top:var(--s-5)}.pub{max-width:440px;margin:0 auto;padding:var(--s-8) var(--s-5) calc(var(--s-7) + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center}.pub-avatar{width:72px;height:72px;border-radius:var(--r-full);display:grid;place-items:center;font-family:var(--font-display);font-size:30px;font-weight:500;color:var(--accent);background:var(--accent-soft);border:1px solid var(--line-soft)}.pub-name{font-family:var(--font-display);font-optical-sizing:auto;font-size:clamp(26px,6vw,32px);font-weight:500;letter-spacing:-.02em;line-height:1.1;text-align:center;color:var(--ink);margin:var(--s-4) 0 0}.pub .rule{margin:var(--s-4) 0 var(--s-6)}.pub-links{width:100%;display:flex;flex-direction:column;gap:var(--s-3)}.pub-row{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:var(--s-4) var(--s-6);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);font-size:16px;font-weight:500;text-decoration:none;transition:transform var(--dur-fast) var(--ease-std),border-color var(--dur-fast) var(--ease-std),background var(--dur-fast) var(--ease-std)}.pub-row:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:0;width:3px;border-radius:var(--r-full);background:var(--accent);transition:height var(--dur-base) var(--ease-out)}.pub-row:hover{border-color:var(--ink-3)}.pub-row:hover:before{height:24px}.pub-row:active{transform:scale(.99);background:var(--surface-2)}.cap-hidden{position:fixed;bottom:0;left:0;margin:0;padding:0}.cap-hidden input{position:fixed;bottom:0;left:0;width:1px;height:1px;opacity:0;border:0;padding:0;min-height:0;background:transparent;color:transparent;font-size:16px}.skeleton{border-radius:var(--r-sm);background:var(--surface-2);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--line-soft),transparent);transform:translate(-100%);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.pub-row:hover:before{height:24px}}