.logo-overlay{align-items:center;animation:splashFade 2.2s ease forwards;background:var(--paper);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.logo-fullscreen{animation:wobble 1.5s ease-in-out infinite;text-align:center}.splash-title{color:var(--pencil);font-family:var(--font-heading);font-size:72px;text-shadow:4px 4px 0 var(--muted)}.splash-sub{color:var(--pencil);font-family:var(--font-body);font-size:20px;margin-top:8px;opacity:.5}@keyframes splashFade{0%{opacity:1}85%{opacity:1}to{opacity:0;pointer-events:none}}.nav-center{align-items:center;display:flex;gap:28px}.nav-center p{color:var(--pencil);cursor:pointer;font-family:var(--font-body);font-size:18px;position:relative;transition:color .2s ease}.nav-center p:after{background:var(--accent);border-radius:var(--wobbly-sm);bottom:-4px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform .2s ease;width:100%}.nav-center p:hover{color:var(--accent)}.nav-center p:hover:after{transform:scaleX(1)}.nav-right{align-items:center;display:flex;gap:12px}.hero-sketchy,.nav-right,.user-box{position:relative}.hero-sketchy{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1.2fr 1fr;margin:0 auto;max-width:var(--max-width);overflow:hidden;padding:80px 40px 60px}.hero-content-sketchy{position:relative;z-index:2}.hero-content-sketchy h2{font-size:50px;line-height:1.15;margin-bottom:20px}.hero-highlight{color:var(--accent);display:inline-block;position:relative}.hero-highlight:after{background:var(--accent);border-radius:var(--wobbly-sm);bottom:2px;content:"";height:8px;left:-4px;opacity:.2;position:absolute;right:-4px;z-index:-1}.hero-bang{animation:wobble 2s ease-in-out infinite;color:var(--accent);display:inline-block;font-size:56px}.hero-sub{color:var(--pencil);font-size:22px;margin-bottom:32px;max-width:480px;opacity:.65}.hero-cta{font-size:22px;padding:16px 36px}.hero-doodles{inset:0;pointer-events:none;position:absolute;z-index:1}.doodle-arrow{bottom:100px;left:300px;opacity:.4;width:120px}.doodle-arrow,.doodle-circle{display:none;position:absolute}.doodle-circle{animation:bounce 3s ease-in-out infinite;border:3px dashed var(--accent);border-radius:50%;height:40px;right:80px;top:50px;width:40px}.doodle-star{animation:wobble 4s ease-in-out infinite;color:var(--blue);font-size:28px;left:60px;opacity:.3;position:absolute;top:120px}.hero-illustration{align-items:center;display:flex;justify-content:center;z-index:2}.notebook-page{background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow-lg);padding:32px 28px;position:relative;transform:rotate(2deg);width:280px}.notebook-page:before{background:#c8c8c880;border-radius:4px;content:"";height:20px;left:50%;position:absolute;top:-8px;transform:translateX(-50%) rotate(-1deg);width:80px}.notebook-line{background:var(--muted);border-radius:1px;height:2px;margin-bottom:24px}.notebook-scribble{color:var(--blue);font-family:var(--font-heading);font-size:22px;margin-top:16px;text-align:center;transform:rotate(-1deg)}@media (min-width:768px){.doodle-arrow,.doodle-circle{display:block}}@media (max-width:768px){.hero-sketchy{grid-template-columns:1fr;padding:60px 24px 40px;text-align:center}.hero-content-sketchy h2{font-size:36px}.hero-sub{margin:0 auto 28px}.hero-illustration{display:none}}.about-section-sketchy{margin:0 auto;max-width:var(--max-width);padding:80px 40px;position:relative;text-align:center}.section-tape{background:#c8c8c873;border:1px solid #c8c8c84d;border-radius:4px;height:22px;left:50%;position:absolute;top:-10px;transform:translateX(-50%) rotate(-2deg);width:100px}.about-section-sketchy h2{font-size:42px;margin-bottom:20px}.about-section-sketchy p{color:var(--pencil);font-size:20px;line-height:1.7;margin:0 auto;max-width:700px;opacity:.7}.services-section-sketchy{margin:0 auto;max-width:var(--max-width);padding:80px 40px}.services-section-sketchy h2{font-size:42px;margin-bottom:50px;text-align:center}.services-grid-sketchy{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.service-card-sketchy{background:var(--postit);border:2px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow);padding:28px 24px;text-align:center;transition:all .1s ease}.service-card-sketchy:hover{box-shadow:var(--shadow-lg);transform:rotate(0deg) translateY(-6px)!important}.service-emoji{display:block;font-size:42px;margin-bottom:12px}.service-card-sketchy h3{font-family:var(--font-heading);font-size:22px;margin-bottom:8px}.service-card-sketchy p{font-size:16px;opacity:.7}.testimonials-section-sketchy{max-width:100%;padding:80px 40px}.section-title-sketchy{color:var(--pencil);font-family:var(--font-heading);font-size:42px;margin-bottom:40px;text-align:center}.testimonials-wrapper-sketchy{-ms-overflow-style:none;display:flex;gap:28px;overflow-x:auto;padding:20px 40px 30px;scroll-snap-type:x mandatory;scrollbar-width:none}.testimonials-wrapper-sketchy::-webkit-scrollbar{display:none}.testimonial-card-sketchy{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow-sm);min-width:260px;padding:24px 20px 20px;position:relative;scroll-snap-align:start;transition:all .1s ease;width:260px}.testimonial-card-sketchy:hover{box-shadow:var(--shadow);transform:rotate(-1deg) translateY(-4px)}.speech-tail{border-left:12px solid #0000;border-right:12px solid #0000;border-top:14px solid var(--border);bottom:-12px;left:30px}.speech-tail,.speech-tail:after{height:0;position:absolute;width:0}.speech-tail:after{border-left:10px solid #0000;border-right:10px solid #0000;border-top:12px solid var(--paper-white);content:"";left:-10px;top:-16px}.testimonial-text-sketchy{color:var(--pencil);font-size:15px;font-style:italic;line-height:1.5;margin-bottom:14px;opacity:.8}.testimonial-name-sketchy{color:var(--pencil);font-family:var(--font-heading);font-size:18px}.testimonial-role-sketchy{color:var(--accent);font-size:13px;font-weight:700}.signup-container{align-items:center;background:var(--paper);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.signup-card{animation:fadeIn .4s ease;background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow-lg);max-width:440px;padding:38px 34px;position:relative;text-align:center;width:100%}.signup-card:before{background:var(--accent);border:2px solid var(--border);border-radius:50%;box-shadow:2px 2px 0 0 var(--border);content:"";height:18px;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:18px}.signup-card h2{color:var(--pencil);font-family:var(--font-heading);font-size:30px;margin-bottom:4px}.signup-card .subtitle{color:var(--pencil);font-size:15px;margin-bottom:24px;opacity:.7}.role-selector{display:flex;gap:28px;justify-content:center;margin-bottom:24px}.role-selector label{align-items:center;color:var(--pencil);cursor:pointer;display:flex;font-family:var(--font-body);font-size:17px;font-weight:700;gap:6px}.role-selector input[type=radio]{accent-color:var(--accent);margin-right:4px;transform:scale(1.3)}.signup-card form input{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly);color:var(--pencil);font-family:var(--font-body);font-size:17px;margin-bottom:14px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.signup-card form input::placeholder{color:#2d2d2d66}.signup-card form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2d5da133}.password-input-wrapper{margin-bottom:14px}.signup-card button{background:var(--pencil);border:3px solid var(--border);border-radius:var(--wobbly);box-shadow:var(--shadow);color:var(--paper-white);cursor:pointer;font-family:var(--font-body);font-size:18px;font-weight:700;padding:14px;transition:all .1s ease;width:100%}.signup-card button:hover{background:var(--accent);box-shadow:var(--shadow-hover);transform:translate(2px,2px)}.signup-card button:active{box-shadow:var(--shadow-none);transform:translate(4px,4px)}.otp-info{background:var(--paper);border:2px dashed var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);font-size:15px;margin-bottom:18px;padding:12px 16px}.email-highlight{color:var(--accent);font-size:16px;font-weight:700}.otp-input{background:#fffdf9!important;border-color:var(--accent)!important;color:var(--accent)!important;font-size:26px!important;font-weight:700;letter-spacing:8px;text-align:center}.otp-actions{display:flex;gap:10px;justify-content:space-between;margin-top:14px}.text-btn{background:#0000!important;border:none!important;box-shadow:none!important;color:var(--pencil)!important;font-size:14px!important;padding:4px 8px!important;text-decoration:underline;width:auto!important}.text-btn:hover{color:var(--accent)!important;transform:none!important}.signup-card .message{border-radius:var(--wobbly-sm);font-size:15px;font-weight:700;margin-top:14px;padding:8px 12px}.signup-card .message.error{background:#ffe5e5;border:2px solid #d90429;color:#d90429}.signup-card .message.success{background:#e8f5e9;border:2px solid #2b9348;color:#2b9348}.signup-card .switch{color:var(--pencil);font-size:15px;margin-top:20px}.signup-card .switch a{border-bottom:2px dashed var(--blue);color:var(--blue);font-weight:700;padding-bottom:1px}.signup-card .switch a:hover{border-color:var(--accent);color:var(--accent)}.login-container{align-items:center;background:var(--paper);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.login-card{animation:fadeIn .4s ease;background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow-lg);max-width:400px;padding:40px 36px;position:relative;text-align:center;width:100%}.login-card:before{background:#c8c8c873;border-radius:3px;content:"";height:18px;left:50%;position:absolute;top:-10px;transform:translateX(-50%) rotate(1deg);width:80px}.login-card h2{color:var(--pencil);font-family:var(--font-heading);font-size:32px;margin-bottom:4px}.login-card .subtitle{color:var(--pencil);font-size:16px;margin-bottom:28px;opacity:.5}.login-card input{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly);color:var(--pencil);font-family:var(--font-body);font-size:17px;margin-bottom:16px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.login-card input::placeholder{color:#2d2d2d66}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2d5da133}.password-input-wrapper{margin-bottom:16px;position:relative;width:100%}.password-input-wrapper input{margin-bottom:0!important;padding-right:46px!important}.toggle-password-btn{border:none!important;cursor:pointer;font-size:18px!important;opacity:.7;padding:4px!important;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity .15s ease,transform .15s ease!important;width:auto!important}.toggle-password-btn,.toggle-password-btn:hover{background:#0000!important;box-shadow:none!important}.toggle-password-btn:hover{opacity:1;transform:translateY(-50%) scale(1.15)!important}.login-card button{background:var(--pencil);border:3px solid var(--border);border-radius:var(--wobbly);box-shadow:var(--shadow);color:var(--paper-white);cursor:pointer;font-family:var(--font-body);font-size:19px;font-weight:700;padding:14px;transition:all .1s ease;width:100%}.login-card button:hover{background:var(--accent);box-shadow:var(--shadow-hover);transform:translate(2px,2px)}.login-card button:active{box-shadow:var(--shadow-none);transform:translate(4px,4px)}.login-card .message{color:var(--accent);font-size:15px;font-weight:700;margin-top:14px}.login-card .switch{color:var(--pencil);font-size:15px;margin-top:20px}.login-card .switch a{border-bottom:2px dashed var(--blue);color:var(--blue);font-weight:700;padding-bottom:1px}.login-card .switch a:hover{border-color:var(--accent);color:var(--accent)}.dashboard-container{background:var(--paper);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;color:var(--pencil);font-family:var(--font-body);min-height:100vh;padding-bottom:60px;width:100%}.navbar{align-items:center;background:var(--paper-white);border-bottom:3px solid var(--border);display:flex;padding:16px 40px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:50}.navbar h2{color:var(--pencil);font-family:var(--font-heading);font-size:26px;font-weight:700}.dashboard-content{margin-top:40px;padding:0 20px;text-align:center;width:100%}.dashboard-content h1{font-family:var(--font-heading);font-size:40px;margin-bottom:8px}.subtitle{color:var(--pencil);font-size:18px;margin-bottom:50px;opacity:.6}.cards-container{display:flex;flex-direction:column;gap:24px;margin:auto;max-width:700px;width:100%}.dash-card{background:var(--paper-white);border:3px solid var(--border);border-left:6px solid var(--pencil);border-radius:var(--wobbly-md);box-shadow:var(--shadow);cursor:pointer;padding:28px 32px;text-align:left;transition:all .1s ease}.dash-card:hover{background:var(--postit);border-left-color:var(--accent);box-shadow:var(--shadow-lg);transform:rotate(-.5deg) translateY(-4px)}.dash-card h3{font-family:var(--font-heading);font-size:22px;margin-bottom:6px}.dash-card p{font-size:16px;opacity:.65}.back-btn{margin:20px 0 10px 40px}@media (max-width:600px){.dash-card{padding:22px 20px}.dash-card h3{font-size:19px}.dashboard-content h1{font-size:30px}}.postproject-page{background:var(--paper);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;color:var(--pencil);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100vh;padding:40px;width:100vw}.postproject-header{align-items:center;display:flex;gap:16px;margin-bottom:30px}.postproject-header h2{font-family:var(--font-heading);font-size:32px}.back-btn{display:flex}.postproject-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr}@media (max-width:992px){.postproject-container{grid-template-columns:1fr}}.postproject-form{background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow);padding:32px}.postproject-form label{display:block;font-size:16px;font-weight:700;margin-top:18px}.postproject-form label span{color:var(--accent)}.postproject-form input,.postproject-form select,.postproject-form textarea{background:var(--paper);border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);font-family:var(--font-body);font-size:16px;margin-top:6px;outline:none;padding:12px;transition:border-color .2s ease;width:100%}.postproject-form input::placeholder,.postproject-form textarea::placeholder{color:#2d2d2d66}.postproject-form input:focus,.postproject-form select:focus,.postproject-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2d5da126}.postproject-form textarea{min-height:120px;resize:vertical}.postproject-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%232d2d2d%27 height=%2720%27 viewBox=%270 0 20 20%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M5.516 7.548L10 12.032l4.484-4.484L16 8.064 10 14.064 4 8.064z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer}.two-column{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr 1fr;margin-top:18px}@media (max-width:768px){.two-column{grid-template-columns:1fr}}.create-btn{background:var(--pencil);border:3px solid var(--border);border-radius:var(--wobbly);box-shadow:var(--shadow);color:var(--paper-white);cursor:pointer;font-family:var(--font-body);font-size:18px;font-weight:700;margin-top:28px;padding:14px 28px;transition:all .1s ease}.create-btn:hover{background:var(--accent);box-shadow:var(--shadow-hover);transform:translate(2px,2px)}.create-btn:active{box-shadow:var(--shadow-none);transform:translate(4px,4px)}.create-btn:disabled{background:var(--muted);border-style:dashed;box-shadow:none;color:#2d2d2d66;cursor:not-allowed}.project-preview{background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow-sm);height:-webkit-fit-content;height:fit-content;padding:28px;position:relative}.project-preview:before{background:#c8c8c873;border-radius:3px;content:"";height:18px;left:50%;position:absolute;top:-8px;transform:translateX(-50%) rotate(-2deg);width:80px}.project-preview h3{font-family:var(--font-heading);font-size:22px;margin-bottom:8px}.project-preview>p{font-size:15px;margin-bottom:16px;opacity:.5}.preview-card{background:var(--postit);border:2px solid var(--border);border-radius:var(--wobbly-sm);margin-top:12px;padding:18px;transition:all .1s ease}.preview-card:hover{box-shadow:var(--shadow-hover);transform:rotate(1deg)}.preview-card h4{font-family:var(--font-heading);font-size:19px;margin-bottom:8px}.preview-card p{font-size:14px;margin:4px 0}.myprojects-page{background:var(--paper);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;color:var(--pencil);font-family:var(--font-body);min-height:100vh;padding:32px}.myprojects-page h2{font-family:var(--font-heading);font-size:36px;margin-bottom:25px}.project-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px}.project-controls input,.project-controls select{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);flex:1 1;font-family:var(--font-body);font-size:16px;min-width:200px;outline:none;padding:12px 16px;transition:border-color .2s ease}.project-controls input::placeholder{color:#2d2d2d66}.project-controls input:focus,.project-controls select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2d5da126}.project-list{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin-top:10px}.project-card{min-height:330px;padding:22px}.project-card h3{font-size:21px}.description{color:var(--pencil);font-size:14px;line-height:1.5;margin-bottom:12px;opacity:.6}.info{background:var(--paper);border:2px dashed var(--muted);border-radius:var(--wobbly-sm);margin-bottom:12px;padding:10px 14px}.info p{font-size:14px;margin:5px 0}.date{font-size:13px;margin-top:auto;opacity:.5}.action-buttons{display:flex;gap:12px;margin-top:14px}.delete-btn,.edit-btn{border:2px solid var(--border);border-radius:var(--wobbly-sm);box-shadow:var(--shadow-hover);cursor:pointer;flex:1 1;font-family:var(--font-body);font-size:15px;font-weight:700;padding:10px 14px;transition:all .1s ease}.edit-btn{background:var(--pencil);color:var(--paper-white)}.edit-btn:hover{background:var(--blue);box-shadow:var(--shadow-none);transform:translate(1px,1px)}.delete-btn{background:var(--paper-white);border-color:var(--accent);color:var(--accent)}.delete-btn:hover{background:var(--accent);box-shadow:var(--shadow-none);color:var(--paper-white);transform:translate(1px,1px)}.edit-project-container{align-items:center;background:var(--paper);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;color:var(--pencil);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100vh;padding:40px 20px}.edit-project-container h2{font-family:var(--font-heading);font-size:36px;margin-bottom:25px}.edit-card{animation:fadeIn .3s ease;background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow);max-width:620px;padding:32px;width:100%}.edit-card form{display:flex;flex-direction:column;gap:16px}.edit-card label{font-size:15px;font-weight:700;margin-bottom:2px;opacity:.7}.edit-card input,.edit-card textarea{background:var(--paper);border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);font-family:var(--font-body);font-size:16px;outline:none;padding:12px;transition:border-color .2s ease;width:100%}.edit-card input:focus,.edit-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2d5da126}.edit-card textarea{min-height:130px;resize:vertical}.two-row{display:flex;gap:18px}.two-row .field{flex:1 1}@media (max-width:600px){.two-row{flex-direction:column}}.edit-card select{-webkit-appearance:none;appearance:none;background:var(--paper);background-image:url("data:image/svg+xml;utf8,<svg fill=%27%232d2d2d%27 height=%2720%27 viewBox=%270 0 20 20%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M5.516 7.548L10 12.032l4.484-4.484L16 8.064 10 14.064 4 8.064z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);cursor:pointer;font-family:var(--font-body);font-size:16px;outline:none;padding:12px;transition:border-color .2s ease;width:100%}.edit-card select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2d5da126}.save-btn{background:var(--pencil);border:3px solid var(--border);border-radius:var(--wobbly);box-shadow:var(--shadow);color:var(--paper-white);cursor:pointer;font-family:var(--font-body);font-size:18px;font-weight:700;margin-top:8px;padding:14px;transition:all .1s ease}.save-btn:hover{background:var(--accent);box-shadow:var(--shadow-hover);transform:translate(2px,2px)}.save-btn:active{box-shadow:var(--shadow-none);transform:translate(4px,4px)}.browse-container,.loader{color:var(--pencil)}.browse-container{background:var(--paper);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;min-height:100vh;padding:30px 40px}.browse-container h2{font-family:var(--font-heading);font-size:36px;margin-bottom:20px}.filters{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px}.filters input{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);font-family:var(--font-body);font-size:16px;outline:none;padding:12px 16px;transition:border-color .2s ease;width:300px}.filters input::placeholder{color:#2d2d2d66}.filters input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2d5da126}.filters select{-webkit-appearance:none;appearance:none;background:var(--paper-white);background-image:url("data:image/svg+xml;utf8,<svg fill=%27%232d2d2d%27 height=%2720%27 viewBox=%270 0 20 20%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M5.516 7.548L10 12.032l4.484-4.484L16 8.064 10 14.064 4 8.064z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);cursor:pointer;font-family:var(--font-body);font-size:16px;outline:none;padding:12px 16px;width:220px}.filters select:focus{border-color:var(--blue)}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:850px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:550px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:280px;justify-content:space-between;padding:20px;transition:all .1s ease}.project-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:rotate(-.5deg) translateY(-4px)}.project-card h3{color:var(--pencil);font-family:var(--font-heading);font-size:19px;margin-bottom:6px}.project-card .desc{font-size:14px;line-height:1.4;opacity:.65}.project-card p{font-size:14px;margin:3px 0}.applied-btn,.apply-btn{border:2px solid var(--border);border-radius:var(--wobbly-sm);cursor:pointer;font-family:var(--font-body);font-size:15px;font-weight:700;padding:10px;transition:all .1s ease}.apply-btn{background:var(--pencil);box-shadow:var(--shadow-hover);color:var(--paper-white)}.apply-btn:hover{background:var(--accent);box-shadow:var(--shadow-none);transform:translate(2px,2px)}.applied-btn{background:var(--postit);border-style:dashed;color:var(--pencil);cursor:default}.modal-overlay{align-items:center;background:#2d2d2d80;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal-card{animation:fadeIn .2s ease;background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow-lg);color:var(--pencil);padding:28px;width:440px}.modal-card h3{font-family:var(--font-heading);font-size:22px;margin-bottom:16px}.modal-card textarea{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);font-family:var(--font-body);font-size:16px;height:110px;outline:none;padding:12px;resize:none;width:100%}.modal-card textarea:focus{border-color:var(--blue)}.modal-card input.portfolio-input{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);font-family:var(--font-body);font-size:16px;margin-top:12px;outline:none;padding:12px;width:100%}.modal-card input.portfolio-input:focus{border-color:var(--blue)}.modal-actions{display:flex;justify-content:space-between;margin-top:18px}.modal-actions button{border:2px solid var(--border);border-radius:var(--wobbly-sm);cursor:pointer;font-family:var(--font-body);font-size:16px;font-weight:700;padding:10px 18px;transition:all .1s ease}.modal-actions button:first-child{background:var(--pencil);box-shadow:var(--shadow-hover);color:var(--paper-white)}.modal-actions button:first-child:hover{background:var(--accent);box-shadow:var(--shadow-none);transform:translate(1px,1px)}.modal-actions .cancel{background:var(--muted);color:var(--pencil)}.modal-actions .cancel:hover{background:var(--accent);color:var(--paper-white)}.pagination{gap:18px;margin-top:35px}.pagination button{padding:10px 20px}.pagination span{color:var(--pencil)}@media (max-width:600px){.filters{flex-direction:column}.filters input,.filters select{width:100%}}.project-details-page{background:var(--paper);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;color:var(--pencil);font-family:var(--font-body);min-height:100vh;padding:30px 40px}.project-details-page .back-btn{align-items:center;background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-sm);box-shadow:var(--shadow-hover);color:var(--pencil);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:16px;gap:6px;margin-bottom:24px;padding:8px 16px;transition:all .1s ease}.project-details-page .back-btn:hover{background:var(--accent);box-shadow:var(--shadow-none);color:var(--paper-white);transform:translate(1px,1px)}.project-details-page .project-card{background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow);max-width:800px;padding:36px;position:relative}.project-details-page .project-card:before{background:#c8c8c873;border-radius:4px;content:"";height:20px;left:50%;position:absolute;top:-10px;transform:translateX(-50%) rotate(1deg);width:90px}.project-details-page .project-card h1{font-family:var(--font-heading);font-size:36px;margin-bottom:12px}.project-description{font-size:17px;line-height:1.7;margin:16px 0;opacity:.75}.details-grid{background:var(--paper);border:2px dashed var(--muted);border-radius:var(--wobbly-sm);margin:20px 0;padding:16px 20px}.details-grid p{font-size:16px;margin:8px 0}.project-details-page .apply-btn{background:var(--pencil);border:3px solid var(--border);border-radius:var(--wobbly);box-shadow:var(--shadow);color:var(--paper-white);cursor:pointer;font-family:var(--font-body);font-size:18px;font-weight:700;margin-top:24px;padding:14px 28px;transition:all .1s ease}.project-details-page .apply-btn:hover{background:var(--accent);box-shadow:var(--shadow-hover);transform:translate(2px,2px)}.apply-overlay{align-items:center;background:#2d2d2d80;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.apply-box{animation:fadeIn .2s ease;background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow-lg);padding:30px;width:440px}.apply-box h2{font-family:var(--font-heading);font-size:24px;margin-bottom:16px}.apply-box textarea{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);font-family:var(--font-body);font-size:16px;height:120px;margin-bottom:12px;outline:none;padding:12px;resize:none;width:100%}.apply-box textarea:focus{border-color:var(--blue)}.apply-box input{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);font-family:var(--font-body);font-size:16px;margin-bottom:16px;outline:none;padding:12px;width:100%}.apply-box input:focus{border-color:var(--blue)}.apply-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.submit-btn{border:2px solid var(--border);border-radius:var(--wobbly-sm);box-shadow:var(--shadow-hover);cursor:pointer;font-family:var(--font-body);font-size:16px;font-weight:700;padding:10px 20px;transition:all .1s ease}.submit-btn{background:var(--pencil);color:var(--paper-white)}.submit-btn:hover{background:var(--accent);box-shadow:var(--shadow-none);transform:translate(1px,1px)}.error-text,.loading-text{font-family:var(--font-heading);font-size:22px;margin-top:80px;opacity:.5;text-align:center}.af-container{background:var(--paper);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;color:var(--pencil);font-family:var(--font-body);min-height:100vh;padding:40px}.af-container h2{font-family:var(--font-heading);font-size:36px}.af-container h2,.back-btn{margin-bottom:20px}.search-box{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);font-family:var(--font-body);font-size:16px;margin-bottom:25px;outline:none;padding:12px 16px;transition:border-color .2s ease;width:300px}.search-box::placeholder{color:#2d2d2d66}.search-box:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2d5da126}.af-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.af-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.af-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.af-grid{grid-template-columns:1fr}}.af-card{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;padding:22px;transition:all .1s ease}.af-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:rotate(-.5deg) translateY(-4px)}.af-card h3{color:var(--pencil);font-family:var(--font-heading);font-size:20px;margin-bottom:8px}.af-card p{font-size:14px;margin:4px 0;opacity:.65}.pagination span{font-size:16px;opacity:.6}.table-header{background:var(--pencil);border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--paper-white);font-weight:700;margin-bottom:8px}.table-header,.table-row{display:grid;grid-template-columns:1fr 1.5fr 2fr 1fr;padding:14px 18px}.table-row{align-items:center;background:var(--paper-white);border:2px solid var(--muted);border-radius:var(--wobbly-sm);margin-bottom:6px;transition:all .1s ease}.table-row:hover{background:var(--postit);border-color:var(--border);transform:translateX(4px)}.table-header span,.table-row span{align-items:center;display:flex}.table-row span:nth-child(3){line-height:1.4;white-space:normal}.table-row a{border-bottom:2px dashed var(--blue);color:var(--blue);font-weight:700}.table-row a:hover{border-color:var(--accent);color:var(--accent)}.empty-msg{font-size:20px;margin-top:40px}.empty-msg,.loader{font-family:var(--font-heading);opacity:.5;text-align:center}.loader{font-size:22px;margin-top:80px}.myapps-container{background:var(--paper);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;color:var(--pencil);font-family:var(--font-body);min-height:100vh;padding:30px 40px}.myapps-container h2{font-family:var(--font-heading);font-size:36px;margin-bottom:20px}.myapps-container>p{font-size:17px;opacity:.5}.app-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}@media (max-width:1100px){.app-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.app-grid{grid-template-columns:1fr}}.app-card{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;min-height:240px;padding:22px;transition:all .1s ease}.app-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:rotate(-.5deg) translateY(-4px)}.app-card h3{color:var(--pencil);font-family:var(--font-heading);font-size:20px;margin-bottom:10px}.app-card p{font-size:14px;line-height:1.5;opacity:.7}.status-badge{border:2px solid var(--border);border-radius:var(--wobbly-sm);display:inline-block;font-size:13px;font-weight:700;margin-top:6px;padding:4px 14px}.status-pending{background:var(--postit);color:var(--pencil)}.status-accepted{background:#d4edda;border-color:#155724;color:#155724}.status-rejected{background:#f8d7da;border-color:var(--accent);color:var(--accent)}.app-actions{display:flex;margin-top:14px;width:100%}.app-actions button{border:2px solid var(--accent);border-radius:var(--wobbly-sm);box-shadow:var(--shadow-hover);cursor:pointer;font-family:var(--font-body);font-size:15px;font-weight:700;padding:10px;transition:all .1s ease;width:100%}.app-actions .danger{background:var(--paper-white);color:var(--accent)}.app-actions .danger:hover{background:var(--accent);box-shadow:var(--shadow-none);color:var(--paper-white);transform:translate(1px,1px)}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:30px}.pagination button{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-sm);box-shadow:var(--shadow-hover);color:var(--pencil);cursor:pointer;font-family:var(--font-body);font-weight:700;padding:10px 18px;transition:all .1s ease}.pagination button:hover{background:var(--accent);box-shadow:var(--shadow-none);color:var(--paper-white);transform:translate(1px,1px)}.pagination button:disabled{background:var(--muted);border-style:dashed;box-shadow:none;color:#2d2d2d66;cursor:not-allowed}.page-number{font-size:16px;opacity:.6}.back-btn{align-items:center;background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-sm);box-shadow:var(--shadow-hover);color:var(--pencil);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:16px;gap:6px;margin-bottom:18px;padding:8px 16px;transition:all .1s ease}.back-btn:hover{background:var(--accent);box-shadow:var(--shadow-none);color:var(--paper-white);transform:translate(1px,1px)}.profile-wrapper{background:var(--paper);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;color:var(--pencil);font-family:var(--font-body);min-height:100vh;padding-bottom:60px}.profile-header-banner{background:var(--paper-white);border-bottom:4px solid var(--border);height:140px;overflow:hidden;position:relative;width:100%}.profile-header-banner:before{background-image:repeating-linear-gradient(#0000,#0000 28px,var(--muted) 28px,var(--muted) 30px);content:"";inset:0;opacity:.6;position:absolute}.profile-header-banner:after{bottom:16px;color:var(--pencil);content:"~ your profile ~";font-family:var(--font-heading);font-size:22px;left:50%;letter-spacing:4px;opacity:.15;position:absolute;transform:translateX(-50%) rotate(-1deg);white-space:nowrap}.profile-avatar-section{margin-top:-55px;position:relative;text-align:center;z-index:10}.profile-avatar-icon,.profile-photo{background:var(--paper-white);border:4px solid var(--border);border-radius:50%;box-shadow:var(--shadow);color:var(--pencil);height:110px;object-fit:cover;position:relative;width:110px}.profile-avatar-section:before{background:var(--accent);border:2px solid var(--border);border-radius:50%;box-shadow:2px 2px 0 0 var(--border);content:"";height:16px;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:16px;z-index:20}.profile-name{font-family:var(--font-heading);font-size:34px;line-height:1.1;margin-top:14px}.profile-username{font-size:17px;margin-top:2px;opacity:.45}.profile-username,.role-pill{color:var(--pencil);font-family:var(--font-body)}.role-pill{background:var(--postit);border:2px solid var(--border);border-radius:var(--wobbly-sm);box-shadow:2px 2px 0 0 #2d2d2d1a;display:inline-block;font-size:15px;font-weight:700;margin-top:12px;padding:6px 22px;transform:rotate(-1deg)}.profile-main-card{background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow);margin:35px auto;max-width:95%;padding:32px;position:relative;width:900px}.profile-main-card:before{background:#c8c8c873;border:1px solid #c8c8c84d;border-radius:4px;content:"";height:20px;left:50%;position:absolute;top:-9px;transform:translateX(-50%) rotate(-1deg);width:90px}.card-title{border-bottom:3px dashed var(--muted);font-family:var(--font-heading);font-size:24px;margin-bottom:22px;padding-bottom:14px;position:relative}.card-title:after{content:"✎";font-size:20px;opacity:.3;position:absolute;right:0;top:0;transform:rotate(15deg)}.profile-grid{grid-gap:20px 26px;display:grid;gap:20px 26px;grid-template-columns:repeat(2,1fr)}.field{display:flex;flex-direction:column}.field.full{grid-column:1/-1}.field label{color:var(--pencil);font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:5px;opacity:.55;text-transform:uppercase}.profile-main-card input,.profile-main-card select,.profile-main-card textarea{background:var(--paper);border:2px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);font-family:var(--font-body);font-size:16px;outline:none;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease}.profile-main-card input:disabled,.profile-main-card select:disabled,.profile-main-card textarea:disabled{background:var(--paper);border-style:dashed;cursor:not-allowed;opacity:.5}.profile-main-card input:focus,.profile-main-card select:focus,.profile-main-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2d5da126}.profile-main-card textarea{min-height:100px;resize:vertical}.profile-main-card select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%232d2d2d%27 height=%2720%27 viewBox=%270 0 20 20%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M5.516 7.548L10 12.032l4.484-4.484L16 8.064 10 14.064 4 8.064z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer}.profile-buttons{display:flex;gap:14px;justify-content:flex-end;margin-top:30px}.edit-btn,.save-btn{background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly);box-shadow:var(--shadow);color:var(--pencil);cursor:pointer;font-family:var(--font-body);font-size:17px;font-weight:700;padding:12px 28px;transition:all .1s ease}.edit-btn:hover,.save-btn:hover{background:var(--accent);box-shadow:var(--shadow-hover);color:var(--paper-white);transform:translate(2px,2px)}.edit-btn:active,.save-btn:active{box-shadow:var(--shadow-none);transform:translate(4px,4px)}.cancel-btn{background:var(--muted);border:2px solid var(--border);border-radius:var(--wobbly);box-shadow:var(--shadow-hover);color:var(--pencil);cursor:pointer;font-family:var(--font-body);font-size:17px;font-weight:700;padding:12px 28px;transition:all .1s ease}.cancel-btn:hover{background:var(--accent);box-shadow:var(--shadow-none);color:var(--paper-white);transform:translate(1px,1px)}@media (max-width:900px){.profile-main-card{width:95%}.profile-grid{grid-template-columns:1fr}}.conversation-list{display:flex;flex-direction:column;gap:10px;max-height:100%;overflow-y:auto;padding:8px}.no-conversations{color:var(--pencil);font-family:var(--font-body);padding:30px 15px;text-align:center}.no-conversations p{font-family:var(--font-heading);font-size:18px;margin-bottom:6px}.no-conversations small{opacity:.7}.conversation-item{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-sm);box-shadow:2px 2px 0 0 var(--border);cursor:pointer;padding:12px 14px;position:relative;transition:all .12s ease}.conversation-item:hover{background:var(--paper);box-shadow:var(--shadow);transform:translate(-1px,-1px)}.conversation-item.active{background:var(--postit);border-color:var(--blue);box-shadow:var(--shadow-hover)}.conversation-item.unread{border-left:5px solid var(--accent)}.conv-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conv-name{color:var(--pencil);font-family:var(--font-heading);font-size:17px;font-weight:700}.conv-role-badge{background:var(--paper-white);border:1px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);font-family:var(--font-body);font-size:12px;padding:2px 8px}.conv-project-title{color:var(--blue);font-size:14px;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-last-msg{align-items:center;color:#2d2d2dbf;display:flex;font-size:13px;justify-content:space-between}.msg-preview{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-time{font-size:11px;opacity:.7}.unread-dot{background:var(--accent);border:1px solid var(--border);border-radius:50%;height:10px;position:absolute;right:10px;top:10px;width:10px}.chat-window{background:var(--paper);border:2px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{align-items:center;background:var(--paper-white);border-bottom:2px solid var(--border);display:flex;gap:12px;padding:14px 18px}.chat-back-btn{background:var(--paper);border:2px solid var(--border);border-radius:var(--wobbly-sm);box-shadow:2px 2px 0 0 var(--border);cursor:pointer;font-family:var(--font-heading);font-size:18px;padding:4px 12px}.chat-back-btn:hover{background:var(--accent);color:var(--paper-white)}.chat-header-info{flex:1 1}.chat-header-info h3{color:var(--pencil);font-family:var(--font-heading);font-size:18px;margin:0}.chat-header-project{color:var(--blue);font-size:13px;font-weight:600}.messages-container{background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-empty,.chat-loading{align-items:center;color:var(--pencil);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;text-align:center}.chat-empty p{font-family:var(--font-heading);font-size:19px}.chat-empty small{opacity:.7}.message-bubble-wrapper{display:flex;width:100%}.message-bubble-wrapper.me{justify-content:flex-end}.message-bubble-wrapper.them{justify-content:flex-start}.message-bubble{border:2px solid var(--border);border-radius:var(--wobbly-sm);font-family:var(--font-body);font-size:16px;line-height:1.4;max-width:75%;padding:10px 14px;position:relative;word-break:break-word}.message-bubble.me{background:var(--pencil);border-bottom-right-radius:2px;box-shadow:3px 3px 0 0 #00000026;color:var(--paper-white)}.message-bubble.them{background:var(--paper-white);border-bottom-left-radius:2px;box-shadow:3px 3px 0 0 var(--border);color:var(--pencil)}.message-content{margin-bottom:4px}.message-meta{align-items:center;display:flex;font-size:11px;gap:6px;justify-content:flex-end;opacity:.8}.message-bubble.me .message-meta{color:var(--postit)}.read-status.read{color:#64b5f6;font-weight:700}.typing-indicator{animation:wobble 1s infinite alternate;color:var(--blue);font-size:13px;font-style:italic;padding:4px 8px}.chat-input-area{background:var(--paper-white);border-top:2px solid var(--border);display:flex;gap:10px;padding:12px}.chat-input{flex:1 1;padding:10px 14px!important}.chat-input,.send-btn{font-size:16px!important}.send-btn{padding:10px 18px!important}.bot-chat-window{background:var(--paper);border:2px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;overflow:hidden}.bot-chat-header{align-items:center;background:var(--postit);border-bottom:2px solid var(--border);display:flex;gap:12px;padding:12px 16px}.bot-header-title h3{color:var(--pencil);font-family:var(--font-heading);font-size:17px;margin:0}.bot-subtitle{color:var(--blue);font-size:12px;font-weight:600}.bot-messages-container{background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:16px}.bot-msg-wrapper{display:flex;width:100%}.bot-msg-wrapper.user{justify-content:flex-end}.bot-msg-wrapper.bot{justify-content:flex-start}.bot-msg-bubble{border:2px solid var(--border);border-radius:var(--wobbly-sm);font-family:var(--font-body);font-size:16px;max-width:85%;padding:12px 14px;position:relative;white-space:pre-wrap}.bot-msg-bubble.user{background:var(--pencil);box-shadow:3px 3px 0 0 #00000026;color:var(--paper-white)}.bot-msg-bubble.bot{background:var(--paper-white);box-shadow:3px 3px 0 0 var(--border);color:var(--pencil)}.bot-msg-text{line-height:1.5;margin-bottom:6px}.bot-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.suggestion-chip{background:var(--paper);border:1.5px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);cursor:pointer;font-family:var(--font-body);font-size:13px;padding:4px 10px;transition:all .1s ease}.suggestion-chip:hover{background:var(--accent);color:var(--paper-white);transform:translateY(-1px)}.bot-msg-time{display:block;font-size:11px;margin-top:4px;opacity:.7;text-align:right}.bot-typing{align-items:center;color:var(--blue);display:flex;font-size:13px;gap:8px}.bot-input-area{background:var(--paper-white);border-top:2px solid var(--border);display:flex;gap:10px;padding:12px}.bot-input{flex:1 1;padding:10px 14px!important}.chat-page-container{background:var(--paper);display:flex;flex-direction:column;min-height:100vh}.chat-page-nav{align-items:center;background:var(--paper-white);border-bottom:3px solid var(--border);display:flex;justify-content:space-between;padding:14px 40px}.chat-page-content{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:340px 1fr;height:calc(100vh - 120px);margin:24px auto;max-width:var(--max-width);padding:0 20px;width:100%}.chat-sidebar{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{background:var(--postit);border-bottom:2px solid var(--border);display:flex;gap:8px;padding:12px}.sidebar-tab-btn{background:var(--paper-white);border:1.5px solid var(--border);border-radius:var(--wobbly-sm);color:var(--pencil);cursor:pointer;flex:1 1;font-family:var(--font-body);font-size:14px;padding:6px 8px;transition:all .1s ease}.sidebar-tab-btn.active{background:var(--pencil);color:var(--paper-white);font-weight:700}.chat-main-panel,.no-chat-selected{display:flex;flex-direction:column;height:100%}.no-chat-selected{align-items:center;background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow);justify-content:center;padding:40px;text-align:center}.no-chat-selected h3{color:var(--pencil);font-family:var(--font-heading);font-size:24px;margin-bottom:10px}.no-chat-selected p{color:#2d2d2db3}@media (max-width:768px){.chat-page-content{grid-template-columns:1fr;height:auto}}.chat-widget-wrapper{bottom:24px;position:fixed;right:24px;z-index:1000}.chat-fab-btn{align-items:center;background:var(--pencil);border:3px solid var(--border);border-radius:50%;box-shadow:var(--shadow);color:var(--paper-white);cursor:pointer;display:flex;font-size:26px;height:60px;justify-content:center;position:relative;transition:all .12s ease;width:60px}.chat-fab-btn:hover{background:var(--accent);box-shadow:var(--shadow-hover);transform:scale(1.08) rotate(-3deg)}.fab-badge{align-items:center;animation:bounce 1.5s infinite;background:var(--accent);border:2px solid var(--paper-white);border-radius:50%;color:var(--paper-white);font-family:var(--font-heading);font-size:13px;font-weight:700;height:22px;justify-content:center;right:-4px;top:-4px;width:22px}.chat-popover,.fab-badge{display:flex;position:absolute}.chat-popover{animation:fadeIn .2s cubic-bezier(.175,.885,.32,1.275);background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly-md);bottom:74px;box-shadow:var(--shadow-lg);flex-direction:column;height:540px;overflow:hidden;right:0;width:400px}.popover-top-bar{align-items:center;background:var(--pencil);border-bottom:2px solid var(--border);color:var(--paper-white);display:flex;justify-content:space-between;padding:10px 14px}.tab-switcher{display:flex;gap:8px}.tab-btn{background:#0000;border:1px solid #ffffff4d;border-radius:var(--wobbly-sm);color:#ffffffb3;cursor:pointer;font-family:var(--font-body);font-size:14px;padding:4px 12px;transition:all .1s ease}.tab-btn.active{background:var(--paper-white);border-color:var(--paper-white);color:var(--pencil);font-weight:700}.popover-close-btn{background:#0000;border:none;border-radius:4px;color:var(--paper-white);cursor:pointer;font-size:18px;padding:2px 6px;transition:background .1s ease}.popover-close-btn:hover{background:var(--accent)}.popover-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}@media (max-width:480px){.chat-popover{height:75vh;right:-10px;width:92vw}}:root{--paper:#fdfbf7;--paper-white:#fff;--pencil:#2d2d2d;--muted:#e5e0d8;--accent:#ff4d4d;--border:#2d2d2d;--blue:#2d5da1;--postit:#fff9c4;--font-heading:"Kalam",cursive;--font-body:"Patrick Hand",cursive;--wobbly:255px 15px 225px 15px/15px 225px 15px 255px;--wobbly-md:15px 255px 15px 225px/255px 15px 225px 15px;--wobbly-sm:185px 8px 185px 8px/8px 185px 8px 185px;--wobbly-lg:20px 255px 20px 255px/255px 20px 255px 20px;--shadow:4px 4px 0px 0px #2d2d2d;--shadow-sm:3px 3px 0px 0px #2d2d2d1a;--shadow-lg:8px 8px 0px 0px #2d2d2d;--shadow-hover:2px 2px 0px 0px #2d2d2d;--shadow-none:0px 0px 0px 0px #2d2d2d;--max-width:1100px}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fdfbf7;background:var(--paper);background-image:radial-gradient(#e5e0d8 1px,#0000 0);background-image:radial-gradient(var(--muted) 1px,#0000 1px);background-size:24px 24px;font-family:Patrick Hand,cursive;font-family:var(--font-body);font-size:18px;line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:#2d2d2d;color:var(--pencil)}h1,h2,h3,h4,h5,h6{font-family:Kalam,cursive;font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:#2d5da1;color:var(--blue);position:relative;text-decoration:none}a:hover{color:#ff4d4d;color:var(--accent)}img{display:block;max-width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fdfbf7;background:var(--paper)}::-webkit-scrollbar-thumb{background:#e5e0d8;background:var(--muted);border:2px solid #2d2d2d;border:2px solid var(--pencil);border-radius:185px 8px 185px 8px/8px 185px 8px 185px;border-radius:var(--wobbly-sm)}.sketchy-card{background:#fff;background:var(--paper-white);border:2px solid #2d2d2d;border:2px solid var(--border);border-radius:15px 255px 15px 225px/255px 15px 225px 15px;border-radius:var(--wobbly-md);box-shadow:3px 3px 0 0 #2d2d2d1a;box-shadow:var(--shadow-sm);transition:transform .1s ease,box-shadow .1s ease}.sketchy-card:hover{transform:rotate(-.5deg)}.sketchy-btn,.sketchy-card:hover{box-shadow:4px 4px 0 0 #2d2d2d;box-shadow:var(--shadow)}.sketchy-btn{align-items:center;background:#fff;background:var(--paper-white);border:3px solid #2d2d2d;border:3px solid var(--border);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;border-radius:var(--wobbly);color:#2d2d2d;color:var(--pencil);cursor:pointer;display:inline-flex;font-family:Patrick Hand,cursive;font-family:var(--font-body);font-size:18px;gap:8px;padding:12px 24px;transition:all .1s ease}.sketchy-btn:hover{background:#ff4d4d;background:var(--accent);box-shadow:2px 2px 0 0 #2d2d2d;box-shadow:var(--shadow-hover);color:#fff;color:var(--paper-white);transform:translate(2px,2px)}.sketchy-btn:active{box-shadow:0 0 0 0 #2d2d2d;box-shadow:var(--shadow-none);transform:translate(4px,4px)}.sketchy-btn.secondary{background:#e5e0d8;background:var(--muted)}.sketchy-btn.secondary:hover{background:#2d5da1;background:var(--blue);color:#fff;color:var(--paper-white)}.sketchy-btn.danger{border-color:#ff4d4d;border-color:var(--accent);color:#ff4d4d;color:var(--accent)}.sketchy-btn.danger:hover{background:#ff4d4d;background:var(--accent);color:#fff;color:var(--paper-white)}.sketchy-btn.filled{background:#2d2d2d;background:var(--pencil);color:#fff;color:var(--paper-white)}.sketchy-btn.filled:hover{background:#ff4d4d;background:var(--accent)}.sketchy-input{background:#fff;background:var(--paper-white);border:2px solid #2d2d2d;border:2px solid var(--border);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;border-radius:var(--wobbly);color:#2d2d2d;color:var(--pencil);font-family:Patrick Hand,cursive;font-family:var(--font-body);font-size:17px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.sketchy-input::placeholder{color:#2d2d2d66}.sketchy-input:focus{border-color:#2d5da1;border-color:var(--blue);box-shadow:0 0 0 3px #2d5da133}textarea.sketchy-input{min-height:120px;resize:vertical}select.sketchy-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%232d2d2d%27 height=%2720%27 viewBox=%270 0 20 20%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M5.516 7.548L10 12.032l4.484-4.484L16 8.064 10 14.064 4 8.064z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer}.sketchy-badge{background:#fff9c4;background:var(--postit);border:2px solid #2d2d2d;border:2px solid var(--border);border-radius:185px 8px 185px 8px/8px 185px 8px 185px;border-radius:var(--wobbly-sm);display:inline-block;font-family:Patrick Hand,cursive;font-family:var(--font-body);font-size:14px;font-weight:700;padding:4px 14px}.loading-wrapper,.sketchy-badge{color:#2d2d2d;color:var(--pencil)}.loading-wrapper{align-items:center;display:flex;flex-direction:column;font-family:Kalam,cursive;font-family:var(--font-heading);font-size:20px;gap:18px;height:60vh;justify-content:center}.loader-ring{animation:sketchySpin 1.2s linear infinite;border:4px dashed #2d2d2d;border-top-color:#ff4d4d;border:4px dashed var(--pencil);border-radius:50%;border-top-color:var(--accent);height:50px;width:50px}@keyframes sketchySpin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wobble{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loader{animation:l5 1s linear infinite alternate;aspect-ratio:1;border-radius:50%;display:inline-block;margin:0 auto;width:15px}@keyframes l5{0%{background:#000;box-shadow:20px 0 #000,-20px 0 #0002}33%{background:#0002;box-shadow:20px 0 #000,-20px 0 #0002}66%{background:#0002;box-shadow:20px 0 #0002,-20px 0 #000}to{background:#000;box-shadow:20px 0 #0002,-20px 0 #000}}.loader.light{animation:l5-light 1s linear infinite alternate}@keyframes l5-light{0%{background:#fff;box-shadow:20px 0 #fff,-20px 0 #fff3}33%{background:#fff3;box-shadow:20px 0 #fff,-20px 0 #fff3}66%{background:#fff3;box-shadow:20px 0 #fff3,-20px 0 #fff}to{background:#fff;box-shadow:20px 0 #fff3,-20px 0 #fff}}.nav{align-items:center;background:var(--paper-white);border-bottom:3px solid var(--border);display:flex;justify-content:space-between;padding:16px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo{color:var(--pencil);cursor:pointer;font-family:var(--font-heading);font-size:32px;font-weight:700;transition:transform .1s ease}.logo:hover{color:var(--accent);transform:rotate(-2deg)}.nav-btn{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-sm);box-shadow:var(--shadow-hover);color:var(--pencil);cursor:pointer;font-family:var(--font-body);font-size:17px;padding:8px 18px;transition:all .1s ease}.nav-btn:hover{background:var(--accent);box-shadow:var(--shadow-none);color:var(--paper-white);transform:translate(1px,1px)}.filled{background:var(--pencil);border-color:var(--pencil)}.filled,.filled:hover{color:var(--paper-white)!important}.filled:hover{background:var(--accent)!important;border-color:var(--accent)}.user-icon{color:var(--pencil);cursor:pointer;font-size:36px;transition:transform .1s ease}.user-icon:hover{color:var(--accent);transform:rotate(8deg)}.nav-menu{animation:fadeIn .15s ease;background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow);overflow:hidden;position:absolute;right:0;top:48px;width:190px;z-index:200}.nav-menu p{align-items:center;border-bottom:2px dashed var(--muted);color:var(--pencil);cursor:pointer;display:flex;font-family:var(--font-body);font-size:16px;gap:8px;padding:14px 18px;transition:all .1s ease}.nav-menu p:last-child{border-bottom:none}.nav-menu p:hover{background:var(--postit);transform:translateX(3px)}.logout{color:var(--accent)!important}.logout:hover{background:var(--accent)!important;color:var(--paper-white)!important}.hero{padding:100px 30px 60px;text-align:center}.hero h2{font-family:var(--font-heading);font-size:52px;font-weight:700}.hero h2,.hero p{color:var(--pencil)}.hero p{font-size:22px;margin-top:12px;opacity:.7}.hero-buttons{margin-top:35px}.btn{background:var(--paper-white);border:3px solid var(--border);border-radius:var(--wobbly);box-shadow:var(--shadow);color:var(--pencil);cursor:pointer;font-family:var(--font-body);font-size:19px;margin:10px;padding:14px 28px;transition:all .1s ease}.btn:hover{background:var(--accent);box-shadow:var(--shadow-hover);color:var(--paper-white);transform:translate(2px,2px)}.btn:active{box-shadow:var(--shadow-none);transform:translate(4px,4px)}.primary{background:var(--pencil);color:var(--paper-white)}.primary:hover{background:var(--accent)}.features{background:#0000;padding:80px 40px;text-align:center}.features h3{color:var(--pencil);font-family:var(--font-heading);font-size:36px;margin-bottom:50px}.grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:auto;max-width:var(--max-width)}.card{background:var(--paper-white);border:2px solid var(--border);border-radius:var(--wobbly-md);box-shadow:var(--shadow-sm);padding:28px;transition:all .1s ease}.card:hover{box-shadow:var(--shadow);transform:rotate(-1deg) translateY(-4px)}.card h4{font-family:var(--font-heading);font-size:22px;margin-bottom:8px}.card h4,.card p{color:var(--pencil)}.card p{font-size:16px;opacity:.7}.footer{background:var(--paper-white);border-top:3px solid var(--border);font-family:var(--font-body);padding:30px 0;text-align:center}.footer,.footer a{color:var(--pencil)}.footer a{margin:0 15px;position:relative;text-decoration:none}.footer a:after{background:var(--accent);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .2s ease;width:100%}.footer a:hover:after{transform:scaleX(1)}.footer a:hover{color:var(--accent)}
/*# sourceMappingURL=main.8a88182a.css.map*/