:root{--radius: .65rem;--background: oklch(1 0 0);--foreground: oklch(.141 .005 285.823);--card: oklch(1 0 0);--card-foreground: oklch(.141 .005 285.823);--popover: oklch(1 0 0);--popover-foreground: oklch(.141 .005 285.823);--primary: oklch(.577 .245 27.325);--primary-foreground: oklch(.971 .013 17.38);--secondary: oklch(.967 .001 286.375);--secondary-foreground: oklch(.21 .006 285.885);--muted: oklch(.967 .001 286.375);--muted-foreground: oklch(.552 .016 285.938);--accent: oklch(.967 .001 286.375);--accent-foreground: oklch(.21 .006 285.885);--destructive: oklch(.577 .245 27.325);--border: oklch(.92 .004 286.32);--input: oklch(.92 .004 286.32);--ring: oklch(.704 .191 22.216);--chart-1: oklch(.808 .114 19.571);--chart-2: oklch(.637 .237 25.331);--chart-3: oklch(.577 .245 27.325);--chart-4: oklch(.505 .213 27.518);--chart-5: oklch(.444 .177 26.899);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.141 .005 285.823);--sidebar-primary: oklch(.577 .245 27.325);--sidebar-primary-foreground: oklch(.971 .013 17.38);--sidebar-accent: oklch(.967 .001 286.375);--sidebar-accent-foreground: oklch(.21 .006 285.885);--sidebar-border: oklch(.92 .004 286.32);--sidebar-ring: oklch(.704 .191 22.216)}.dark{--background: oklch(.141 .005 285.823);--foreground: oklch(.985 0 0);--card: oklch(.21 .006 285.885);--card-foreground: oklch(.985 0 0);--popover: oklch(.21 .006 285.885);--popover-foreground: oklch(.985 0 0);--primary: oklch(.637 .237 25.331);--primary-foreground: oklch(.971 .013 17.38);--secondary: oklch(.274 .006 286.033);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.274 .006 286.033);--muted-foreground: oklch(.705 .015 286.067);--accent: oklch(.274 .006 286.033);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.396 .141 25.723);--chart-1: oklch(.808 .114 19.571);--chart-2: oklch(.637 .237 25.331);--chart-3: oklch(.577 .245 27.325);--chart-4: oklch(.505 .213 27.518);--chart-5: oklch(.444 .177 26.899);--sidebar: oklch(.21 .006 285.885);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.637 .237 25.331);--sidebar-primary-foreground: oklch(.971 .013 17.38);--sidebar-accent: oklch(.274 .006 286.033);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.396 .141 25.723)}svg.my-icon{width:14px;height:14px;stroke-width:3;margin-bottom:2px;display:inline-flex;align-items:center;vertical-align:middle}svg.my-icon-foreground{width:14px;height:14px;stroke-width:3;margin-bottom:2px;color:var(--background);display:inline-flex;align-items:center;vertical-align:middle}body{display:block;background-color:var(--background);margin-left:10%;margin-right:10%;box-sizing:border-box;height:100vh;overflow:hidden}*{font-family:DM Sans,sans-serif}input{display:flex;padding:6px 10px;border-radius:9px;border:1px;border-style:solid;border-color:var(--border);outline:transparent;font-size:14px;resize:none;margin:0;width:100%;flex-grow:1;box-sizing:border-box;transition:all .1s ease-in-out}.input{display:flex;padding:6px 10px;border-radius:9px;border:1px;border-style:solid;border-color:var(--border);outline:transparent;font-size:14px;resize:vertical;margin:0;width:100%;flex-grow:1;min-height:100px;max-height:400px;box-sizing:border-box}input:focus{border-radius:9px;border:1px;border-style:solid;border-color:var(--primary);outline-color:var(--ring);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--ring) 50%,transparent)}textarea{padding:12px;border-radius:9px;border:1px;border-style:solid;border-color:var(--border);outline:transparent;width:100%;box-sizing:border-box;font-size:14px}textarea:focus{border-radius:9px;border:1px;border-style:solid;border-color:var(--primary);outline-color:var(--ring);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--ring) 50%,transparent)}label{font-size:12px;font-weight:600}.field{display:flex;flex-direction:column;gap:8px;flex-grow:1;box-sizing:border-box}.button-primary{padding:8px 9px;font-weight:600;background-color:var(--primary);color:var(--background);outline:transparent;border:none;border-radius:9px}.button-primary:hover{background-color:color-mix(in srgb,var(--primary) 90%,transparent)}.button-primary-grow{padding:8px 9px;display:flex;width:100%;height:fit-content;font-weight:600;background-color:var(--primary);color:var(--background);justify-content:center;align-items:center;box-sizing:border-box;gap:4px;outline:transparent;border:none;border-radius:9px}.button-primary-grow:hover{background-color:color-mix(in srgb,var(--primary) 90%,transparent)}.button-outline-grow{padding:8px 9px;display:flex;width:100%;height:fit-content;font-weight:600;background-color:var(--background);color:var(--foreground);border-color:var(--border);border-style:solid;border-width:1px;justify-content:center;align-items:center;box-sizing:border-box;gap:4px;transition:all .1s ease-in-out;border-radius:9px}.button-outline-grow:hover{background-color:color-mix(in srgb,var(--foreground) 3%,transparent)}.button-outline{padding:8px 9px;display:flex;height:fit-content;font-weight:600;background-color:var(--background);color:var(--foreground);border-color:var(--border);border-style:solid;border-width:1px;justify-content:center;align-items:center;box-sizing:border-box;gap:4px;transition:all .1s ease-in-out;border-radius:9px}.button-outline:hover{background-color:color-mix(in srgb,var(--foreground) 3%,transparent)}.button-destructive{padding:8px 9px;display:flex;height:fit-content;font-weight:600;background-color:var(--destructive);color:var(--foreground);border-color:transparent;border-style:solid;border-width:1px;justify-content:center;align-items:center;box-sizing:border-box;gap:4px;transition:all .1s ease-in-out;border-radius:9px}.button-destructive:hover{background-color:color-mix(in srgb,var(--destructive) 80%,transparent)}.button-group{display:flex;flex-direction:row;gap:8px;width:100%;align-items:center;justify-content:right;margin-top:12px;box-sizing:border-box;transition:all .1s ease-in-out}.form{display:flex;flex-direction:column;margin:0;width:100%;gap:16px}text{margin:0}.title-label{font-weight:700;font-size:18px;margin:0}.header-label{font-weight:700;font-size:26px;margin:0}.subtitle-label{font-weight:500;font-size:14px;margin:0 0 18px;color:var(--muted-foreground)}.middle{display:flex;flex-direction:row;background-color:var(--background);gap:24px;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.coldiv{padding:24px;display:flex;flex-direction:column;text-align:start;border:1px solid var(--border);border-radius:24px;width:fit-content;height:fit-content;min-width:450px;flex-grow:1;box-sizing:border-box}.rightdiv{padding:24px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:24px;flex-grow:6;box-sizing:border-box;min-height:320px}.data{display:flex;flex-grow:1;text-align:center}.topPart{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:0;margin-bottom:24px}.topPart h1,.topPart h2{margin:0}.verse-container{display:flex;flex-direction:column;width:100%;max-height:100%;flex-grow:1;box-sizing:border-box;overflow-y:scroll;gap:8px;scrollbar-width:none}.verse-card{padding:12px 18px 9px;border-radius:12px;border-color:var(--border);border-style:solid;border-width:1px;box-sizing:border-box;margin:0}.verse-title{font-size:14px;font-weight:600;margin:0}.verse-version{font-size:14px;font-weight:900;margin:0}.verse-content{font-size:14px;font-weight:400;margin:3px 0 0}.verse-title-block{display:flex;flex-direction:row;align-items:center;gap:2px}.option input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.option input[type=radio]:checked+.verse-card{border-color:var(--ring);background-color:color-mix(in srgb,var(--primary) 10%,white)}.title-group,.verse-group{display:flex;flex-direction:row;gap:4px;align-items:center;flex-grow:1}.verse-child{display:flex;flex-direction:column;gap:2px;flex-grow:1}
