@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Schoolbell&display=swap);:root{--header-height:60px;--footer-height:40px;--background-image:none}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#03d9ff;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0}body.has-background{--background-image:linear-gradient(#00000080,#0000001a),url(/static/media/white-puzzle-bg3.62a0732fdbf44af554a3.jpg)}*,:after,:before{box-sizing:inherit}main{box-sizing:border-box;min-height:calc(100vh - 100px);min-height:calc(100vh - var(--header-height) - var(--footer-height));padding-bottom:40px;padding-bottom:var(--footer-height);padding-top:60px;padding-top:var(--header-height);width:100%}.rate-limit-modal{border-radius:12px;box-shadow:0 10px 30px #00000040;max-width:420px;padding:32px}.rate-limit-modal h3{font-size:1.8rem;margin:0 0 16px}.rate-limit-modal p{color:#555;margin:0 0 24px}.subscribe-btn{border-radius:8px;font-size:1.1rem;margin-right:12px;padding:14px 28px;transition:all .2s}.subscribe-btn:hover{background:#00a0c0;transform:translateY(-2px)}.close-btn{background:#f0f0f0;border-radius:8px;color:#333;font-size:1.1rem;padding:14px 28px;transition:all .2s}.close-btn:hover{background:#e0e0e0}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#0000;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;background-color:var(--xy-background-color-default);background-color:var(--xy-background-color,var(--xy-background-color-default));direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-default);background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width-default);stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke-default);stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width-default);stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;pointer-events:none;position:absolute}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected-default);stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke-default);fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{overflow:visible;position:absolute;z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background-color:var(--xy-handle-background-color-default);background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:0;left:50%;top:auto;transform:translate(-50%,50%)}.react-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.react-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.react-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color-default);background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.react-flow__minimap{background:var(--xy-minimap-background-color-default);background:var(
    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))
  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-default);fill:var(
      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))
    );stroke:var(--xy-minimap-mask-stroke-color-default);stroke:var(
      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))
    );stroke-width:var(--xy-minimap-mask-stroke-width-default);stroke-width:var(
      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))
    )}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-default);fill:var(
      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))
    );stroke:var(--xy-minimap-node-stroke-color-default);stroke:var(
      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))
    );stroke-width:var(--xy-minimap-node-stroke-width-default);stroke-width:var(
      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))
    )}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-dots-color-default);fill:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))
    )}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-lines-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))
    )}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-cross-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow-default);box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{align-items:center;background:var(--xy-controls-button-background-color-default);background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      );color:var(--xy-controls-button-color-default);color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;display:flex;height:26px;justify-content:center;padding:4px;-webkit-user-select:none;user-select:none;width:26px}.react-flow__controls-button svg{fill:currentColor;max-height:12px;max-width:12px;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:var(--xy-node-background-color-default);background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));border:var(--xy-node-border,var(--xy-node-border-default));border-radius:var(--xy-node-border-radius-default);border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));color:var(--xy-node-color-default);color:var(--xy-node-color,var(--xy-node-color-default));font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover-default);box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected-default);box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color-default);background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color-default);background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-default);background:var(
        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))
      );color:var(--xy-controls-button-color-hover-default);color:var(
        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))
      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color-default);background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;height:5px;translate:-50% -50%;width:5px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color-default);fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color-default);fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.loading-overlay{align-items:center;background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.loading-icon{animation:spin 1s linear infinite;border:8px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;width:60px}.mobile-sidebar{background-color:#02c7eb;border-right:1px solid #5b5b5b;box-shadow:5px 0 15px #0003;color:#fff;display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:2000}.mobile-sidebar.open{transform:translateX(0)}.sidebar-nav{display:flex;flex-direction:column;padding:80px 20px 20px}.sidebar-link{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:18px;font-weight:500;gap:15px;margin-bottom:10px;overflow:hidden;padding:18px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.sidebar-link:hover{background-color:#ffffff26;color:#fff;transform:translateX(8px)}.sidebar-link:active{background-color:#ffffff40;transform:translateX(4px) scale(.98);transition:all .1s ease}.sidebar-link:hover svg{color:#f0f0f0;transform:scale(1.2);transition:transform .2s ease}.credits-display{background-color:#fff;border-radius:4px;font-size:13px;font-weight:700;margin-left:auto;padding:4px 10px}.sidebar-overlay{background:#0006;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;visibility:hidden;width:100%;z-index:1999}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar-link:not(:last-child){border-bottom:1px solid #ffffff1a}.custom-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999!important}.custom-modal-content{background:#fff;border:1px solid #00d9ff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#4a4a4a;font-family:Helvetica Neue,Arial,sans-serif;padding:20px;text-align:center;width:400px;z-index:10000!important}.custom-modal-title{color:#00c7eb;font-size:1.5rem;font-weight:700;margin-bottom:15px}.custom-modal-message{color:#666;font-size:1rem;line-height:1.6;margin-bottom:20px}.custom-modal-buttons{display:flex;justify-content:space-around}.custom-modal-cancel,.custom-modal-confirm{border:1px solid #0000;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:1rem;font-weight:600;margin:0 5px;padding:12px 24px;transition:all .3s ease;width:50%}.custom-modal-confirm{background-color:#00c7eb;color:#fff}.custom-modal-cancel{background-color:#eb0052;color:#fff}.custom-modal-confirm:hover{background-color:#00d9ff}.custom-modal-cancel:hover,.custom-modal-confirm:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.custom-modal-cancel:hover{background-color:#cc0047}@media (max-width:768px){.custom-modal-content{padding:15px;width:90%}.custom-modal-title{font-size:1.2rem}.custom-modal-message{font-size:.9rem}.custom-modal-cancel,.custom-modal-confirm{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.custom-modal-content{width:95%}.custom-modal-buttons{flex-direction:column;gap:10px}.custom-modal-cancel,.custom-modal-confirm{width:100%}}.header{background-color:initial;background-color:#fff;border-bottom:1px solid #5b5b5b;color:#000;left:0;padding:20px;position:fixed;top:0;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:1000}.header-hidden{opacity:0;pointer-events:none;transform:translateY(-110%)}.header.header-logged-out{background-color:initial;border-bottom:none}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.header-container,.logo{align-items:center;display:flex}.logo{color:#000;cursor:pointer;font-size:24px;font-weight:700;gap:5px;text-decoration:none}.logo-text{font-family:Schoolbell,sans-serif}.homeschool-title{color:#4a4a4a}.header-logged-out .homeschool-title{color:#0000}.blue-title{color:#00c7eb;font-weight:700}.header-logged-out .blue-title{color:#0000}.nav{gap:25px;margin-right:20px}.nav,.nav-link{align-items:center;display:flex}.nav-link{border-radius:5px;color:#000;font-size:18px;padding:10px 15px;text-decoration:none;transition:color .3s ease,transform .2s ease}.nav-link:hover{background:#00c7eb1a;color:#00c7eb;transform:scale(1.05)}.credits-display{background:#e0e0e0;border-radius:5px;color:#000;font-size:14px;margin-left:8px;margin-right:5px;padding:3px 8px}.header-right-icons{align-items:center;background-color:#fff;border:1px solid #555;border-radius:6px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:5px 0 0}.header-right-icons.icons-hidden{opacity:0;pointer-events:none;transform:translateY(-150%)}.profile-menu{z-index:10001}.profile-menu-container{gap:15px;justify-content:center;position:fixed;right:20px;top:20px;z-index:9999}.profile-menu,.profile-menu-container{align-items:center;display:flex;flex-direction:column}.profile-menu{cursor:pointer;position:relative}.profile-icon{font-size:32px;margin:0 5px 5px;transition:color .3s ease}.profile-icon:hover{color:#00d9ff}.profile-menu:hover{color:#000}.profile-dropdown{background:#00c7eb;border:1px solid #555;border-radius:8px;box-shadow:0 4px 8px #00000026;min-width:200px;opacity:0;padding:20px;position:absolute;right:60px;text-align:left;top:-10px;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;visibility:hidden;z-index:10001}.profile-menu:hover .profile-dropdown{opacity:1;transform:translateY(0);visibility:visible}.profile-name{border:1px solid #555;border-radius:6px;font-weight:700;padding:10px 20px}.profile-name,.profile-settings{background-color:#fff;display:block;font-size:14px;margin-bottom:8px;text-align:center}.profile-settings{border:1px solid #000;border-radius:4px;box-shadow:0 4px 8px #00000026;font-weight:300;padding:5px 20px}.profile-settings:hover{box-shadow:0 4px 6px #0000}.profile-button{background:#ff4b4b;border:1px solid #555;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;text-align:center;transition:background .3s ease;width:100%}.profile-button:hover{background:#e63939}.mobile-menu-icon{background:none;border:none;color:#000;cursor:pointer;display:none;font-size:32px;transform-origin:center center;transition:transform .3s ease,color .3s ease}.mobile-menu-icon:hover{color:#00c7eb}.mobile-menu-icon.open{transform:rotate(90deg) translateX(-5px) translateY(5px)}.header-right-icons.open .mobile-menu-icon,.header-right-icons.open .profile-icon{color:#000}.mobile-header-spacer{background:#0000;border-bottom:1px solid #0000;height:4rem;left:0;pointer-events:none;position:fixed;top:0;transition:transform .3s ease;width:100%;z-index:999}.mobile-header-spacer.hidden{transform:translateY(-100%)}.mobile-body-padding{height:4rem}body.has-mobile-header{padding-top:4rem!important}@media (max-width:1000px){.header{background-color:initial;border:none;margin-top:0}.header-container{background-color:#fff;border:1px solid #000;border-radius:8px 8px 8px 8px;padding:10px}.logo{font-size:18px}.nav.desktop-links{display:none}.mobile-menu-icon{display:block}.header.header-logged-out{background-color:initial;border-bottom:none}.header-right-icons{background-color:#00d9ff;max-width:50px}.profile-menu,.profile-menu:hover{color:#000}.mobile-menu-icon:hover,.profile-icon:hover{color:#fff}.mobile-header-spacer{display:block}.header{margin-top:3.7rem}}.footer{background-color:#00d9ff;border-left:1px solid #00d9ff;border-right:1px solid #00d9ff;border-top:1px solid #00d9ff;color:#4a4a4a;font-size:10px;font-weight:500;margin-top:40px;padding:15px 20px;text-align:center;width:100%}.footer-SpectrumGuideInfo-content{margin:0 150px}.footer-SpectrumGuideInfo-content,.footer-content{align-items:center;display:flex;gap:5px;justify-content:center}.brand-name{color:#4a4a4a;font-family:Schoolbell,sans-serif;font-weight:700}.founder{color:#4a4a4a;font-size:12px;margin:0}.footer-logo-container{align-items:center;display:flex;justify-content:center}.footer-logo{height:auto;width:50px}.footer-icons{align-items:center;display:flex;gap:5px}.footer-icon-link{color:#4a4a4a;font-size:12px;transition:color .3s ease}.footer-content p{align-items:center;display:flex;gap:5px}@media (max-width:768px){.footer{border-top-left-radius:0;border-top-right-radius:0;padding:12px;width:100%}.footer-content{flex-direction:column;gap:5px;margin-top:20px}.founder{margin-top:-10px}.footer-SpectrumGuideInfo-content{margin:0 20px}}.payment-page{background-color:#fff;border:1px solid #c3c3c3;border-radius:10px;margin:60px auto;max-width:1200px;padding:60px;text-align:center}.payment-page h1{color:#00c7eb;font-size:2.5rem;font-weight:700;margin-bottom:20px}.payment-page h2{color:#00c7eb;font-size:1.5rem;font-weight:700;margin-bottom:10px}.payment-page p{color:#555;font-size:18px;line-height:1.6;margin-bottom:20px;text-align:left}.payment-options{color:#555;list-style:none;margin:20px 0;padding:0}.payment-options li{align-items:center;background-color:#f4f4f9;border:1px solid #c3c3c3;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#555;cursor:pointer;display:flex;font-size:18px;justify-content:space-between;margin-bottom:15px;padding:15px}.payment-options li span{flex:1 1;font-weight:500;text-align:left}.payment-options button{background-color:#00c7eb;border:1px solid #908f8f;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.payment-options button:hover{background-color:#00aac8;transform:translateY(-2px)}.payment-options button:active{transform:translateY(0)}.payment-page .stripe-form{border-top:1px solid #ddd;margin-top:30px;padding:20px}.error{color:#9e2146;margin-top:10px}.success{color:#4caf50;font-weight:700;margin-top:10px}.profile-section{background-color:#f4f4f9;border:1px solid #c3c3c3;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#555;font-size:18px;margin-bottom:20px;padding:15px}.profile-section form{display:flex;flex-direction:column;gap:10px}.profile-section div{display:flex;flex-direction:column;gap:5px}.profile-section label{color:#555;font-weight:500}.profile-section input{border:1px solid #c3c3c3;border-radius:8px;font-size:16px;padding:10px}.profile-section button{background-color:#00c7eb;border:1px solid #908f8f;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease;width:-webkit-fit-content;width:fit-content}.profile-section button:hover{background-color:#00aac8;transform:translateY(-2px)}.profile-section button:active{transform:translateY(0)}@media (max-width:1200px){.payment-page{margin:20px}}@media (max-width:768px){.payment-page{margin:60px 20px;padding:15px;text-align:left;width:90%}.payment-page h1{font-size:2rem}.payment-options li{align-items:flex-start;flex-direction:column}.payment-options button{margin-top:10px;width:100%}.profile-section{padding:10px}.profile-section button{width:100%}}.payment-component{background-color:#fff;border:1px solid #c3c3c3;border-radius:10px;box-shadow:0 2px 4px #0000000d;margin:20px auto;max-width:400px;padding:20px;text-align:center}#payment-form{display:flex;flex-direction:column;gap:1rem}#payment-element{border:1px solid #c3c3c3;border-radius:4px;margin-bottom:1rem;padding:10px}#submit{background-color:#00c7eb;border:1px solid #908f8f;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:.5rem 1rem;transition:background-color .3s ease,transform .2s ease}#submit:disabled{background-color:#ccc;cursor:not-allowed}#submit:hover:not(:disabled){background-color:#00aac8;transform:translateY(-2px)}#submit:active:not(:disabled){transform:translateY(0)}#payment-message{color:#9e2146;margin-top:10px;text-align:center}@media (max-width:768px){.payment-component{margin:10px;padding:15px;width:90%}#submit{width:100%}}.social-stories-page{background-color:#fff;border:1px solid #1a1a1a;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#000;font-family:Helvetica Neue,Arial,sans-serif;margin:60px!important;max-width:100%!important;padding:60px!important}.social-stories-page h1,.social-stories-page h2{color:#00c7eb;font-family:Schoolbell,sans-serif;margin-bottom:20px;text-align:center}.social-stories-page h1 svg{margin-right:10px;vertical-align:-.2em}.generate-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.label-inline{display:flex;flex-direction:column;margin-right:10px}.story-type-select{cursor:pointer}.generate-buttonz{background-color:#02c7eb;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.generate-buttonz:disabled{background-color:#ccc;cursor:not-allowed}.latest-generated{background-color:#f4f4f9;border:1px solid #c3c3c3;border-radius:8px;margin-bottom:20px;padding:10px}.show-more-button{background-color:initial;border:none;color:#02c7eb;cursor:pointer;font-size:.9rem;margin-left:5px;text-decoration:underline}.saved-stories-section{margin-top:20px}.stories-list{display:flex;flex-direction:column;gap:10px}.story-card{background-color:#f4f4f9;border:1px solid #c3c3c3;border-radius:8px;padding:10px}.story-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.rename-input{border:1px solid #c3c3c3;border-radius:4px;padding:5px;width:60%}.story-actions button{background-color:initial;border:none;color:#02c7eb;cursor:pointer;margin-left:10px}.story-footer{display:flex;justify-content:space-between}.download-story-button,.save-rename-button{background-color:#02c7eb;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.cancel-rename-button{background-color:#aaa}.rate-limit-modal-overlay{background:#0009;height:100vh;opacity:1;position:fixed!important;visibility:visible;width:100vw;z-index:2000}.rate-limit-modal{box-shadow:0 4px 12px #0003;padding:30px;z-index:2001}.rate-limit-modal h3{margin-bottom:15px}.rate-limit-modal p{line-height:1.5;margin-bottom:20px}.subscribe-btn{background-color:#02c7eb;border-radius:5px;transition:background-color .3s ease}.subscribe-btn:hover{background-color:#0198b5}.close-btn{background-color:#aaa;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-left:10px;padding:5px 20px;transition:background-color .3s ease}.close-btn:hover{background-color:#888}.error-message{background-color:#ffebee;border:1px solid #d32f2f;border-radius:4px;color:#d32f2f;font-size:14px;margin-top:10px;padding:10px;text-align:center}@media (max-width:768px){.rate-limit-modal{padding:20px;width:95%}.close-btn,.subscribe-btn{margin:10px 0;width:100%}}.default-story-injector-section-title,.title-generate-section{color:#666;font-weight:700;text-align:center}.default-story-injector-section{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:row;margin-bottom:20px;padding:10px}.default-story-injector-section label{color:#333;flex:1 1;font-weight:600;margin-right:10px}.default-story-injector-section select{border:1px solid #c3c3c3;border-radius:6px;font-size:1rem;max-width:400px;padding:8px;width:100%}.default-story-injector-section button{background-color:#02c7eb;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease;width:auto}.default-story-injector-section button:disabled{background-color:#ccc;cursor:not-allowed}.error,.selected-story-indicator{background-color:#fff;border:1px solid #c3c3c3;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:1rem;height:36px;margin:0;overflow-x:auto;overflow-y:hidden;padding:8px;text-align:center;white-space:nowrap}.error:empty,.selected-story-indicator:empty{border-color:#e0e0e0}.selected-story-indicator{color:#666;font-style:italic}@media (max-width:1000px){.social-stories-page{margin:140px 20px!important}}@media (max-width:768px){.social-stories-page{margin:140px 20px!important;padding:30px!important}.generate-section{align-items:flex-start;flex-direction:column}.story-card{padding:15px}.generate-buttonz{height:auto;margin-top:0;width:100%}.default-story-injector-section{align-items:stretch;flex-direction:column}.default-story-injector-section label{margin-bottom:10px;margin-right:0}.default-story-injector-section button{width:100%}.error,.selected-story-indicator{margin-bottom:10px;width:100%}}.tts-controls-container{border-radius:8px;width:100%}.tts-radial{background:#00000008;border:1px solid #c3c3c3;border-radius:8px;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:5px 10px 10px}.tts-btn-wrapper,.tts-radial{align-items:center;display:flex}.tts-btn-wrapper{flex-direction:column}.tts-btn{align-items:center;background-color:#d3d3d3;border:1px solid #c3c3c3;border-radius:50%;box-shadow:2px 2px 3px #0000004d;color:#000;cursor:pointer;display:flex;flex:0 0 auto;font-family:Courier New,Courier,monospace;font-size:1.5rem;height:50px;justify-content:center;line-height:50px;margin:5px;padding:0;text-align:center;transition:all .2s ease;width:50px}.tts-btn:hover{background-color:#b0b0b0;transform:scale(1.05)}.tts-accordion-header{align-items:center;background-color:#d3d3d3;border:1px solid #c3c3c3;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-top:10px;padding:5px 10px;text-align:center;transition:all .3s ease;width:100%}.tts-accordion-header span{font-family:Courier New,Courier,monospace}.tts-accordion-header:hover{background-color:#b0b0b0}.tts-controls-settings{background:#fffc;border:1px solid #c3c3c3;border-radius:8px;margin-top:10px;overflow:hidden;padding:10px;transition:max-height .3s ease-out;width:100%}.tts-controls-settings.closed{max-height:0;padding:0}.tts-controls-settings.open{max-height:500px;padding:10px}.tts-settings-row,.tts-speed-control{align-items:center;display:flex;gap:15px;width:100%}.tts-settings-row label,.tts-speed-control label{align-items:center;display:flex;font-family:Courier New,Courier,monospace;gap:5px}.tts-settings-row select{background:#d3d3d3;border:1px solid #c3c3c3;border-radius:4px;flex-grow:1;font-family:Courier New,Courier,monospace;max-width:70%;padding:5px}.tts-speed-control input[type=range]{-webkit-appearance:none;appearance:none;background:#b0b0b0;border:1px solid #c3c3c3;border-radius:5px;flex-grow:1;height:8px;max-width:75%;min-width:50px;outline:none;transition:background .3s;width:100%}.tts-speed-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d3d3d3;border:1px solid #c3c3c3;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:background .3s,transform .2s;transition:background .3s,transform .2s;width:20px}.tts-speed-control input[type=range]::-webkit-slider-thumb:hover{background:#b0b0b0;transform:scale(1.1)}.tts-speed-control input[type=range]::-moz-range-thumb{background:#d3d3d3;border-radius:50%;cursor:pointer;height:20px;-moz-transition:background .3s,transform .2s;transition:background .3s,transform .2s;width:20px}.tts-speed-control input[type=range]::-moz-range-thumb:hover{background:#b0b0b0;transform:scale(1.1)}.tts-speed-control input[type=range]:active::-webkit-slider-thumb{background:#999}.tts-speed-control span{display:inline-block;font-family:Courier New,Courier,monospace;font-size:.9rem;min-width:35px;text-align:center;vertical-align:middle}@media (max-width:600px){.tts-speed-control{align-items:flex-start;flex-direction:column}.tts-speed-control input[type=range]{max-width:100%}.tts-speed-control span{text-align:left}.tts-btn{font-size:1rem;height:20px;width:20px}.tts-radial{justify-content:space-between}.tts-accordion-header{padding:0 5px}}@media (max-width:480px){.tts-settings-row,.tts-speed-control{align-items:flex-start;flex-direction:column}.tts-voice{height:20px}.tts-btn,.tts-settings-row select{font-size:1.5rem}}.story-actions-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:10px;padding:10px 0}.delete-story-button,.download-story-button,.generate-image-button{border:1px solid #c3c3c3;border-radius:5px;color:#fff;flex:1 1;padding:10px;text-align:center;transition:transform .2s ease,background-color .2s ease}.generated-story-content,.story-content{word-wrap:break-word;background-color:#fff;background-color:var(--story-bg-color,#fff);border:1px solid #c3c3c3;border-radius:5px;line-height:1.5;margin-bottom:10px;padding:10px;white-space:pre-wrap}.download-story-button{background-color:#00c7eb}.download-story-button:hover{background-color:#00b2d2}.delete-story-button{background-color:#ff6b6b}.delete-story-button:hover{background-color:#d9534f}.generate-image-button{background-color:#00d9ff}.generate-image-button:hover{background-color:#03c7eb}@media (max-width:768px){.story-actions-container{flex-direction:column;gap:5px}.delete-story-button,.download-story-button,.generate-image-button{flex:none;width:100%}.delete-story-button{margin-bottom:5px}}.floating-chat-bot{align-items:center;background-color:#00d9ff;border:1px solid #555;border-radius:50%;bottom:40px;box-shadow:2px 2px 5px #0003;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;right:40px;transform:translateX(-100%);transition:transform .5s ease-out,opacity .5s ease-out;width:50px}.floating-chat-bot.slide-in{opacity:1;transform:translateX(0)}.floating-chat-bot:hover{background-color:#00c7eb}.floating-chat-bot .chat-icon{color:#000!important;font-size:24px;padding:2px;transition:color .3s ease}.floating-chat-bot:hover .chat-icon{color:#fff!important}@media (max-width:768px){.floating-chat-bot{bottom:20px;right:20px}}.chat-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:80%;left:50%;max-width:90%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:600px;z-index:9999}.error-message{color:#f44;margin:10px 0}.error-message a{color:#00c7eb;text-decoration:underline}@media (max-width:768px){.chat-modal{height:70vh;margin:0 auto;width:90%}}.chat-header{align-items:stretch;background:#f7f7f7;border-bottom:1px solid #ddd;display:flex;flex-direction:column;padding:10px;position:relative}.chat-header h2{font-size:1.2rem;font-weight:600;margin:0 0 8px;text-align:center}.close-modal-btn{background:#0000;border:none;color:#555;cursor:pointer;font-size:24px;position:absolute;right:8px;top:8px}.close-modal-btn:hover{color:#000}.chat-header-buttons{display:flex;gap:10px;justify-content:center;margin-top:10px}.clear-chat-btn,.download-chat-btn,.explain-chat-btn{background-color:#00c7eb;border:1px solid #908f8f;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:0;padding:6px 12px;transition:background-color .2s ease}.clear-chat-btn:hover,.download-chat-btn:hover,.explain-chat-btn:hover{background-color:#00b2d2}.chat-container{background:#fafafa;flex:1 1;overflow-y:auto;padding:10px}.chat-message{align-items:flex-start;display:flex;margin-bottom:12px;position:relative}.chat-message.user{justify-content:flex-end}.chat-message.assistant{justify-content:flex-start}.chat-message.user .message-content{align-self:flex-start;background-color:#c7ffd8;border:1px solid #ccc;border-top-right-radius:0}.chat-message.assistant .message-content{align-self:flex-start;background-color:#e2e2e2;border:1px solid #ccc;border-top-left-radius:0}.message-content{border-radius:8px;font-size:1rem;line-height:1.6;max-width:70%;padding:10px 14px;text-align:left}.message-content strong{color:#2e6da4;font-weight:700}.timestamp{color:#777;display:block;font-size:.75rem;margin-bottom:6px;margin-top:6px}.message-actions{align-items:center;display:flex;flex-direction:column;gap:8px;margin-left:8px}.message-actions .delete-btn,.message-actions .download-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:background-color .2s ease;width:80px}.delete-btn{background-color:#ff7272}.delete-btn:hover{background-color:#ff4d4d}.download-btn{background-color:#00c7eb}.download-btn:hover{background-color:#00aac8}.chat-input{background:#f9f9f9;border-top:1px solid #ddd;display:flex;flex-wrap:wrap;padding:10px}.chat-input textarea{border:1px solid #ccc;border-radius:4px;flex:1 1 100%;font-family:inherit;font-size:.9rem;height:50px;padding:8px;resize:none;transition:border-color .2s ease}.chat-input textarea:focus{border-color:#00c7eb;outline:none}.send-btn{background-color:#00c7eb;border:1px solid #908f8f;border-radius:4px;color:#fff;cursor:pointer;flex:1 1 100%;font-size:.9rem;margin-top:8px;padding:8px 16px;transition:background-color .2s ease}.send-btn:hover{background-color:#00b2d2}.send-btn:disabled{background-color:#a0c4ff;cursor:not-allowed}.loading-spinner{align-items:center;display:flex;flex-direction:column;margin:20px 0}.spinner{border:4px solid #0000001a;border-left-color:#4a90e2;height:36px;width:36px}.loading-spinner p{color:#555;font-size:1rem;margin-top:10px}.modal-overlay{background-color:#00000080;z-index:9998}.chat-message.assistant .message-content h3{color:#333;font-size:1.1rem;margin-bottom:8px}.chat-message.assistant .message-content ul{padding-left:20px}.chat-message.assistant .message-content li{margin-bottom:5px}.chat-message.assistant .message-content p{color:#333;font-size:1rem;line-height:1.6;white-space:pre-wrap}.chat-message.assistant .message-content strong{color:#2e6da4}.bottom-buttons-container{display:flex;gap:10px;width:100%}.bottom-buttons-container .clear-chat-btn,.bottom-buttons-container .download-chat-btn,.explain-chat-btn{background-color:#00c7eb;border:1px solid #908f8f;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:8px 16px;transition:background-color .2s ease}.bottom-buttons-container .clear-chat-btn:hover,.bottom-buttons-container .download-chat-btn:hover{background-color:#00b2d2}.clear-chat-btn,.download-chat-btn,.explain-chat-btn{background-color:#00c7eb!important;margin-left:0!important;margin-top:10px;width:50%}.clear-chat-btn:focus,.close-modal-btn:focus,.download-chat-btn:focus,.send-btn:focus{outline:2px solid #029cb8;outline-offset:2px}.showMoreButton{color:#029cb8;cursor:pointer}.showMoreButton.showLess{color:#029cb8}.rate-limit-modal-overlay{z-index:10000}.rate-limit-modal{border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:90%}.rate-limit-modal h3{color:#333;font-size:1.5rem;margin:0 0 10px}.rate-limit-modal p{color:#666;font-size:1rem;margin:0 0 20px}.subscribe-btn{background:#00c7eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s ease}.subscribe-btn:hover{background:#00b2d2}.floating-chat-bot{bottom:60px;position:fixed;right:20px;z-index:999}.modal-overlay{background:#00000080;height:100%;left:0;top:0;width:100%}.signup-page{background-color:#fff;border:1px solid #c3c3c3;border-radius:8px;box-sizing:border-box;color:#000;font-family:Helvetica Neue,Arial,sans-serif;margin:0 100px;padding:20px}.signup-text{font-family:Schoolbell,sans-serif}.signup-page h1{color:#00c7eb}.signup-page h1,.welcome-note{margin-bottom:20px;text-align:center}.welcome-note{color:#4a4a4a;font-size:1.1rem}.form-section{background-color:#fff;border:1px solid #c3c3c3;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:20px}label{color:#2e3136;display:block;font-size:16px;font-weight:600;line-height:1.5;margin-bottom:5px;text-align:left}.hint{color:#666;font-size:.9rem;font-weight:400;margin-left:5px}input[type=date],input[type=email],input[type=password],input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:16px;margin-top:5px;padding:10px;width:100%}input:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280;outline:none}.error{color:#d9534f;font-size:14px;margin-bottom:10px;text-align:center}.signup-button{background-color:#00c7eb;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;transition:background-color .3s ease;width:100%}.signup-button:hover{background-color:#00aac8}.plan-selection{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.plan-selection label{align-items:center;cursor:pointer;display:flex;position:relative}.label{margin-bottom:-5px}.plan-selection input[type=radio]{margin-right:10px}.plan-tooltip{background-color:#333;border-radius:4px;color:#fff;font-size:12px;left:0;opacity:.9;padding:4px 8px;pointer-events:none;position:fixed;top:0;transform:translate(var(--x),var(--y));white-space:nowrap;z-index:1000}.password-error{color:#f44;font-size:.9em;margin-top:5px}.password-match{color:#0c0;font-size:.9em;margin-top:5px}.back-button{background-color:#f0f8ff;border:1px solid #00c7eb;border-radius:5px;box-sizing:border-box;color:#00c7eb;display:inline-block;font-size:1rem;font-weight:600;margin-bottom:20px;max-width:300px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease,color .3s ease;width:100%}.back-button:hover{background-color:#00c7eb;color:#fff;text-decoration:none}.back-button:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280;outline:none}@media (max-width:768px){.signup-page{margin:-44px 16px;padding:15px}.form-section{padding:15px}label{font-size:14px}.hint{font-size:.8rem}input[type=date],input[type=email],input[type=password],input[type=text]{font-size:14px;padding:8px}.signup-button{font-size:14px;padding:8px 16px}.welcome-note{font-size:1rem}.back-button{font-size:.9rem;max-width:100%;padding:8px 16px}}.child-profile-form{background-color:#fff;border:1px solid #1a1a1a;border-radius:8px;box-shadow:0 2px 6px #0000000d;font-family:Helvetica Neue,Arial,sans-serif;margin:60px;max-width:100%;padding:15px}.child-profile-form.premium-plan{background-color:#fff;border:1px solid #c3c3c3}.child-profile-form .form-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.child-profile-form .form-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px}.child-profile-form .form-section h3{border-bottom:2px solid #02c7eb;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:10px;padding-bottom:6px;text-transform:none}.child-profile-form .credits-display{background:#e0f7fa;border-radius:12px;color:#666;display:inline-block;font-size:.9rem;font-weight:500;margin-left:8px;padding:3px 6px;text-transform:none}.child-profile-form .input-container{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.child-profile-form label{color:#333;font-size:1rem;font-weight:500;margin-bottom:4px;text-transform:none}.child-profile-form input,.child-profile-form select,.child-profile-form textarea{background-color:#fff;border:1px solid #c3c3c3;border-radius:6px;font-size:1rem;padding:10px;text-transform:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.child-profile-form input:focus,.child-profile-form select:focus,.child-profile-form textarea:focus{border-color:#02c7eb;box-shadow:0 0 0 3px #02c7eb1a;outline:none}.child-profile-form input::placeholder,.child-profile-form textarea::placeholder{color:#999;text-transform:none}.child-profile-form select{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right 10px center;background-repeat:no-repeat;background-size:12px}.child-profile-form .custom-multi-select{position:relative;width:100%}.child-profile-form .custom-multi-select .select-display{background-color:#fff;border:1px solid #c3c3c3;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px;text-transform:none;transition:all .2s ease}.child-profile-form .custom-multi-select .select-display.input-error{border-color:#ff6b6b}.child-profile-form .custom-multi-select .dropdown-options{background-color:#fff;border:1px solid #c3c3c3;border-radius:6px;box-shadow:0 2px 6px #0000001a;left:0;max-height:180px;opacity:1;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;z-index:10}.child-profile-form .custom-multi-select .dropdown-options.closing{opacity:0;transform:translateY(-5px)}.child-profile-form .custom-multi-select .dropdown-option{align-items:center;cursor:pointer;display:flex;padding:8px;text-transform:none}.child-profile-form .custom-multi-select .dropdown-option:hover{background-color:#e0f7fa}.child-profile-form .custom-multi-select .dropdown-option input{margin-right:6px}.child-profile-form input[type=checkbox]{accent-color:#02c7eb;height:18px;margin-right:6px;width:18px}.child-profile-form .care-plans-container,.child-profile-form .checkbox-group,.child-profile-form .important-roles-container{display:flex;flex-wrap:wrap;gap:8px}.child-profile-form .care-plan-option label,.child-profile-form .checkbox-group label,.child-profile-form .important-role-option label{align-items:center;display:flex;padding:6px 10px;text-transform:none;transition:background-color .2s ease}.child-profile-form .care-plan-option label:hover,.child-profile-form .checkbox-group label:hover,.child-profile-form .important-role-option label:hover{background-color:#e0f7fa}.child-profile-form .care-plan-label,.child-profile-form .role-label{text-transform:none}.child-profile-form .button-container{display:flex;gap:10px;grid-column:1/-1;margin-top:20px}.child-profile-form .button-container button{border-radius:8px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:500;padding:12px;text-transform:none;transition:background-color .3s ease,transform .2s ease}.child-profile-form .button-container button[type=submit]{background-color:#02c7eb;border:none;color:#fff}.child-profile-form .button-container button[type=submit]:hover{background-color:#00a3c4;transform:translateY(-2px)}.child-profile-form .button-container button[type=button]{background-color:#f5f5f5;border:1px solid #c3c3c3;color:#333}.child-profile-form .button-container button[type=button]:hover{background-color:#e0e0e0;transform:translateY(-2px)}.child-profile-form .button-container button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.child-profile-form .input-error{border-color:#ff6b6b}.child-profile-form .error-overlay{color:#ff6b6b;font-size:.875rem;margin-top:4px;text-align:left;text-transform:none}.global-error-overlay{align-items:center;background-color:#fcc;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#721c24;display:none;display:flex;gap:10px;left:50%;padding:10px 20px;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}.global-error-overlay.active{display:flex}.close-error{background:none;border:none;color:#721c24;cursor:pointer;font-size:16px;margin-left:10px;padding:0}.close-error:hover{color:#a00}.rate-limit-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.rate-limit-modal{background:#fff;border-radius:5px;padding:20px;text-align:center}.subscribe-btn{margin-top:10px;padding:5px 15px}.quick-injection-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:10px}.quick-injection-section label{color:#333;font-weight:600;margin-right:10px}.quick-injection-section select{border:1px solid #c3c3c3;border-radius:6px;font-size:1rem;max-width:400px;padding:8px;width:100%}.quick-injection-section button[disabled]{animation:pulse 1.5s ease-in-out infinite}@media (max-width:1200px){.child-profile-form{border-radius:8px;margin:60px 20px}}@media (max-width:1000px){.child-profile-form{margin:140px 20px}}@media (max-width:768px){.child-profile-form{box-shadow:none;padding:10px}.child-profile-form .form-container{grid-template-columns:1fr}.child-profile-form .form-section{margin-bottom:8px}.child-profile-form .form-section .input-container{display:flex}.child-profile-form .form-section h3{font-size:1.25rem}.child-profile-form label{font-size:.95rem}.child-profile-form input,.child-profile-form select,.child-profile-form textarea{font-size:.95rem;padding:8px}.child-profile-form .button-container{flex-direction:column;gap:8px}.child-profile-form .button-container button{font-size:1rem;padding:10px}.child-profile-form .credits-display{font-size:.8rem;margin-left:6px;padding:2px 4px}}@media (max-width:480px){.child-profile-form .form-section h3{font-size:1.1rem}.child-profile-form label{font-size:.9rem}.child-profile-form input,.child-profile-form select,.child-profile-form textarea{font-size:.9rem;padding:6px}.child-profile-form .error-overlay{font-size:.8rem}.child-profile-form .button-container button{font-size:.9rem;padding:8px}}.smart-loader{animation:fadeIn .5s ease-in;padding:2rem;text-align:center}.spinner{border:4px solid #f3f3f3;border-top-color:#6c5ce7;height:40px;width:40px}.loader-text{color:#6c5ce7}.smart-loading-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.overlay-content{color:#fff;text-align:center}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#03c7eb;height:50px;margin:0 auto 1rem;width:50px}.loader-text{animation:fadeIn .5s ease-in;color:#03c7eb;font-size:1.2rem;font-style:italic;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.interactive-hub{background-color:#fff;border:1px solid #c3c3c3;border-radius:8px;color:#000;font-family:Helvetica Neue,Arial,sans-serif;margin:60px auto;max-width:1200px;padding:40px}.interactive-hub h1{color:#00c7eb;font-size:2.5rem;font-weight:600;letter-spacing:-.5px;margin-bottom:25px;text-align:center}.interactive-hub p{color:#4a4a4a;font-size:1rem;letter-spacing:.1px;line-height:1.7;margin-bottom:25px}.feature{text-align:center}.feature-description{border:1px solid #e0e0e0}.feature-description,.user-form{background-color:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:20px}.user-form{border:1px solid #e0e0e0}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #c3c3c3;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.form-group select[multiple]{height:auto}button[type=submit]{background-color:#00c7eb;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s;width:100%}button[type=submit]:hover{background-color:#00a3c2}.ai-response{background-color:#e6f9ff;border:1px solid #00c7eb;border-radius:8px;padding:20px}.communication-section,.education-section,.schedule-section{margin-bottom:20px}.communication-section h3,.education-section h3,.schedule-section h3{color:#00c7eb;font-size:1.5rem;margin-bottom:10px}.schedule-section ul{list-style-type:none;padding-left:0}.schedule-section li{margin-bottom:10px;padding-left:30px;position:relative}.schedule-section li:before{color:#4a4a4a;content:"\f017";font-family:FontAwesome;left:0;position:absolute}@media (max-width:1200px){.interactive-hub{margin:60px 20px;padding:20px}.user-form{margin:0}.interactive-hub h1{font-size:2rem;letter-spacing:-.3px;margin-bottom:10px}.interactive-hub p{font-size:.9rem;letter-spacing:0;line-height:1.6;margin-bottom:10px}.form-group input,.form-group select{font-size:.9rem;padding:8px}.ai-response{font-size:.9rem;padding:15px}}@media (max-width:768px){.interactive-hub h1{font-size:1.8rem}.form-group input,.form-group select{font-size:.9rem;padding:8px}.ai-response{padding:15px}.ai-response,.feature-description li{font-size:.9rem}}.interactive-hub-container{text-align:center;width:100%}.toggle-btn{background-color:#00c7eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background .3s ease,transform .2s ease;width:100%}.toggle-btn:hover{background-color:#00a5c4;transform:scale(1)}.interactive-hub-content{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:15px;padding:15px 40px;text-align:left;transition:max-height .4s ease-out,opacity .3s ease-in}.interactive-hub-content ul{list-style-type:none;padding:0}.interactive-hub-content ul li{line-height:1.5;margin-bottom:10px}.interactive-hub-content strong{color:#333}.interactive-hub-content em{color:#555;display:block;font-style:italic;margin-top:10px}@media (max-width:768px){.interactive-hub-content{padding:15px 20px}}:root{--bg-page:#f9f9fb;--bg-card:#fff;--border:#5b5b5b;--shadow-sm:0 4px 15px #0000000f;--shadow-md:0 8px 25px #0000001a;--radius:14px;--radius-lg:16px;--primary:#00c7eb;--primary-hover:#00afd1;--text:#1a1a1a;--gap:32px;--transition:all 0.22s ease}.about-page *{box-sizing:border-box;margin:0;padding:0}.header-title,.section-title{color:#1a1a1a;color:var(--text);font-family:Schoolbell,cursive;font-family:var(--font-handwritten);text-align:center}.about-page{background:#f9f9fb;background:var(--bg-page);border-bottom:1px solid #5b5b5b;border-bottom:1px solid var(--border);border-top:1px solid #5b5b5b;border-top:1px solid var(--border);color:#1a1a1a;color:var(--text);display:flex;font-family:Inter,system-ui,sans-serif;font-family:var(--font);margin-top:0;min-height:100dvh}.about-page .main{flex:1 1;margin:0 auto;max-width:1400px;padding:40px;width:100%}.about-page .sidebar{background:#fff;background:var(--bg-card);border-right:1px solid #5b5b5b;border-right:1px solid var(--border);height:100dvh;overflow-y:auto;padding:32px 24px;position:-webkit-sticky;position:sticky;top:0;width:260px}.brand-highlight{background-color:initial;font-weight:600}.about-page .nav{display:flex;flex-direction:column;gap:10px;margin-top:20px}.about-page .nav button,.about-page .nav-link-button{background:#f2f5f8;border:1px solid #5b5b5b;border:1px solid var(--border);border-radius:5px;color:#555;cursor:pointer;display:block;font-size:15px;font-weight:500;padding:14px 18px;text-align:left;text-decoration:none;width:100%}.about-page .nav button:hover,.about-page .nav-link-button:hover{background:#e8faff}.about-page .nav button.active{background:#00c7eb;background:var(--primary);box-shadow:0 4px 12px #00c7eb40;color:#fff;font-weight:600}.about-page .faq-grid,.about-page .grid{grid-gap:32px;grid-gap:var(--gap);display:grid;gap:32px;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:40px 0}.about-page .card,.about-page .faq-item{background:#fff;background:var(--bg-card);border:1px solid #5b5b5b;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 4px 15px #0000000f;box-shadow:var(--shadow-sm);padding:28px}.about-page .card h3,.about-page .faq-item h3{font-size:18px;font-weight:600;margin-bottom:12px}.about-page .btn{background:#00c7eb;background:var(--primary);border-radius:5px;color:#fff;display:block;font-size:15px;font-weight:600;margin-top:16px;padding:14px;text-align:center;text-decoration:none;width:100%}.about-page .btn:hover{background:#00afd1;background:var(--primary-hover)}.about-page .list{list-style:none;margin-top:16px;padding-left:4px}.about-page .list li{border-bottom:1px solid #5b5b5b;border-bottom:1px solid var(--border);color:#666;color:var(--text-muted);font-size:15px;padding:14px 0}.about-page .list li:last-child{border-bottom:none}.pricing-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0;margin-inline:auto;max-width:1000px}.pricing-card{background:#fff;background:var(--bg-card);border:1px solid #5b5b5b;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 4px 15px #0000000f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:24px;position:relative;text-align:center;text-decoration:none}.pricing-header{margin-bottom:.5rem}.tier-label{color:#666;color:var(--text-muted);display:block;font-size:.7rem;font-weight:700;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.price-tag.large{color:#1a1a1a;color:var(--text);font-size:2.8rem;font-weight:800;line-height:1;margin:.25rem 0}.per-month{color:#666;color:var(--text-muted);font-size:.9rem;font-weight:500}.yearly-savings-pill{background:#e0f7fa;border-radius:12px;color:#006064;display:inline-block;font-size:.8rem;margin-top:4px;padding:2px 10px}.premium-tier{background:linear-gradient(180deg,#fff,#f9feff)!important;border:2px solid #00c7eb!important;border:2px solid var(--primary)!important}.popular-badge{background:#00c7eb;background:var(--primary);border-radius:4px;color:#fff;font-size:11px;font-weight:600;left:50%;padding:4px 14px;position:absolute;text-transform:uppercase;top:-10px;transform:translateX(-50%)}.pricing-features{flex-grow:1;list-style:none;margin:1rem 0;padding:0;text-align:left}.pricing-features li{color:#1a1a1a;color:var(--text);font-size:.9rem;line-height:1.3;padding:6px 0 6px 24px;position:relative}.pricing-features li:before{color:#00c7eb;color:var(--primary);content:"✓";font-weight:700;left:0;position:absolute}.pricing-note{color:#666;color:var(--text-muted);font-size:.8rem;line-height:1.4;margin-bottom:1rem}.about-page .btn.primary,.current-plan-label{border-radius:6px;font-size:.9rem;font-weight:600;margin-top:0;padding:12px;width:100%}.current-plan-label{background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}.pricing-footer-note{background:#fff;border:1px solid #5b5b5b;border:1px solid var(--border);border-radius:6px;color:#888;display:block;font-size:13px;font-style:italic;margin-top:2rem;margin-inline:auto;padding:8px 16px;text-align:center;width:-webkit-fit-content;width:fit-content}.roadmap-container{margin:0 auto;max-width:1000px;padding:40px!important}.roadmap-intro{color:#666;color:var(--text-muted);font-size:1.1rem;font-style:italic;margin-bottom:3rem;text-align:center}.roadmap-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.roadmap-item{background:#fcfdfe;border:1px solid #eee;border-radius:12px;display:flex;gap:1.2rem;padding:1.5rem}.roadmap-icon{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000000f;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;font-size:1.8rem;height:50px;justify-content:center;width:50px}.roadmap-text strong{color:#1a1a1a;color:var(--text);display:block;font-size:1.1rem;margin-bottom:4px}.roadmap-text p{color:#666;color:var(--text-muted);font-size:.95rem;line-height:1.5}.faq-header-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.faq-icon{font-size:1.2rem;opacity:.8}.faq-item h3{font-size:1.05rem!important;margin-bottom:0!important}.privacy-highlight-box{background:#fff;border:2px solid #00c7eb;border:2px solid var(--primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 25px #0000001a;box-shadow:var(--shadow-md);margin-top:4rem;padding:40px;text-align:center}.privacy-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.privacy-point{background:#f0faff;border:1px solid #e0f2f7;border-radius:8px;color:#1a1a1a;color:var(--text);font-size:.95rem;font-weight:500;padding:12px}.about-page .btn,.about-page .card,.about-page .faq-item,.about-page .nav button,.about-page .nav-link-button,.about-page .pricing-card{transform:none!important;transition:none!important}.about-page .card:hover,.about-page .faq-item:hover,.about-page .nav button:hover,.about-page .nav-link-button:hover,.about-page .pricing-card:hover{box-shadow:0 4px 15px #0000000f!important;box-shadow:var(--shadow-sm)!important;transform:none!important}.multi-child-planner-wrapper{all:unset;background:#f8fdff;box-sizing:border-box;display:block;min-height:100vh;padding:2rem 1rem;width:100%}.multi-child-planner-wrapper *{all:revert}@media (max-width:1000px){.about-page{flex-direction:column}.about-page .sidebar{background:#fff;background:var(--bg-card);border-bottom:1px solid #5b5b5b;border-bottom:1px solid var(--border);height:70px;left:0;padding:15px 20px;position:fixed;right:0;top:0;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.about-page.hide-mobile-sidebar .sidebar{transform:translateY(-110%)}.about-page .sidebar .nav{flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:space-evenly;margin-top:0;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.about-page .sidebar .nav::-webkit-scrollbar{display:none}.about-page .nav button,.about-page .nav-link-button{flex:0 0 auto;font-size:13.5px;padding:10px 16px;text-align:center;width:auto}.about-page .main{padding:140px 20px 40px;transition:padding-top .3s ease}.about-page.hide-mobile-sidebar .main{padding-top:20px}.roadmap-grid{grid-template-columns:1fr}}@media (max-width:600px){.privacy-grid{grid-template-columns:1fr;text-align:left}.roadmap-container{padding:20px!important}}@media print{.about-page .btn,.about-page .sidebar{display:none}.about-page .main{padding:0}}.container *{box-sizing:border-box;margin:0;padding:0}.container{background-color:#fff;border:1px solid #1a1a1a;border-radius:8px;color:#333;display:flex;flex-direction:column;font-family:Helvetica Neue,Arial,sans-serif;margin:60px;max-width:100%;min-height:100vh;overflow-x:hidden}.container .header{background-color:#fff;border-bottom:1px solid #ddd;border-radius:8px;padding:16px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.container .header-content{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 16px}.container .header h1{color:#00c7eb;font-family:Schoolbell,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);margin:0}.container .credits-display-shared{background:#e0f7fa;border:1px solid #ddd;border-radius:16px;box-shadow:0 2px 6px #0000000d;color:#666;font-size:clamp(.75rem,2vw,1rem);font-weight:500;line-height:1;padding:8px 16px}.container .view-toggle{display:flex;gap:8px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 16px}.container .toggle-button{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 16px;transition:background-color .3s ease,transform .2s ease}.container .toggle-button:hover{background-color:#f9f9f9;transform:translateY(-2px)}.container .toggle-button.active{background-color:#00c7eb;border-color:#00a3c4;color:#fff}.container .main-content{flex:1 1;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:16px;width:100%}.container .error-message{color:#ff6b6b;font-size:1rem;margin-bottom:16px;text-align:center}.container .premade-boards-section{display:flex;flex-direction:column;gap:24px;width:100%}.container .intro-text{color:#666;font-size:1rem;line-height:1.5;text-align:center}.container .category-filter{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px;width:100%}.container .category-filter label{color:#333;font-size:1rem;font-weight:600}.container .category-filter select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1rem;max-width:300px;min-width:200px;padding-left:8px;transition:border-color .3s ease}.container .category-filter select:focus{border-color:#00c7eb;outline:none}.container .boards-list{display:flex;flex-direction:column;gap:24px;width:100%}.container .category-section{display:flex;flex-direction:column;gap:16px;width:100%}.container .category-title{color:#333;font-size:clamp(1.25rem,3vw,1.75rem);text-align:center}.container .template-downloads{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;padding:16px;text-align:center;width:100%}.container .template-downloads h3{font-size:1.25rem;margin-bottom:16px}.container .template-downloads-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.container .download-template-button{background-color:#00c7eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s ease}.container .download-template-button:hover{background-color:#00a3c4}.container .subcategory-section{display:flex;flex-direction:column;gap:16px;width:100%}.container .subcategory-title{color:#333;font-size:clamp(1rem,2vw,1.25rem);text-align:center}.container .boards-grid{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));width:100%}.container .board-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;cursor:pointer;padding:16px;text-align:center;transition:transform .3s ease,border-color .3s ease;width:100%}.container .board-card:hover{border-color:#00c7eb;transform:scale(1.05)}.container .board-card.selected{background-color:#e0f7fa;border-color:#00c7eb}.container .board-image-wrapper{aspect-ratio:1/1;border-radius:4px;margin-bottom:8px;overflow:hidden;width:100%}.container .board-image{height:100%;object-fit:contain;width:100%}.container .board-title{font-size:.9rem;font-weight:500;margin-bottom:8px}.container .board-card .download-button.small{background-color:#00c7eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:background-color .3s ease}.container .board-card .download-button.small:hover{background-color:#00a3c4}.container .board-preview{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;margin-top:24px;padding:16px;text-align:center;width:100%}.container .board-preview h2{font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:16px}.container .board-preview .board-description{color:#666;font-size:1rem;margin-bottom:16px}.container .preview-image{border:1px solid #ddd;border-radius:4px;height:auto;margin-bottom:16px;max-width:100%}.container .preview-note{color:#666;font-size:.9rem;font-style:italic;margin-bottom:16px}.container .download-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.container .download-button{background-color:#00c7eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.container .download-button:hover{background-color:#00a3c4}.container .custom-boards-section{display:flex;flex-direction:column;gap:24px;width:100%}.container .custom-board-info{color:#666;font-size:1rem;text-align:center}.container .custom-board-form{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:16px;width:100%}.container .form-group{display:flex;flex-direction:column;gap:4px}.container .form-group label{color:#333;font-size:1rem;font-weight:600}.container .form-group input,.container .form-group select,.container .form-group textarea{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:4px 0 0 8px;transition:border-color .3s ease;width:100%}.container .form-group textarea{height:80px;resize:vertical}.container .form-group input:focus,.container .form-group select:focus,.container .form-group textarea:focus{border-color:#00c7eb;outline:none}.container .image-uploader{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.container .upload-button{background-color:#00c7eb;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.container .upload-button:hover{background-color:#00a3c4}.container .image-preview-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.container .image-preview-item{border:1px solid #ddd;border-radius:4px;height:60px;overflow:hidden;position:relative;width:60px}.container .image-preview-item img{height:100%;object-fit:contain;width:100%}.container .remove-image-button{align-items:center;background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:20px;justify-content:center;position:absolute;right:4px;top:4px;transition:background-color .3s ease;width:20px}.container .remove-image-button:hover{background:#e55a5a}.container .preview-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.container .preview-slot{align-items:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:4px;display:flex;flex:0 0 auto;height:60px;justify-content:center;width:60px}.container .preview-slot img{height:100%;object-fit:contain;width:100%}.container .preview-slot span{color:#666;font-size:.8rem}.container .generate-button{background-color:#00c7eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin:0 auto;max-width:300px;padding:16px 24px;transition:background-color .3s ease;width:100%}.container .generate-button:hover{background-color:#00a3c4}.container .generate-button:disabled{background-color:#ccc;cursor:not-allowed}.container .user-boards{display:flex;flex-direction:column;gap:16px;width:100%}.container .user-boards h2{font-size:clamp(1.25rem,3vw,1.5rem);text-align:center}.container .local-storage-notice{background:#f9f9f9;border-radius:4px;color:#666;font-size:.9rem;padding:8px;text-align:center}.container .clear-boards-button{background:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:8px;padding:4px 8px;transition:background-color .3s ease}.container .clear-boards-button:hover{background:#e55a5a}.container .user-boards-list{display:flex;flex-direction:column;gap:24px;width:100%}.container .user-board{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;padding:16px;text-align:center;width:100%}.container .user-board h3{font-size:1.25rem;margin-bottom:16px}.container .user-board-grid{grid-gap:8px;display:grid;gap:8px;justify-content:center;margin-bottom:16px;width:100%}.container .user-board-grid[data-grid-size="4"]{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto}.container .user-board-grid[data-grid-size="6"]{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto}.container .user-board-grid[data-grid-size="8"]{grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto}.container .user-board-slot{border:1px solid #ddd;border-radius:4px;flex:0 0 auto;height:60px;width:60px}.container .user-board-slot img{height:100%;object-fit:contain;width:100%}.container .download-board-button{background:#00c7eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 16px;transition:background-color .3s ease}.container .download-board-button:hover{background:#00a3c4}.container .modal-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:200}.container .modal-content{background:#fff;border-radius:8px;box-sizing:border-box;max-height:90vh;max-width:90%;overflow-y:auto;padding:24px;position:relative;text-align:center}.container .modal-content h3{font-size:clamp(1rem,2vw,1.5rem);margin-bottom:16px}.container .modal-content p{color:#666;font-size:1rem;margin-bottom:16px}.container .modal-image{border-radius:4px;margin-bottom:24px;max-height:60vh;max-width:100%;object-fit:contain}.container .modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.container .modal-content .modal-actions .download-button{background-color:#00c7eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.container .modal-content .modal-actions .download-button:hover{background-color:#00a3c4}.container .modal-content .modal-actions .cancel-button,.container .modal-content .modal-actions .close-button,.container .modal-content .modal-actions .delete-button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 16px;transition:background-color .3s ease}.container .modal-content .modal-actions .cancel-button:hover,.container .modal-content .modal-actions .close-button:hover,.container .modal-content .modal-actions .delete-button:hover{background:#e55a5a}.container .loading-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:200}.container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#00c7eb;height:40px;margin-bottom:8px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container .loading-overlay p{color:#e0f7fa;font-size:1rem;font-weight:500}.container .no-boards-message{background:#f9f9f9;border-radius:4px;color:#666;font-size:1rem;padding:16px;text-align:center}.container .footer{background-color:initial;border:1px solid #f3f3f3;border-radius:8px;box-sizing:border-box;margin:0 10px 10px;padding:16px;text-align:center;width:auto}.container .back-button{background:#fff;border:1px solid #ddd;border-radius:8px;color:#00c7eb;display:inline-block;font-size:1rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:background-color .3s ease;width:100%}.container .back-button:hover{background:#f9f9f9}@media (max-width:1000px){.container{margin:140px 20px!important}}@media (max-width:768px){.container{margin:60px 20px}.container .header{padding:8px}.container .header-content{gap:8px;margin-top:20px;padding:0 8px}.container .header h1{font-size:clamp(1.25rem,3vw,1.75rem)}.container .view-toggle{flex-direction:column;gap:4px;padding:0 8px}.container .toggle-button{font-size:.9rem;padding:8px;width:100%}.container .main-content{padding:8px}.container .category-filter{align-items:center;flex-direction:column;padding:8px}.container .category-filter select{max-width:250px;width:100%}.container .boards-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.container .board-card{padding:8px}.container .board-image-wrapper{margin:0 auto 8px;width:80px}.container .board-title{font-size:.8rem}.container .board-card .download-button.small{font-size:.7rem;padding:4px}.container .custom-board-form{padding:8px}.container .preview-grid,.container .user-board-grid{gap:8px}.container .image-preview-item,.container .preview-slot,.container .user-board-slot{height:50px;width:50px}.container .download-actions,.container .modal-actions{flex-direction:column}.container .close-button,.container .download-board-button,.container .download-button,.container .generate-button{font-size:.9rem;padding:8px;width:100%}.container .back-button{align-items:center;border-radius:50%;bottom:16px;display:flex;font-size:1.5rem;font-weight:400;height:50px;justify-content:center;line-height:1;padding:0;position:fixed;right:16px;text-align:center;width:50px}.container .footer{padding:0}}@media (max-width:480px){.container .header h1{font-size:clamp(1rem,2.5vw,1.5rem)}.container .credits-display-shared{font-size:clamp(.6rem,1.5vw,.8rem)}.container .category-filter select{font-size:.9rem;max-width:200px}.container .boards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.container .board-image-wrapper{width:60px}.container .board-title{font-size:.75rem}.container .image-preview-item,.container .preview-slot,.container .user-board-slot{height:40px;width:40px}.container .preview-slot span{font-size:.7rem}.container .remove-image-button{font-size:.7rem;height:16px;width:16px}}.multi-child-planner{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.multi-child-planner h1{color:#00c7eb;font-size:2.2rem;font-weight:700;margin-bottom:2rem;text-align:center}.child-tabs-container{-webkit-overflow-scrolling:touch;border-bottom:3px solid #e0e0e0;margin-bottom:2rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none;white-space:nowrap}.child-tabs-container::-webkit-scrollbar{display:none}.child-tabs{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:12px}.child-tab{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px 12px 0 0;box-shadow:0 2px 6px #00000014;color:#444;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:10px;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 24px;transition:all .25s ease}.child-tab.active{background:#00c7eb;border-bottom:none;box-shadow:0 6px 16px #00c7eb4d;color:#fff;transform:translateY(-2px)}.child-tab:hover:not(.active){background:#e6f7ff;transform:translateY(-1px)}.child-tab .delete-icon{color:#f44;opacity:0;transition:opacity .2s}.child-tab:hover .delete-icon{opacity:1}.add-child-btn{align-items:center;background:#fff;border:2px dashed #00c7eb;border-radius:12px;color:#00c7eb;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.add-child-btn:hover{background:#e6f7ff;transform:scale(1.03)}.multi-child-form-section{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 8px 32px #00000014;margin-bottom:2rem;padding:2rem}.multi-child-form-section-title{border-bottom:2px solid #e6f7ff;color:#00c7eb;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}@media (max-width:768px){.multi-child-planner{padding:15px}.child-tab{font-size:.95rem;padding:10px 16px}.add-child-btn{font-size:.9rem;padding:10px 14px}.multi-child-planner h1{font-size:1.8rem}}.multi-child-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.multi-child-loading-content{animation:pulse 2s infinite;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:3rem;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.chat-history-display{background-color:#fff;border:1px solid #1a1a1a;border-radius:8px;box-shadow:0 2px 8px #0000000d;font-family:Helvetica Neue,Arial,sans-serif;max-width:100%;padding:20px}.chat-history-display .title{color:#333;font-size:1.75rem;font-weight:600;margin-bottom:24px;text-align:center}.chat-history-display .chat-container{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;max-height:70vh;overflow-y:auto;padding:16px}.chat-history-display .message-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 4px #0000000d;margin-bottom:16px;padding:16px;transition:box-shadow .2s ease}.chat-history-display .message-card:hover{box-shadow:0 2px 8px #0000001a}.chat-history-display .message-card .role{color:#4a4a4a;font-size:.9rem;font-weight:600;margin-bottom:8px;text-transform:uppercase}.chat-history-display .message-card .content{word-wrap:break-word;background-color:#f1f3f5;border:1px solid #e0e0e0;border-radius:4px;font-size:.95rem;line-height:1.6;margin-bottom:12px;padding:12px;white-space:pre-wrap}.chat-history-display .message-card .show-more-button{background-color:initial;border:none;color:#02c7eb;cursor:pointer;font-size:.9rem;margin-left:8px;text-decoration:underline;transition:color .2s ease}.chat-history-display .message-card .show-more-button:hover{color:#00a3c4}.chat-history-display .message-card .timestamp{color:#6c757d;font-size:.85rem;margin-bottom:12px}.chat-history-display .message-card .notes-section{margin-top:16px}.chat-history-display .message-card .notes-title{color:#333;font-size:1rem;font-weight:600;margin-bottom:12px}.chat-history-display .message-card .notes-list{list-style-type:none;margin:0;padding:0}.chat-history-display .message-card .note-item{align-items:center;background-color:#e8f5e9;border:1px solid #d4e4d5;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px;transition:background-color .2s ease}.chat-history-display .message-card .note-item:hover{background-color:#d4edda}.chat-history-display .message-card .note-content{color:#2e7d32;flex:1 1;font-size:.9rem}.chat-history-display .message-card .note-timestamp{color:#555;font-size:.8rem;margin-left:12px}.chat-history-display .message-card .delete-note-button{background-color:initial;border:none;color:#ff6b6b;cursor:pointer;font-size:1.2rem;transition:color .2s ease}.chat-history-display .message-card .delete-note-button:hover{color:#e55a5a}.chat-history-display .message-card .no-notes{color:#6c757d;font-size:.9rem;margin:0}.chat-history-display .message-card .error-message{color:#ff6b6b;font-size:.9rem;margin:8px 0}.chat-history-display .message-card .add-note-container{display:flex;flex-direction:column;gap:8px;margin-top:12px}.chat-history-display .message-card .add-note-textarea{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;padding:10px;resize:vertical;transition:border-color .2s ease;width:100%}.chat-history-display .message-card .add-note-textarea:focus{border-color:#02c7eb;outline:none}.chat-history-display .message-card .add-note-actions{display:flex;gap:12px;margin:8px 0 12px}.chat-history-display .message-card .save-note-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:background-color .2s ease;width:100%}.chat-history-display .message-card .save-note-button:hover{background-color:#45a049}.chat-history-display .message-card .save-note-button:disabled{background-color:#ccc;cursor:not-allowed}.chat-history-display .message-card .cancel-note-button{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:background-color .2s ease;width:100%}.chat-history-display .message-card .cancel-note-button:hover{background-color:#e55a5a}.chat-history-display .message-card .cancel-note-button:disabled{background-color:#ccc;cursor:not-allowed}.chat-history-display .message-card .actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:12px}.chat-history-display .message-card .action-button,.chat-history-display .message-card .add-note-button,.chat-history-display .message-card .delete-button{background-color:#02c7eb;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.chat-history-display .message-card .action-button:hover,.chat-history-display .message-card .add-note-button:hover{background-color:#00a3c4}.chat-history-display .message-card .delete-button{background-color:#ff6b6b}.chat-history-display .message-card .delete-button:hover{background-color:#e55a5a}.chat-history-display .message-card .add-note-button{align-items:center;background-color:#4caf50;display:flex;justify-content:center}.chat-history-display .message-card .add-note-button:hover{background-color:#45a049}.chat-history-display .message-card .add-note-button:disabled{background-color:#ccc;cursor:not-allowed}.chat-history-display .message-card .add-note-button span{flex-shrink:0}.chat-history-display .no-messages{background-color:#f8f9fa;border-radius:4px;color:#6c757d;font-size:1rem;padding:20px;text-align:center}.settings-container{border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:center;margin-top:10px}.delete-button-settings{background-color:#f9f9f9;border:none;color:#bdbdbd;cursor:pointer;font-size:.8rem;padding:6px 20px;text-align:center;text-decoration:none;text-transform:uppercase;transition:color .2s ease;width:100%}@media (max-width:1000px){.chat-history-display{margin:0!important}}@media (max-width:768px){.chat-history-display{margin:90px 20px;padding:10px}.chat-history-display .message-card .actions{flex-direction:column;gap:8px}.chat-history-display .message-card .action-button,.chat-history-display .message-card .add-note-button,.chat-history-display .message-card .delete-button{padding:12px;width:100%}.chat-history-display .message-card .add-note-actions{flex-direction:column;gap:8px}.chat-history-display .message-card .cancel-note-button,.chat-history-display .message-card .save-note-button{padding:12px}}.test-image-generation{background-color:#fff;border-radius:12px;box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,sans-serif;margin:60px auto;max-width:800px;padding:30px;text-align:center}.test-image-generation h1{color:#00c7eb;font-size:2.5rem;font-weight:600;margin-bottom:20px;text-shadow:1px 1px 2px #0000001a}.input-container{margin-bottom:20px;text-align:left}.input-container label{color:#333;display:block;font-size:1rem;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.input-container textarea{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#333;font-size:1rem;padding:12px 15px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.input-container textarea:focus{background-color:#fff;border-color:#00c7eb;box-shadow:0 0 0 3px #00c7eb33;outline:none}.generate-button{background-color:#00c7eb;border-radius:25px;box-shadow:0 2px 6px #00c7eb4d;font-size:1.1rem;padding:15px 30px;transition:all .3s ease}.generate-button:disabled{background-color:#ccc}.generate-button:hover:not(:disabled){background-color:#00a3c4;box-shadow:0 4px 10px #00c7eb66;transform:translateY(-2px)}.generate-button:focus{box-shadow:0 0 0 3px #00c7eb4d;outline:none}.error{color:#ff6b6b;font-size:1rem;font-weight:500;margin:20px 0}.generated-image-container{margin-top:30px}.generated-image-container h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:15px}.generated-image{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000001a;height:auto;max-width:512px;object-fit:contain;width:100%}@media (max-width:768px){.test-image-generation{margin:30px 15px;padding:15px}.test-image-generation h1{font-size:2rem}.test-image-generation h2{font-size:1.5rem}.input-container textarea{font-size:.9rem;padding:10px}.generate-button{font-size:1rem;padding:12px 24px}.error{font-size:.9rem}}@media (max-width:480px){.test-image-generation{margin:20px 10px;padding:10px}.test-image-generation h1{font-size:1.8rem}.test-image-generation h2{font-size:1.3rem}.input-container textarea{font-size:.85rem;padding:8px}.generate-button{font-size:.9rem;padding:10px 20px}.error{font-size:.85rem}}.sv2f-footer{background-color:#00d9ff;border-left:1px solid #00d9ff;border-right:1px solid #00d9ff;border-top:1px solid #00d9ff;box-sizing:border-box;color:#4a4a4a;font-size:10px;font-weight:500;margin-top:40px;padding:12px 10px;text-align:center;width:100%}.sv2f-content{justify-content:center;width:100%}.sv2f-content,.sv2f-content p{align-items:center;display:flex}.sv2f-content p{flex-wrap:nowrap;gap:5px;margin:0;white-space:nowrap}.sv2f-dev-text{font-size:9px;opacity:.8;text-transform:lowercase}.sv2f-brand-creative{color:#4a4a4a;font-family:Schoolbell,sans-serif;font-size:11px;font-weight:700;text-decoration:none;transition:color .3s ease}.sv2f-brand-creative:hover{color:#fff}.sv2f-icons{gap:6px;margin-left:4px}.sv2f-icon-link,.sv2f-icons{align-items:center;display:flex}.sv2f-icon-link{color:#4a4a4a;font-size:11px;transition:color .3s ease,transform .2s ease}.sv2f-icon-link:hover{color:#fff;transform:translateY(-1px)}@media (max-width:600px){.sv2f-footer{padding:10px 5px}.sv2f-content p{gap:3px;transform:scale(.9)}.sv2f-dev-text{font-size:8px}.sv2f-brand-creative{font-size:10px}.sv2f-icons{gap:4px;margin-left:2px}}@media (max-width:380px){.sv2f-content p{gap:2px;transform:scale(.85)}}:root{--font:"Inter",system-ui,sans-serif;--font-handwritten:"Schoolbell",cursive;--primary-blue:#02c7eb;--light-blue:#f0fdff;--gray-light:#f8f9fa;--gray-medium:#d0d0d0;--text-dark:#1a1a1a;--text-muted:#666}.career-roadmap{background-color:#fff;border:1px solid #1a1a1a;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#000;font-family:Helvetica Neue,Arial,sans-serif;margin:60px!important;max-width:100%!important;padding:60px!important}.career-roadmap h1,.career-roadmap h2{color:#02c7eb;color:var(--primary-blue);margin-bottom:20px;text-align:center}.career-roadmap h1{font-family:Schoolbell,cursive;font-family:var(--font-handwritten);font-size:2.2rem;font-weight:600}.career-roadmap>p{color:#666;margin-bottom:40px;text-align:center}.message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px;text-align:center}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.student-manager{background-color:#f4f4f9;border:1px solid #c3c3c3;border-radius:8px;margin-bottom:40px;padding:20px}.profile-strip{flex-wrap:nowrap;gap:15px;justify-content:center;overflow-x:auto;padding:10px}.profile-pill,.profile-strip{align-items:center;display:flex}.profile-pill{background:#fff;border:1px solid #c3c3c3;border-radius:50px;cursor:pointer;flex-shrink:0;font-weight:500;gap:12px;padding:10px 20px;transition:all .2s ease}.profile-pill:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.profile-pill.active{background-color:#f0fdff;border-color:#02c7eb;box-shadow:0 0 0 2px #02c7eb33}.avatar-circle{color:#fff;font-size:.9rem;font-weight:700;height:32px;text-transform:uppercase;width:32px}.add-pill,.avatar-circle{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;flex-shrink:0;justify-content:center}.add-pill{background:#fff;border:2px dashed #02c7eb;color:#02c7eb;cursor:pointer;font-size:26px;height:45px;transition:all .2s ease;width:45px}.add-pill:hover{background-color:#02c7eb;border-style:solid;color:#fff}.main-layout{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:320px 1fr}.student-info-sidebar .info-card{background:#f8f9fa;border:1px solid #c3c3c3;border-radius:12px;padding:30px;position:-webkit-sticky;position:sticky;text-align:center;top:20px}.avatar-large{align-items:center;aspect-ratio:1/1;border-radius:50%;box-shadow:0 4px 10px #0000001a;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;margin:0 auto 20px;width:100px}.tag{background:#02c7eb;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:20px;padding:6px 16px}.info-stat{border-bottom:1px solid #eee;display:flex;font-size:.95rem;justify-content:space-between;padding:8px 0}.info-stat label{color:#555;font-weight:600}.info-details{margin-top:20px;text-align:left}.info-details h4{color:#02c7eb;font-size:.85rem;letter-spacing:1px;margin:15px 0 5px;text-transform:uppercase}.info-details p{background:#fff;border:1px solid #eee;border-radius:6px;color:#444;font-size:.9rem;line-height:1.5;padding:10px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.mini-tag{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;display:inline-block;font-size:.75rem;margin:2px;padding:4px 10px}.edit-profile-form{display:flex;flex-direction:column;gap:12px;text-align:left}.edit-input,.edit-textarea{border:1px solid #c3c3c3;border-radius:6px;font-size:.9rem;padding:10px;width:100%}.edit-textarea{min-height:100px;resize:vertical}.tag-cloud.mini{gap:5px}.tag-cloud.mini .tag-button{font-size:.75rem;padding:4px 10px}.full-width-btn{width:100%}.edit-profile-btn{background:none;border:1px solid #02c7eb;border-radius:4px;color:#02c7eb;cursor:pointer;font-weight:600;margin-top:20px;padding:8px 15px;width:100%}.progress-log{background:#fff;border:1px solid #eee;border-radius:8px;margin-top:20px;max-height:400px;overflow-y:auto;padding-right:10px;text-align:left}.progress-log::-webkit-scrollbar{width:8px}.progress-log::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.progress-log::-webkit-scrollbar-thumb{background:#c3c3c3;border-radius:4px}.progress-log::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.log-entry{background:#fff;border:1px solid #eee;border-radius:8px;margin:12px 12px 12px 0;padding:15px;position:relative}.log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.log-header strong{color:#02c7eb;font-size:.9rem}.delete-log-btn{background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:26px;width:26px}.delete-log-btn:hover{background:#e55}.add-note{margin-top:20px}.add-note textarea{border:1px solid #c3c3c3;border-radius:6px;font-size:.95rem;margin-bottom:10px;padding:12px;width:100%}.add-note button{background:#02c7eb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;width:100%}.roadmap-section{background-color:#fdfdfd;border:1px solid #e0e0e0;border-radius:12px;box-sizing:border-box;overflow:hidden;padding:35px}.roadmap-content-area{max-width:100%;overflow-x:hidden;width:100%}.roadmap-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.roadmap-header h2{color:#333;flex:1 1 auto;font-size:1.5rem;margin:0}.roadmap-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.roadmap-actions button{background-color:initial;border:1px solid #dcdcdc;border-radius:6px;color:#666;cursor:pointer;flex:1 1 auto;font-size:.85rem;font-weight:500;min-width:120px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.roadmap-actions button:hover{background-color:#f8f9fa}.roadmap-actions .download-btn,.roadmap-actions button:hover{border-color:#02c7eb;color:#02c7eb}.roadmap-actions .download-btn:hover{background-color:#02c7eb!important;color:#fff}.roadmap-actions .delete-btn{background:none!important;border:none!important;color:#a0a0a0!important;font-size:.8rem;margin-left:10px;padding:0;text-decoration:underline}.roadmap-actions .delete-btn:hover{color:#ff6b6b!important}.roadmap-viewer{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:1.05rem;line-height:1.8;max-height:650px;overflow-y:auto;padding:20px}.roadmap-viewer::-webkit-scrollbar{width:6px}.roadmap-viewer::-webkit-scrollbar-thumb{background:#02c7eb;border-radius:10px}.roadmap-viewer::-webkit-scrollbar-track{background:#f1f1f1}.roadmap-viewer h1,.roadmap-viewer h2,.roadmap-viewer h3{border-bottom:1px solid #eee;color:#1a1a1a;margin-top:24px;padding-bottom:8px;text-align:left}.roadmap-viewer ol,.roadmap-viewer ul{margin-bottom:15px;padding-left:25px}.roadmap-viewer blockquote{background:#f0fbff;border-left:4px solid #02c7eb;color:#555;font-style:italic;padding:10px 15px}.roadmap-editor{border:1px solid #c3c3c3;border-radius:8px;font-family:monospace;min-height:500px;padding:20px;width:100%}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.modal-content-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 20px 40px #00000040;display:flex;flex-direction:column;max-height:94vh;max-width:960px;overflow:hidden;width:100%}.modal-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e8e8e8;padding:24px 32px}.modal-header h2{color:#1a1a1a;color:var(--text-dark);font-size:1.6rem;font-weight:600;margin:0;text-align:center}.modal-body{background:#fdfdfd;flex:1 1;overflow-y:auto;padding:32px 36px}.modal-grid{grid-gap:28px 32px;display:grid;gap:28px 32px;grid-template-columns:1fr 1fr}.full-width{grid-column:span 2}.form-group{display:flex;flex-direction:column}.form-group label{color:#222;font-size:.98rem;font-weight:600;margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d0d0d0;border-radius:8px;font-size:1.02rem;padding:14px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#02c7eb;border-color:var(--primary-blue);box-shadow:0 0 0 4px #02c7eb1f;outline:none}.form-group textarea{line-height:1.5;min-height:120px;resize:vertical}@media (max-width:768px){.modal-grid{gap:26px}.form-group label{font-size:1.06rem;margin-bottom:12px}.form-group input,.form-group select,.form-group textarea{font-size:1.06rem;padding:17px 18px}.form-group textarea{font-size:1.04rem;min-height:160px}.form-group:not(:last-child){border-bottom:1px solid #e2e8f0b3;padding-bottom:10px}}@media (max-width:480px){.modal-body{padding:28px 20px}.modal-grid{gap:30px}.form-group label{font-size:1.1rem}.form-group input,.form-group select,.form-group textarea{padding:18px 20px}.form-group textarea{min-height:180px}}.helper-text.small{color:#6b7280;font-size:.85rem;line-height:1.45;margin:6px 0 12px}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.tag-button{background:#fff;border:1px solid #c3c3c3;border-radius:20px;cursor:pointer;padding:8px 15px;transition:all .2s}.tag-button.active{background-color:#02c7eb;background-color:var(--primary-blue);border-color:#02c7eb;border-color:var(--primary-blue);color:#fff}.checkbox-grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:1fr 1fr;margin-top:10px}.checkbox-label{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;line-height:1.45;padding:10px 14px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background:#f0f9ff;border-color:#bfdbfe;box-shadow:0 1px 3px #0000000d}.checkbox-label input[type=checkbox]{accent-color:#02c7eb;-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #9ca3af;border-radius:4px;flex-shrink:0;height:18px;margin:0 12px 0 0;padding:0;position:relative;top:0;transform:translateY(2px);width:18px}.checkbox-label input[type=checkbox]:checked{background-color:#02c7eb;border-color:#02c7eb}.checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:13px;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal-footer{align-items:center;background:#f9fafb;border-top:1px solid #e8e8e8;display:flex;gap:16px;justify-content:flex-end;padding:24px 32px}.cancel-mtn-modal{background:#0000;border:1px solid #9ca3af;border-radius:10px;color:#4b5563;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:14px 28px;transition:all .25s ease}.cancel-mtn-modal:hover{background:#f3f4f6;border-color:#6b7280;color:#1f2937;transform:translateY(-1px)}.cancel-btn{background:#0000;border:2px solid #9ca3af;border-radius:10px;color:#4b5563;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:14px 28px;transition:all .25s ease}.cancel-btn:hover{background:#f3f4f6;border-color:#6b7280;color:#1f2937;transform:translateY(-1px)}.generate-button{background:#02c7eb;background:var(--primary-blue);border:none;border-radius:10px;box-shadow:0 4px 12px #02c7eb40;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;min-width:180px;padding:14px 32px;transition:all .25s ease}.generate-button:hover{background:#00b3d1;box-shadow:0 8px 20px #02c7eb59;transform:translateY(-2px)}.generate-button:disabled{background:#a0d4e5;box-shadow:none;cursor:not-allowed;transform:none}.welcome-box{background:#f4f4f9;border:2px dashed #c3c3c3;border-radius:12px;padding:100px 20px;text-align:center}.empty-state{padding:40px;text-align:center}.rating-buttons{display:flex;gap:8px;margin-top:8px}.rating-btn{background:#fff;border:1px solid #d0d0d0;border-radius:8px;cursor:pointer;font-weight:600;height:38px;transition:all .2s;width:38px}.rating-btn.active,.rating-btn:hover{background:#02c7eb;background:var(--primary-blue);border-color:#02c7eb;border-color:var(--primary-blue);color:#fff}@media (max-width:1000px){.main-layout{grid-template-columns:1fr}.career-roadmap{margin:140px 20px!important;padding:30px!important}}@media (max-width:960px){.modal-content-card{max-width:94%}.modal-grid{gap:24px 20px}}@media (max-width:768px){.career-roadmap{box-shadow:none;padding:15px!important}.roadmap-section{padding:15px}.checkbox-grid,.modal-grid{gap:24px;grid-template-columns:1fr}.modal-body{padding:24px 28px}.modal-footer{flex-direction:column-reverse;gap:12px;padding:20px 24px}.cancel-btn,.cancel-mtn-modal,.generate-button{padding:16px;width:100%}.profile-strip{-webkit-overflow-scrolling:touch;justify-content:flex-start;padding-bottom:10px}.modal-content-card{border-radius:0;max-height:100vh}}@media (max-width:480px){.modal-body{padding:24px 20px}.modal-grid{gap:28px}.form-group label{font-size:1.08rem}.rating-buttons{flex-wrap:wrap}.rating-btn{flex:1 1;min-width:44px}}
/*# sourceMappingURL=main.e4ce73aa.css.map*/