#root{min-height:100vh;display:flex;flex-direction:column;align-items:center}.view-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:4rem 2rem;box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:pointer}.view-page h1{font-size:clamp(2.2rem,7vw,4.5rem);line-height:1.12;max-width:800px;margin:0}.tip-text{display:inline-block;animation:tip-pop .45s cubic-bezier(.2,1.4,.4,1) both}@keyframes tip-pop{0%{opacity:0;transform:translateY(14px) scale(.96) rotate(-.6deg)}to{opacity:1;transform:none}}.tap-hint{margin:1.75rem 0 0;font-size:.9rem;color:var(--faint);animation:hint-fade .6s ease .8s both}.start-screen-text{margin:1.75rem 0 0;font-size:1.1rem;color:var(--muted);max-width:560px;line-height:1.55;animation:hint-fade .5s ease .5s both}@keyframes hint-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.tip-text,.tap-hint,.start-screen-text{animation:none}}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:3rem 1.5rem;box-sizing:border-box;gap:2rem}.home-wordmark{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,3rem);font-weight:600;letter-spacing:-.02em;margin:0}.home-split{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:680px}.home-panel{padding:2.5rem 2rem;display:flex;flex-direction:column;gap:.75rem}.home-panel+.home-panel{border-left:1px solid var(--line)}.home-panel h2{font-size:1.35rem;margin:0}.home-panel p{font-size:.9rem;color:var(--muted);margin:0 0 .5rem;line-height:1.5}.home-panel .btn-primary{align-self:flex-start;text-decoration:none}.home-panel>.btn-primary{margin-top:auto}.home-open-form{display:flex;flex-direction:column;gap:.6rem;flex:1}.home-open-form .btn-primary{align-self:flex-start;margin-top:auto}@media (max-width: 560px){.home-split{grid-template-columns:1fr}.home-panel+.home-panel{border-left:none;border-top:1px solid var(--line)}}.view-page a{cursor:pointer}.home-link{position:fixed;top:1.25rem;left:1.5rem;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--faint);text-decoration:none;transition:color .2s}.home-link:hover{color:var(--ink)}.manage-link{position:fixed;bottom:1.5rem;left:1.5rem;font-size:.85rem;font-weight:500;color:var(--faint);text-decoration:none;letter-spacing:.02em;transition:color .2s}.manage-link:hover{color:var(--ink)}.list-label{position:fixed;top:1.4rem;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin:0;pointer-events:none}.share-wrap{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.share-btn{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s,transform .2s,box-shadow .2s;padding:0}.share-btn:hover{color:var(--accent);transform:translateY(-2px) rotate(-6deg);box-shadow:var(--shadow-soft)}.share-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1.1rem;display:flex;flex-direction:column;gap:1rem;width:260px;box-shadow:var(--shadow-soft);animation:panel-pop .25s cubic-bezier(.2,1.4,.4,1) both;transform-origin:bottom right}@keyframes panel-pop{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:none}}.share-group{display:flex;flex-direction:column;gap:.6rem}.share-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--faint);margin:0}.share-divider{height:1px;background:var(--line);margin:.25rem 0}.qr-wrap{display:flex;justify-content:center}.qr-wrap svg{border-radius:14px;background:#fff;border:1px solid var(--line);padding:10px}.centered-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:3rem 1.5rem;box-sizing:border-box;width:100%}.centered-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:var(--shadow-soft)}.centered-card h2{font-size:1.5rem;margin:0 0 .5rem}.centered-card--wide{max-width:560px}@media (max-width: 600px){.manage-page{padding:0;align-items:stretch;min-height:100vh;min-height:100dvh}.manage-page .centered-card--wide{flex:1;max-width:100%;border-radius:0;border-left:none;border-right:none;box-shadow:none;padding:1.5rem 1rem}.manage-page .manage-editor{flex:1}.manage-page .manage-editor textarea{flex:1;min-height:0}}.form{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.9rem;font-weight:600;color:var(--muted)}.form-group small,.url-preview{font-size:.8rem;color:var(--faint)}.url-preview strong{color:var(--accent)}input[type=text],input[type=password]{background:var(--bg);border:2px solid var(--line);border-radius:14px;color:inherit;font-family:inherit;font-size:1rem;padding:.65rem .9rem;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}input::placeholder,textarea::placeholder{color:var(--faint)}input[type=checkbox]{accent-color:var(--accent);width:1.1rem;height:1.1rem}.btn-primary{background:var(--accent);border:none;border-radius:999px;color:var(--accent-contrast);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:.7rem 1.6rem;box-shadow:var(--shadow-pop);transition:background .2s,transform .15s,box-shadow .2s}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.copy-btn{flex-shrink:0;background:color-mix(in srgb,var(--ink) 7%,transparent);border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:background .2s,border-color .2s}.copy-btn:hover{background:color-mix(in srgb,var(--ink) 12%,transparent);border-color:var(--faint)}.copy-btn--copied,.copy-btn--copied:hover{background:color-mix(in srgb,var(--success) 16%,transparent);border-color:color-mix(in srgb,var(--success) 45%,transparent);color:var(--success)}.copy-btn--full{width:100%}.back-link{display:inline-block;margin-top:1.5rem;font-size:.9rem;font-weight:500;color:var(--faint);text-decoration:none;transition:color .2s;background:none;border:none;padding:0;font-family:inherit;cursor:pointer;align-self:flex-start}.back-link:hover{color:var(--ink)}.toggle-row{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.manage-editor{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.manage-hint{font-size:.85rem;color:var(--faint);margin:0}.manage-editor textarea{width:100%;min-height:280px;background:var(--bg);border:2px solid var(--line);border-radius:16px;color:inherit;font-family:inherit;font-size:1rem;line-height:1.8;padding:.85rem;resize:vertical;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.manage-editor textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.welcome-screen-field{display:flex;flex-direction:column;gap:.5rem}.welcome-screen-inputs{display:flex;flex-direction:column;gap:.5rem;padding-left:1.7rem}.welcome-screen-inputs textarea{width:100%;min-height:72px;background:var(--bg);border:2px solid var(--line);border-radius:16px;color:inherit;font-family:inherit;font-size:1rem;line-height:1.6;padding:.65rem .85rem;resize:vertical;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.welcome-screen-inputs textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.theme-field{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.theme-field-label{font-size:.9rem;font-weight:600;color:var(--muted)}.theme-picker{display:flex;flex-wrap:wrap;gap:.75rem}.theme-swatch{background:none;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer}.theme-sample{width:64px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:1.05rem;border-radius:12px;border:1px solid var(--line);transition:transform .15s,box-shadow .15s}.theme-swatch:hover .theme-sample{transform:translateY(-2px)}.theme-swatch--active .theme-sample{box-shadow:0 0 0 3px var(--accent);border-color:transparent}.theme-name{font-size:.75rem;font-weight:500;color:var(--muted)}.theme-swatch--active .theme-name{color:var(--ink);font-weight:600}.manage-actions{display:flex;align-items:center;gap:1rem}.manage-actions .btn-primary{flex-shrink:0}.spinner{display:inline-block;width:2rem;height:2rem;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--error);font-size:.9rem;margin:.25rem 0}.success{color:var(--success);font-size:.9rem;margin:.25rem 0}:root{--font-display: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-body: "Outfit", system-ui, Avenir, Helvetica, Arial, sans-serif;--bg: #1b1511;--surface: #271f19;--ink: #f5efe4;--muted: rgba(245, 239, 228, .6);--faint: rgba(245, 239, 228, .35);--line: rgba(245, 239, 228, .14);--accent: #9775fa;--accent-hover: #b197fc;--accent-contrast: #1d1430;--sun: #ffc94d;--mint: #59d6b0;--error: #ff8095;--success: #6ee7a0;--shadow-soft: 0 14px 40px rgba(10, 6, 20, .45);--shadow-pop: 0 6px 18px color-mix(in srgb, var(--accent) 30%, transparent);font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--ink);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{--bg: #fcf9f2;--surface: #fffefb;--ink: #2e2620;--muted: rgba(46, 38, 32, .62);--faint: rgba(46, 38, 32, .4);--line: rgba(46, 38, 32, .14);--accent: #6741d9;--accent-hover: #5f3dc4;--accent-contrast: #fff;--sun: #f5a623;--mint: #1fae87;--error: #d6336c;--success: #2f9e44;--shadow-soft: 0 14px 40px rgba(91, 63, 38, .14);--shadow-pop: 0 6px 18px color-mix(in srgb, var(--accent) 28%, transparent)}}body{margin:0;min-width:320px;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(620px 440px at 12% -8%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%),radial-gradient(560px 420px at 104% 108%,color-mix(in srgb,var(--sun) 11%,transparent),transparent 70%)}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-hover)}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}[data-theme=midnatt]{--bg: #10142b;--surface: #1a1f3d;--ink: #e9edff;--muted: rgba(233, 237, 255, .6);--faint: rgba(233, 237, 255, .35);--line: rgba(233, 237, 255, .14);--accent: #8da2ff;--accent-hover: #a9b9ff;--accent-contrast: #0d1130;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif}[data-theme=solnedgang]{--bg: #ffe9d6;--surface: #fff7ef;--ink: #4d2433;--muted: rgba(77, 36, 51, .62);--faint: rgba(77, 36, 51, .4);--line: rgba(77, 36, 51, .14);--accent: #e8590c;--accent-hover: #d9480f;--accent-contrast: #fff;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Outfit", system-ui, sans-serif}[data-theme=skog]{--bg: #182b21;--surface: #21392c;--ink: #eef3e4;--muted: rgba(238, 243, 228, .6);--faint: rgba(238, 243, 228, .35);--line: rgba(238, 243, 228, .14);--accent: #74c69d;--accent-hover: #8fd6b1;--accent-contrast: #10241a;--font-display: "Fraunces", Georgia, serif;--font-body: "Outfit", system-ui, sans-serif}[data-theme=godis]{--bg: #ffdeeb;--surface: #fff0f6;--ink: #59263e;--muted: rgba(89, 38, 62, .62);--faint: rgba(89, 38, 62, .4);--line: rgba(89, 38, 62, .14);--accent: #e64980;--accent-hover: #d6336c;--accent-contrast: #fff;--font-display: "Gabarito", system-ui, sans-serif;--font-body: "Gabarito", system-ui, sans-serif}[data-theme=skrivmaskin]{--bg: #f2efe9;--surface: #faf8f4;--ink: #21201c;--muted: rgba(33, 32, 28, .62);--faint: rgba(33, 32, 28, .4);--line: rgba(33, 32, 28, .16);--accent: #c92a2a;--accent-hover: #b02525;--accent-contrast: #fff;--font-display: "Space Mono", monospace;--font-body: "Space Mono", monospace}[data-theme=standard]{--bg: #1b1511;--surface: #271f19;--ink: #f5efe4;--muted: rgba(245, 239, 228, .6);--faint: rgba(245, 239, 228, .35);--line: rgba(245, 239, 228, .14);--accent: #9775fa;--accent-hover: #b197fc;--accent-contrast: #1d1430;--font-display: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-body: "Outfit", system-ui, Avenir, Helvetica, Arial, sans-serif}@media (prefers-color-scheme: light){[data-theme=standard]{--bg: #fcf9f2;--surface: #fffefb;--ink: #2e2620;--muted: rgba(46, 38, 32, .62);--faint: rgba(46, 38, 32, .4);--line: rgba(46, 38, 32, .14);--accent: #6741d9;--accent-hover: #5f3dc4;--accent-contrast: #fff}}