.app-shell{--paper-bg: #ffffff;--app-bg: #f8fafc;--ink: #0f172a;--ink-muted: #475569;--primary-navy: #123f6d;--primary-navy-dark: #0b3158;--secondary-teal: #63b8b3;--secondary-teal-dark: #13847d;--secondary-teal-soft: #e2f5f3;--accent-amber: #f59e0b;--line-soft: #d8e2ee;min-height:100vh;background:var(--app-bg);color:var(--ink);display:flex;flex-direction:column;font-family:Noto Sans Thai,Sarabun,IBM Plex Sans Thai,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.01em}.prachamwan-page{min-height:100vh;background-position:center;background-size:cover;color:#4a4a4a;overflow-x:hidden}.prachamwan-header{min-height:107px;display:grid;grid-template-columns:clamp(205px,21.4vw,410px) minmax(315px,1fr) clamp(345px,36vw,690px);align-items:center;gap:0;padding:0 clamp(8px,1.35vw,26px);border-bottom:1px solid rgba(74,74,74,.22);background-position:center;background-size:cover;box-sizing:border-box}.prachamwan-header-identity{display:grid;grid-template-columns:clamp(82px,8.6vw,165px) auto;align-items:center;gap:clamp(12px,1.55vw,30px);min-width:0}.prachamwan-header-identity p{margin:0;color:#101010;font-size:clamp(13px,1.28vw,25px);font-weight:700;line-height:1.12;transform:translateY(50%)}.prachamwan-logo{width:clamp(82px,8.6vw,165px);height:clamp(70px,7.25vw,139px);object-fit:contain;display:block;mix-blend-mode:multiply}.prachamwan-brand-lockup{display:flex;align-items:flex-end;justify-content:flex-end;min-width:0;transform:translate(-10%,-2px)}.prachamwan-wordmark{width:clamp(318px,33.1vw,636px);height:auto;display:block}.prachamwan-login-bar{display:grid;grid-template-columns:minmax(150px,1.35fr) minmax(110px,.9fr) auto;grid-template-rows:auto auto;align-items:end;column-gap:clamp(5px,.6vw,12px);row-gap:2px;transform:translate(-6px,9px)}.prachamwan-remember{display:flex;align-items:center;gap:4px;grid-column:1;grid-row:1;align-self:end;justify-self:start;color:#111;font-size:clamp(8px,.82vw,16px);font-weight:600;white-space:nowrap}.prachamwan-remember input{width:clamp(10px,1.05vw,20px);height:clamp(10px,1.05vw,20px);margin:0;accent-color:var(--secondary-teal)}.prachamwan-login-field{display:grid;gap:2px;min-width:0}.prachamwan-login-field.username{grid-column:1;grid-row:2}.prachamwan-login-field.username>span{display:none}.prachamwan-login-field:not(.username){grid-column:2;grid-row:1 / 3}.prachamwan-login-field>span{justify-self:center;color:#1f1f1f;font-size:clamp(8px,.82vw,16px);font-weight:600}.prachamwan-login-field input,.prachamwan-login-username{width:100%;height:clamp(19px,1.98vw,38px);border:1.5px solid #8d8d8d;border-radius:999px;background:#ffffffe0;box-sizing:border-box}.prachamwan-login-field input{padding:0 clamp(7px,.72vw,14px);color:#3f3f3f;font-size:clamp(9px,.93vw,18px)}.prachamwan-login-username{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:0 clamp(7px,.68vw,13px)}.prachamwan-login-username input{height:100%;min-width:0;border:0;border-radius:0;background:transparent;padding:0}.prachamwan-login-username strong{color:#141414;font-size:clamp(9px,.88vw,17px);font-weight:800;white-space:nowrap}.prachamwan-login-submit{grid-column:3;grid-row:2;height:clamp(22px,2.1vw,40px);min-width:clamp(58px,5.7vw,110px);padding:0 clamp(8px,.95vw,18px);border-radius:999px;background:var(--primary-navy);color:#fff;font-size:clamp(9px,.88vw,17px);font-weight:700;cursor:pointer}.prachamwan-main{display:grid;grid-template-columns:minmax(520px,1.18fr) minmax(520px,.94fr);gap:64px;align-items:start;padding:64px 42px 44px;box-sizing:border-box}.prachamwan-showcase-frame{position:relative;aspect-ratio:1.35 / 1;overflow:hidden;border:1px solid rgba(255,255,255,.45);box-shadow:0 0 0 1px #0000002e,0 16px 38px #00000029;background:#101010}.prachamwan-showcase-frame:after{content:"";position:absolute;inset:0;background:#0000008a;pointer-events:none}.prachamwan-showcase-image,.prachamwan-showcase-video{width:100%;height:100%;display:block;object-fit:cover}.prachamwan-showcase-video{position:relative;z-index:1;background:#000}.prachamwan-play{position:absolute;inset:0;z-index:1;display:grid;place-items:center;cursor:pointer}.prachamwan-play span{width:0;height:0;border-top:102px solid transparent;border-bottom:102px solid transparent;border-left:178px solid #ffffff;filter:drop-shadow(0 6px 10px rgba(0,0,0,.2));transform:translate(18px)}.prachamwan-panel{padding-top:2px}.prachamwan-panel h1{margin:0 0 24px;color:#4d4d4d;font-size:clamp(30px,2.1vw,43px);font-weight:800;line-height:1.18;letter-spacing:0;white-space:nowrap}.prachamwan-form{display:grid;gap:18px}.prachamwan-grid{display:grid;gap:15px}.prachamwan-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.prachamwan-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.prachamwan-field{display:grid;gap:5px;color:#4f4f4f}.prachamwan-field span{font-size:21px;line-height:1.15;font-weight:500}.prachamwan-field input,.prachamwan-field select{width:100%;height:43px;border-radius:999px;border:1.4px solid #8f8f8f;background:#ffffffb8;padding:0 18px;color:#4d4d4d;font-size:18px;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.prachamwan-field input:focus,.prachamwan-field select:focus,.prachamwan-login-field input:focus,.prachamwan-login-username:focus-within{outline:none;border-color:var(--secondary-teal);box-shadow:0 0 0 3px #0f766e29}.prachamwan-field input::placeholder,.prachamwan-login-field input::placeholder{color:#777}.prachamwan-field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.prachamwan-dob-select{background-image:linear-gradient(#ffffffb8,#ffffffb8),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath fill='%234a4a4a' d='M1.4 0h11.2c1.1 0 1.7 1.3.9 2.1L7.9 7.7a1.3 1.3 0 0 1-1.8 0L.5 2.1C-.3 1.3.3 0 1.4 0z'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:left top,right 20px center;background-size:100% 100%,14px 9px;padding-right:52px}.prachamwan-username{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.prachamwan-username span{color:#4b4b4b;font-size:25px;font-weight:800;white-space:nowrap}.prachamwan-button{height:55px;border-radius:999px;border:0;color:#fff;font-size:22px;font-weight:700;cursor:pointer;transition:transform .15s ease,filter .15s ease}.prachamwan-button.signup{margin-top:6px;background:var(--secondary-teal)}.prachamwan-button:hover:not(:disabled),.prachamwan-login-submit:hover:not(:disabled){transform:translateY(-1px);filter:saturate(1.08)}.prachamwan-button:disabled,.prachamwan-login-submit:disabled{opacity:.72;cursor:not-allowed}.prachamwan-message{margin:12px 0 0;font-size:15px;line-height:1.5}.prachamwan-message.error{color:#9c2b22}@media(max-width:760px){.prachamwan-header{grid-template-columns:1fr;justify-items:center;gap:14px}.prachamwan-login-bar{width:min(100%,760px);grid-template-columns:1fr 1fr auto}.prachamwan-remember{grid-column:1 / -1;justify-content:center}.prachamwan-main{grid-template-columns:1fr;gap:34px;padding:34px 24px 40px}.prachamwan-showcase-frame{max-width:980px;margin:0 auto}}.auth-page{min-height:100vh;display:grid;place-items:center;background:#f8fafc;padding:40px 16px 56px}.auth-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 20px 50px #0f172a14;display:grid;gap:8px;width:min(520px,100%);padding:28px}.auth-card.elevated{box-shadow:0 18px 48px #0f172a24}.auth-card-header{display:grid;gap:6px}.auth-eyebrow{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-teal);font-weight:700}.auth-title{margin:0;font-size:24px;font-weight:800;color:#0f172a}.auth-subtitle{margin:0;color:#475569;font-size:14px}.auth-card-body{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px 18px 20px;display:grid;gap:14px}.form-fields{display:grid;gap:12px}.form-fields.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.auth-hint{margin:0;text-align:center;color:#64748b;font-size:13px;display:flex;gap:8px;justify-content:center;align-items:center}.link-button{border:none;background:none;color:var(--secondary-teal);font-weight:700;cursor:pointer;padding:0}.tab-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px 0;margin:0 0 -1px}.tab-row{display:flex;align-items:flex-end;gap:5px}.tab{display:inline-flex;align-items:center;gap:6px;min-height:18px;padding:6px 12px;background:#f8fafc;color:var(--ink-muted);border:1px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0;box-shadow:inset 0 1px #fffc;cursor:pointer;position:relative;transition:background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease;font-weight:700}.tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:transparent}.tab.active{background:var(--paper-bg);color:var(--ink);box-shadow:0 1px 0 var(--paper-bg);border-color:#e2e8f0;margin-bottom:-1px}.tab.active:after{background:var(--paper-bg)}.tab-label{font-weight:600;letter-spacing:.01em;font-size:13px}.home-icon{width:14px;height:14px}.tab-add{display:grid;place-items:center;height:22px;width:22px;border-radius:8px;font-size:14px;line-height:1;font-weight:800;background:#e2e8f0;color:var(--ink);border:1px solid #cbd5e1;box-shadow:0 1px #fffc;cursor:pointer}.tab-add:hover{background:#cbd5e1;border-color:#94a3b8}.tab-settings{display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;color:var(--secondary-teal);box-shadow:inset 0 1px #ffffffeb,0 1px 2px #0f172a1a;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.tab-settings:hover,.tab-settings:focus-visible{border-color:#0f766e57;background:var(--secondary-teal-soft);color:var(--secondary-teal);transform:translateY(-1px)}.settings-icon{width:20px;height:20px}.content{flex:1;background:var(--paper-bg);border-radius:12px;margin:0 16px 18px;padding:28px 32px;box-shadow:0 18px 40px #0f172a1a;border:1px solid #e2e8f0}.content-header{max-width:800px;line-height:1.6;margin-bottom:24px}.content-eyebrow{margin:0 0 4px;font-weight:700;color:var(--secondary-teal);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.content-title{margin:0 0 6px;font-size:26px;font-weight:800;color:var(--ink);letter-spacing:.02em}.content-body{margin:0;color:var(--ink-muted)}.content-body.muted{color:#94a3b8}.field{display:grid;gap:6px;font-size:14px;color:#0f172a;letter-spacing:.01em}.field span{font-weight:700}.field input,.field select{border-radius:10px;border:1px solid #e2e8f0;padding:12px;font-size:14px;background:#fff;color:#0f172a;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:inset 0 1px #ffffffe6}.field input:focus,.field select:focus{outline:none;border-color:var(--secondary-teal);box-shadow:0 0 0 3px #0f766e2e;background:#f8fafc}.input-group{display:grid;grid-template-columns:1fr max-content;align-items:stretch;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff}.input-group input{border:none;padding:12px}.input-group input:focus{outline:none;box-shadow:none}.input-group:focus-within{border-color:var(--secondary-teal);box-shadow:0 0 0 3px #0f766e2e}.input-suffix{display:inline-flex;align-items:center;padding:0 12px;background:transparent;color:#0f172a;font-weight:600;letter-spacing:.01em;white-space:nowrap}.input-group:focus-within .input-suffix{background:transparent}.input-affix{position:relative;display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:inset 0 1px #ffffffe6;padding-right:12px}.input-affix input{border:none;padding:12px;flex:1;background:transparent}.input-affix input:focus{outline:none;box-shadow:none}.input-affix:focus-within{border-color:var(--secondary-teal);box-shadow:0 0 0 3px #0f766e2e}.input-affix__suffix{position:absolute;right:12px;color:#0f172a;font-weight:600;letter-spacing:.01em;pointer-events:none}.username-inline{display:flex;align-items:center;gap:10px}.username-input{flex:1;color:var(--secondary-teal);font-weight:600;text-align:center}.username-suffix{font-weight:800;color:#0f172a;white-space:nowrap}.primary-button{height:44px;width:100%;border-radius:12px;border:1px solid var(--secondary-teal);background:linear-gradient(180deg,#0f766e,#115e59);color:#fff;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:0 10px 22px #0f766e38;letter-spacing:.01em}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0f766e40;background:linear-gradient(180deg,#13958b,#0f766e)}.primary-button:active{transform:translateY(0);box-shadow:0 8px 16px #0f766e2e}.primary-button.full{width:100%}.secondary-button{height:44px;width:100%;border-radius:12px;border:1px solid rgba(15,118,110,.44);background:#fff;color:#0f172a;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease;box-shadow:0 10px 22px #0f766e14;letter-spacing:.01em}.secondary-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f766e1f;color:var(--secondary-teal);background:var(--secondary-teal-soft)}.secondary-button:active{transform:translateY(0);box-shadow:0 8px 16px #0f766e1a}.button-stack{display:grid;gap:10px}.signup-shell{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;width:min(1140px,100%);align-items:stretch}.signup-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;width:min(1080px,100%);align-items:stretch}.signup-hero{position:relative;overflow:hidden;min-height:520px;border-radius:20px;background:linear-gradient(135deg,#123b68,#0f766e 58%,#0b2f57);box-shadow:inset 0 1px #ffffff59,0 24px 48px #123b6847;border:1px solid rgba(15,118,110,.44);display:flex;flex-direction:column;justify-content:space-between;padding:28px 28px 26px}.hero-surface{position:absolute;inset:32px;background:linear-gradient(180deg,#ffffff24,#ffffff0a);border-radius:12px;box-shadow:inset 0 1px #fff6;opacity:.35}.hero-content{position:relative;color:#fff;display:flex;align-items:center;justify-content:center;height:100%}.hero-stack{position:relative;width:100%;max-width:520px;min-height:360px}.hero-base{position:absolute;inset:40px 18px;border-radius:20px;background:#fff3;box-shadow:inset 0 1px #ffffff52,0 28px 60px #0f172a3d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.3)}.hero-slide-card{position:relative;background:linear-gradient(180deg,#1d9ce5,#0b7bc2);border-radius:20px;padding:18px 18px 22px;box-shadow:0 16px 36px #0f172a40,inset 0 1px #fff6;border:1px solid rgba(255,255,255,.28);display:grid;gap:12px}.auth-title.light,.auth-subtitle.light,.auth-eyebrow.light{color:#fff}.hero-image{width:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px #fff9,0 16px 32px #0f172a33;background:#ffffff1f}.hero-image img{width:100%;height:200px;object-fit:cover;display:block}.hero-copy{display:grid;gap:6px}.hero-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:6px}.hero-arrow{height:32px;width:32px;border-radius:10px;border:1px solid rgba(255,255,255,.6);background:#ffffff24;color:#fff;font-weight:800;cursor:pointer;box-shadow:inset 0 1px #ffffff80,0 6px 16px #0003;transition:transform .12s ease,background .12s ease,border-color .12s ease}.hero-arrow:hover{transform:translateY(-1px);background:#fff3;border-color:#ffffffe6}.signup-dots{display:inline-flex;gap:8px;align-items:center;justify-content:center;width:100%}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff8c;border:none;cursor:pointer;transition:transform .14s ease,background .14s ease}.dot.active{transform:scale(1.1);background:#fff}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px;z-index:10}.modal-card{width:min(480px,100%);background:#fff;border-radius:16px;padding:22px;border:1px solid #e2e8f0;box-shadow:0 24px 60px #0000002e;display:grid;gap:12px}.dob-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-shell{min-height:100vh;width:100%;max-width:100vw;background:var(--app-bg);color:#0f172a;padding:0 0 28px;display:grid;grid-template-columns:minmax(200px,16vw) minmax(0,1fr) minmax(200px,18vw);grid-template-rows:auto 1fr;align-items:start;gap:0 clamp(8px,1vw,16px);box-sizing:border-box;overflow-x:clip}.home-sidebar{grid-row:1 / span 2;align-self:stretch;width:100%;min-width:0;max-width:none;min-height:100vh;background:#fff;border-right:1px solid var(--line-soft);overflow-y:auto;color:#111827;box-sizing:border-box}.home-loading{grid-column:1 / -1;min-height:60vh;display:grid;place-items:center}.home-loading__text{color:#cbd5e1;font-weight:600}.sidebar-calendar{padding:clamp(12px,1.5vw,20px) clamp(8px,1vw,14px) 18px;background:#fff}.sidebar-calendar__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.sidebar-calendar__header h2{margin:0;color:#374151;font-size:clamp(11px,1vw,14px);font-weight:800}.sidebar-calendar__nav{display:inline-flex;align-items:center;gap:14px;color:#111827;line-height:1}.sidebar-calendar__nav button{display:inline-grid;place-items:center;width:28px;height:28px;border:0;border-radius:999px;background:transparent;color:#111827;font-size:28px;font-weight:400;line-height:1;cursor:pointer}.sidebar-calendar__nav button:hover,.sidebar-calendar__nav button:focus-visible{background:#f1f5f9;outline:none}.sidebar-calendar__weekdays,.sidebar-calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.sidebar-calendar__weekdays{margin-bottom:16px;color:#4b5563;font-size:clamp(10px,.9vw,13px);font-weight:800}.sidebar-calendar__grid{row-gap:16px;color:#374151;font-size:clamp(11px,1vw,14px);font-weight:700}.sidebar-calendar__day{justify-self:center;display:inline-grid;place-items:center;width:clamp(28px,2.5vw,36px);height:clamp(28px,2.5vw,36px);border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer}.sidebar-calendar__day:hover,.sidebar-calendar__day:focus-visible{background:#f1f5f9;outline:none}.sidebar-calendar__day.is-muted{color:#b7bec8;font-weight:600}.sidebar-calendar__day.is-selected{background:var(--secondary-teal);color:#fff;box-shadow:0 8px 18px #0f766e42}.sidebar-divider,.sidebar-task-card__handle{display:grid;place-items:center;color:#111827;font-size:15px;font-weight:800;letter-spacing:.2em;line-height:1}.sidebar-divider{height:18px;border-top:1px solid #e5e7eb}.sidebar-task-card{position:relative;height:auto;min-height:140px;padding:clamp(18px,2vw,28px) clamp(14px,1.5vw,24px) 18px;background:#fff;border-top:1px solid #d1d5db;box-sizing:border-box;overflow:hidden}.sidebar-task-card__handle{position:absolute;top:6px;left:50%;height:12px;transform:translate(-50%);pointer-events:none}.sidebar-task-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;margin:0 0 14px}.sidebar-task-card h3{margin:0;color:#111827;font-size:clamp(11px,1vw,14px);font-weight:800;line-height:1.35}.sidebar-task-card__add{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid rgba(15,118,110,.34);border-radius:999px;background:#fff;color:var(--secondary-teal);font-size:18px;font-weight:800;line-height:1;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.sidebar-task-card__add:hover,.sidebar-task-card__add:focus-visible{background:var(--secondary-teal-soft);border-color:var(--secondary-teal);transform:translateY(-1px);outline:none}.sidebar-task-list{display:grid;gap:8px;margin:0;padding:0 2px 0 0;list-style:none;color:#374151;font-size:clamp(10px,.9vw,12px);font-weight:600;max-height:none;overflow-y:auto;overscroll-behavior:contain}.sidebar-task-list::-webkit-scrollbar{width:6px}.sidebar-task-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.sidebar-task-list li{display:grid;grid-template-columns:18px minmax(0,1fr) 24px;align-items:center;gap:8px;min-height:26px}.sidebar-task-list__circle{width:12px;height:12px;border:1px solid #d1d5db;border-radius:999px;background:#fff;flex:0 0 auto}.sidebar-task-list__spacer{width:12px;height:12px}.sidebar-task-list input{width:100%;min-width:0;height:26px;border:1px solid transparent;border-radius:6px;background:transparent;color:#374151;padding:0 6px;font:inherit;box-sizing:border-box;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.sidebar-task-list input:hover{background:#f8fafc;border-color:#e5e7eb}.sidebar-task-list input:focus{outline:none;background:#fff;border-color:#0f766e6b;box-shadow:0 0 0 3px #0f766e1f}.sidebar-task-list input::placeholder{color:#a1a8b3}.sidebar-task-list__delete{display:inline-grid;place-items:center;width:24px;height:24px;border:0;border-radius:999px;background:transparent;color:#9ca3af;font-size:18px;font-weight:700;line-height:1;cursor:pointer;opacity:0;transition:opacity .14s ease,background .14s ease,color .14s ease}.sidebar-task-list li:hover .sidebar-task-list__delete,.sidebar-task-list__delete:focus-visible{opacity:1}.sidebar-task-list__delete:hover,.sidebar-task-list__delete:focus-visible{background:#fffbeb;color:#b45309;outline:none}.home-toolbar{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:40px;background:var(--primary-navy);border:none;border-radius:0;padding:0 8px 0 10px;box-shadow:none}.home-chatbot{grid-column:3;grid-row:1 / span 2;align-self:stretch;width:100%;min-width:0;min-height:100vh;background:#fff;border-left:1px solid var(--line-soft);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;padding:clamp(8px,1vw,14px) clamp(6px,.8vw,10px) 12px;box-sizing:border-box}.chatbot-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(4px,.6vw,10px)}.chatbot-icon-button,.chatbot-mood-button{display:inline-grid;place-items:center;border:1px solid #edf2f7;background:#fff;color:#111827;box-shadow:0 2px 7px #0f172a0f;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.chatbot-icon-button{height:clamp(30px,3vw,40px);border-radius:8px}.chatbot-icon-button svg{width:clamp(18px,1.8vw,24px);height:clamp(18px,1.8vw,24px);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.chatbot-icon-button:hover,.chatbot-icon-button:focus-visible,.chatbot-mood-button:hover,.chatbot-mood-button:focus-visible{background:#f8fafc;border-color:#0f766e47;transform:translateY(-1px);outline:none}.chatbot-character-card{border:1px solid rgba(15,118,110,.26);border-radius:12px;overflow:hidden;background:#bff1e1;box-shadow:0 4px 16px #0f766e1f}.chatbot-scene{position:relative;height:clamp(100px,11vw,150px);background:linear-gradient(180deg,#b9f0e3,#d9f8c6 72%,#b8e976);overflow:hidden}.chatbot-cloud,.chatbot-cloud:before,.chatbot-cloud:after{position:absolute;display:block;background:#fffbebeb;border-radius:999px;content:""}.chatbot-cloud{width:38px;height:15px;top:24px}.chatbot-cloud:before{width:22px;height:22px;left:7px;bottom:2px}.chatbot-cloud:after{width:18px;height:18px;left:24px;bottom:1px}.chatbot-cloud--left{left:26px}.chatbot-cloud--right{right:22px;transform:scale(.9)}.chatbot-tree{position:absolute;bottom:12px;width:66px;height:64px;border-radius:50% 50% 18px 18px;background:radial-gradient(circle at 30% 35%,#c4e86d 0 20px,transparent 21px),radial-gradient(circle at 60% 22%,#a9d84b 0 24px,transparent 25px),radial-gradient(circle at 72% 55%,#79bd42 0 22px,transparent 23px);opacity:.95}.chatbot-tree--left{left:-16px}.chatbot-tree--right{right:-16px;transform:scaleX(-1)}.chatbot-character{--chatbot-character-scale: 1;position:absolute;left:50%;bottom:12px;width:clamp(56px,6vw,82px);height:clamp(72px,7.5vw,104px);transform:translate(-50%) scale(var(--chatbot-character-scale));transform-origin:bottom center}.chatbot-character__ear{position:absolute;top:0;width:24px;height:60px;border-radius:999px;background:#172247}.chatbot-character__ear--left{left:13px;transform:rotate(-7deg)}.chatbot-character__ear--right{right:13px;transform:rotate(7deg)}.chatbot-character__face{position:absolute;left:50%;bottom:0;width:78px;height:74px;transform:translate(-50%);border-radius:28px 28px 32px 32px;background:#172247;box-shadow:inset 0 -5px #0000001a}.chatbot-character__face:before{position:absolute;inset:18px 12px 11px;border-radius:20px;background:#f8dc83;content:""}.chatbot-character__eye,.chatbot-character__mouth{position:absolute;z-index:1;background:#1f2937}.chatbot-character__eye{top:39px;width:7px;height:7px;border-radius:999px}.chatbot-character__eye--left{left:27px}.chatbot-character__eye--right{right:27px}.chatbot-character__mouth{left:50%;top:51px;width:18px;height:4px;border-radius:999px;transform:translate(-50%)}.chatbot-mood-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(4px,.6vw,10px)}.chatbot-mood-button{height:clamp(28px,2.6vw,36px);border-radius:999px;color:#b45309;font-size:clamp(14px,1.5vw,20px)}.chatbot-messages{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:2px 0}.chatbot-message{width:fit-content;max-width:82%;border-radius:9px;padding:clamp(4px,.5vw,7px) clamp(6px,.7vw,10px);font-size:clamp(11px,1vw,14px);line-height:1.35;box-shadow:0 3px 12px #0f172a1a;word-break:break-word}.chatbot-message.is-bot{align-self:flex-end;background:var(--primary-navy);color:#fff}.chatbot-message.is-user{align-self:flex-start;background:#fff;color:#111827;border:1px solid #e5e7eb}.chatbot-input-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;height:clamp(28px,2.5vw,34px);border:1px solid #e5e7eb;border-radius:999px;background:#fff;box-shadow:0 2px 12px #0f172a1f;overflow:hidden}.chatbot-input-row input{min-width:0;height:100%;border:0;background:transparent;padding:0 10px;color:#111827;font-size:clamp(11px,.95vw,13px)}.chatbot-input-row input:focus{outline:none}.chatbot-input-row input::placeholder{color:#9ca3af}.chatbot-input-row button{display:inline-grid;place-items:center;height:100%;border:0;background:transparent;color:#5fb8b3;cursor:pointer}.chatbot-input-row button:hover,.chatbot-input-row button:focus-visible{color:var(--secondary-teal);outline:none}.chatbot-input-row button svg{width:26px;height:26px;fill:currentColor;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}.home-tabs{display:flex;align-items:flex-end;gap:0;align-self:stretch;min-width:0;overflow-x:auto;overflow-y:hidden;background:transparent;padding:6px 0 0;border:0;border-radius:0;box-shadow:none;scrollbar-width:thin}.home-tab{display:inline-flex;align-items:center;flex:0 0 auto;gap:clamp(4px,.6vw,9px);height:clamp(28px,2.5vw,34px);padding:0 clamp(8px,1vw,16px) 0 clamp(7px,.9vw,14px);background:#fff;border:1px solid #d5dde8;border-bottom:none;border-radius:10px 10px 0 0;color:var(--primary-navy);font-size:clamp(11px,1vw,14px);font-weight:800;letter-spacing:.01em;box-shadow:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease,color .15s ease;position:relative;overflow:hidden}.home-tab:hover{background:#fff;border-color:#d5dde8;color:var(--primary-navy)}.home-tab:not(.active){background:#eef2f7;border-color:#d5dde8;color:#64748b}.home-tab.active{background:#fff;border-color:#d5dde8;border-bottom-color:#fff;color:var(--primary-navy);border-radius:10px 10px 0 0;box-shadow:none}.home-tab.active:after{content:none}.home-tab.add{width:42px;height:34px;padding:0;justify-content:center;font-size:28px;font-weight:800;color:#fff;margin-left:8px;border:0;border-radius:0;background:transparent;box-shadow:none;line-height:1}.home-tab.add:hover,.home-tab.add:focus-visible{background:#ffffff1f;border-color:transparent;color:#fff;outline:none}.home-tab__icon{width:clamp(16px,1.5vw,22px);height:clamp(16px,1.5vw,22px)}.home-tab__label{white-space:nowrap}.home-tab+.home-tab{margin-left:0}.home-tab.active{z-index:2}.home-actions{display:flex;align-items:center;flex:0 0 auto;gap:4px;position:relative;isolation:isolate;z-index:10}.home-action{height:30px;width:30px;border-radius:0;position:relative;background:transparent;border:0;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease,color .15s ease;overflow:visible}.home-action:hover,.home-action:focus-visible{background:#ffffff1f;border-color:transparent;color:#fff;transform:translateY(-1px)}.home-action.danger{color:#ef4444;border-color:transparent;background:transparent}.home-action.danger:hover,.home-action.danger:focus-visible{background:#ef44441f;border-color:transparent;color:#ef4444}.home-action:after,.home-action:before{pointer-events:none;opacity:0;transition:opacity .14s ease,transform .14s ease}.home-action:after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 16px);transform:translate(-50%,4px);background:#fff;color:#0f172a;border:1px solid #cbd5e1;border-radius:12px;padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap;box-shadow:0 10px 24px #0f172a2e;z-index:9999}.home-action:before{content:"";position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%,-2px) rotate(45deg);width:10px;height:10px;background:#fff;border-left:1px solid #cbd5e1;border-top:1px solid #cbd5e1;box-shadow:-2px -2px 10px #0f172a1a;z-index:9998}.home-action:hover:after,.home-action:focus-visible:after{opacity:1;transform:translate(-50%)}.home-action:hover:before,.home-action:focus-visible:before{opacity:1;transform:translate(-50%) rotate(45deg)}.home-canvas{grid-column:2;min-width:0;width:100%;max-width:100%;box-sizing:border-box;flex:1;background:#fff;border:1px solid var(--line-soft);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 16px 36px #123b681c;min-height:calc(100vh - 120px);padding:clamp(8px,1vw,14px) clamp(10px,1.2vw,18px) 22px}.home-feed{display:grid;min-width:0;max-width:100%;box-sizing:border-box;gap:0;height:auto;border:1px solid var(--line-soft);border-radius:12px;background:#fff;overflow:visible}.home-feed__surface{flex:1;min-width:0;min-height:0;max-width:100%;box-sizing:border-box;height:auto;background:#fff;box-shadow:none;border:none}.home-feed__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;gap:0;margin:0;padding:0;background:#fff;border:1px solid var(--primary-navy);border-bottom:none;border-radius:12px 12px 0 0}.home-feed-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:clamp(6px,.7vw,10px) clamp(6px,.7vw,10px);background:var(--primary-navy);color:#fff;font-weight:700;font-size:clamp(11px,1vw,14px);letter-spacing:.01em;border-right:1px solid rgba(255,255,255,.28);border-bottom:1px solid var(--primary-navy);cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s ease,box-shadow .15s ease,border-color .15s ease;position:relative}.home-feed-tab:last-of-type{border-right:none}.home-feed-tab:first-of-type{border-radius:10px 0 0}.home-feed-tab:last-of-type{border-radius:0 10px 0 0}.home-feed-tab:hover{background:var(--primary-navy-dark);color:#fff;transform:translateY(-1px)}.home-feed-tab:not(.active){background:var(--primary-navy);color:#fff}.home-feed-tab.active{background:#fff;color:var(--primary-navy);transform:translateY(-1px);box-shadow:inset 0 -4px #fff;border-color:var(--primary-navy);border-bottom:0}.home-feed-tab__icon{display:inline-flex;flex:0 0 auto}.home-feed-tab__label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-feed__panel{background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:inset 0 1px #ffffffe6,0 12px 28px #0f172a14;padding:16px 18px 18px;display:grid;gap:10px;height:auto}.home-feed__panel-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--secondary-teal);font-size:12px}.home-feed__panel-header{display:grid;gap:4px}.home-feed__panel-title{margin:0;font-size:18px;font-weight:800;color:#0f172a}.home-feed__panel-subtitle{margin:0;color:#475569;font-weight:500}.home-feed__list{margin:0;padding:0 0 0 18px;color:#334155;display:grid;gap:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-card{padding:8px clamp(12px,1.25vw,24px) 24px;display:grid;gap:12px;min-width:0;max-width:100%;box-sizing:border-box;height:auto}.profile-header{display:grid;grid-template-columns:220px minmax(0,820px);gap:32px;align-items:start}.avatar-stack{display:grid;gap:12px;justify-items:center}.profile-avatar{width:180px;height:180px;border-radius:0;object-fit:cover;border:4px solid var(--primary-navy);box-shadow:0 12px 28px #123b6829}.profile-avatar.placeholder{border-radius:0;border:4px solid var(--primary-navy);background:#fff}.avatar-upload input{display:none}.avatar-upload{display:inline-flex;cursor:pointer}.avatar-upload:hover .profile-avatar,.avatar-upload:focus-within .profile-avatar{box-shadow:0 12px 28px #0f766e38;border-color:var(--secondary-teal)}.profile-uploading{font-size:12px;color:#475569;font-weight:600}.profile-summary{display:grid;gap:10px;align-content:start;transform:translateY(24px)}.profile-identity{display:grid;row-gap:6px;color:#0f172a;font-weight:700}.profile-identity p{margin:0}.profile-identity__name,.profile-identity__nickname{font-size:18px;line-height:1.5}.profile-identity__meta{font-size:16px;line-height:1.5}.profile-identity__nickname{margin-bottom:8px}.profile-identity__song{display:grid;gap:6px;margin-top:6px;font-size:15px;line-height:1.5}.profile-identity__song span{font-weight:700}.profile-identity__song strong{font-size:16px}.profile-identity__song-line{display:inline-flex;align-items:center;gap:8px;min-width:0}.song-preview-button{display:inline-grid;place-items:center;width:26px;height:26px;border:0;border-radius:999px;background:var(--secondary-teal);color:#fff;font-size:11px;font-weight:900;line-height:1;cursor:pointer;flex:0 0 auto}.song-preview-button span{transform:translate(1px)}.song-preview-button:hover,.song-preview-button:focus-visible{background:#115e59;outline:none}.profile-field-inline{display:grid;gap:8px}.profile-row{display:grid;gap:20px;align-items:start}.profile-row.three-cols,.profile-row.two-cols{grid-template-columns:minmax(200px,1fr) minmax(280px,2fr) minmax(160px,.1fr);column-gap:12px}.profile-row.one-col{grid-template-columns:170px}.profile-value-row{display:flex;align-items:center;gap:8px;width:100%}.profile-label-inline{font-size:14px;color:#0f172a;font-weight:600;white-space:nowrap;flex-shrink:0}.profile-label{font-size:14px;color:#0f172a;font-weight:600}.profile-value{font-size:16px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:visible;text-overflow:clip;min-width:0}.profile-value.with-icon{display:inline-flex;align-items:center;gap:8px}.profile-edit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--secondary-teal-soft);color:var(--secondary-teal);flex-shrink:0;border:none;cursor:pointer}.profile-icon{color:var(--secondary-teal)}.profile-input{border:none;border-bottom:2px solid #cbd5e1;padding:4px 0;font-size:16px;font-weight:600;color:#0f172a;background:transparent;width:100%;max-width:160px}.profile-input.text{width:100%;max-width:200px}.profile-input.date{width:100%;max-width:170px}.profile-value-row>.profile-value,.profile-value-row>.profile-input,.profile-value-row>.profile-select{min-width:0}.profile-select{border-radius:8px;border:1px solid #cbd5e1;padding:6px 10px;font-size:16px;font-weight:600;color:#0f172a;background:#fff}.profile-input:focus{outline:none;border-color:var(--secondary-teal)}.profile-textarea{width:100%;min-height:92px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;padding:10px 12px;font:inherit;font-size:15px;font-weight:600;line-height:1.45;resize:vertical;box-sizing:border-box}.profile-textarea:focus{outline:none;border-color:var(--secondary-teal);box-shadow:0 0 0 3px #0f766e24}.profile-details{display:grid;gap:6px}.profile-message{margin:0;font-weight:600;color:#0f172a}.profile-message.muted{color:#94a3b8}.profile-header{grid-template-columns:220px minmax(0,820px) minmax(280px,420px);justify-content:space-between}.profile-card{padding:clamp(16px,1.8vw,26px) clamp(14px,1.6vw,24px)}.profile-card .profile-header{grid-template-columns:minmax(120px,190px) minmax(180px,22%) minmax(250px,1fr);gap:clamp(12px,1.2vw,20px);align-items:start;justify-content:start;max-width:none;width:100%;min-width:0}.profile-card .avatar-stack{gap:10px}.profile-card .profile-avatar{width:100%;max-width:190px;height:auto;aspect-ratio:1 / 1;border-radius:8px;border:1px solid #d6dde7;box-shadow:0 8px 18px #123b6829}.profile-card .profile-avatar.placeholder{display:grid;place-items:center;width:100%;max-width:190px;height:auto;aspect-ratio:1 / 1;border-radius:8px;border:1.5px dashed #b8c7d8;background:linear-gradient(180deg,#f8fafcf0,#f1f5f9f0),radial-gradient(circle at 50% 38%,rgba(99,184,179,.16),transparent 34%);color:var(--primary-navy);cursor:pointer;position:relative;min-width:0}.profile-card .profile-avatar.placeholder:before{content:"+";position:absolute;left:50%;top:45%;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid rgba(15,118,110,.36);border-radius:999px;background:#fff;color:var(--secondary-teal-dark);font-size:32px;font-weight:700;line-height:0;padding-bottom:4px;box-shadow:0 6px 16px #0f172a1a;transform:translate(-50%,-50%)}.profile-card .profile-avatar.placeholder:after{content:"เพิ่มรูปโปรไฟล์";position:absolute;left:12px;right:12px;bottom:20px;color:#64748b;font-size:13px;font-weight:800;line-height:1.25;text-align:center}.profile-avatar-caption{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;color:#3f3f3f;font-size:clamp(14px,1.4vw,20px);font-weight:800;line-height:1.25;text-align:center;overflow-wrap:anywhere;word-break:break-word}.profile-gender-symbol{display:inline-grid;place-items:center;color:#2563eb;font-size:clamp(16px,1.7vw,24px);font-weight:900;line-height:1;text-shadow:0 1px 2px rgba(37,99,235,.22)}.profile-gender-symbol.is-female{color:#db2777;text-shadow:0 1px 2px rgba(219,39,119,.2)}.profile-gender-symbol.is-male{color:#2563eb}.profile-card .profile-summary{gap:8px;transform:none;padding-top:0;align-self:start;width:100%;min-width:0;max-width:100%;position:relative;z-index:3}.profile-card .profile-identity{row-gap:4px;width:100%;max-width:100%;min-width:0;overflow:visible}.profile-card .profile-identity__name{margin:0 0 4px;color:var(--primary-navy);font-size:clamp(18px,1.8vw,26px);font-weight:900;line-height:1.15;letter-spacing:0;width:max-content;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;position:relative;z-index:4}.profile-card .profile-identity__nickname{display:none}.profile-card .profile-identity__meta{display:flex;align-items:center;gap:8px;color:#4a4a4a;font-size:clamp(13px,1.2vw,16px);line-height:1.4;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card .profile-identity__meta:before,.profile-card .profile-identity__song:before{width:20px;color:#67b8b3;font-size:20px;line-height:1;text-align:center;flex:0 0 20px}.profile-card .profile-identity__meta:nth-of-type(3):before{content:"♜"}.profile-card .profile-identity__meta:nth-of-type(4):before{content:"▣"}.profile-card .profile-identity__meta:nth-of-type(5):before{content:"♥"}.profile-card .profile-identity__song{--song-tag-safe-gap: clamp(34px, 3.2vw, 58px);display:grid;grid-template-columns:20px minmax(0,1fr);align-items:flex-start;column-gap:8px;margin-top:0;color:#4a4a4a;font-size:clamp(13px,1.2vw,16px);line-height:1.4;font-weight:800;min-width:0;width:calc(100% - var(--song-tag-safe-gap));max-width:calc(100% - var(--song-tag-safe-gap));overflow:visible}.profile-card .profile-identity__song:before{content:"♪";grid-column:1;margin-top:1px}.profile-card .profile-identity__song>span{display:none}.profile-card .profile-identity__song strong{display:inline;color:#4a4a4a;font-size:clamp(13px,1.2vw,16px);font-weight:800;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.profile-card .profile-identity__song-title{display:inline;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.profile-card .profile-identity__song-line{grid-column:2;display:block;width:100%;min-width:0;max-width:100%;overflow:visible;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.profile-card .song-preview-button{width:clamp(16px,1.5vw,22px);height:clamp(16px,1.5vw,22px);font-size:clamp(7px,.65vw,9px);flex:0 0 clamp(16px,1.5vw,22px);min-width:clamp(16px,1.5vw,22px);max-width:clamp(16px,1.5vw,22px);margin-left:6px;display:inline-grid;vertical-align:middle}.profile-card .character-sheet-toggle{margin-top:4px;min-width:clamp(120px,12vw,172px);width:fit-content;max-width:100%;min-height:clamp(30px,2.8vw,38px);border:0;border-radius:7px;background:var(--secondary-teal);box-shadow:0 4px 10px #63b8b352;font-size:clamp(12px,1.1vw,16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card .profile-about-panel{display:grid;justify-self:stretch;width:100%;min-width:0;max-width:100%;min-height:0;margin-top:0;margin-left:0;padding:0;border:0;background:transparent;align-content:start;align-self:start;gap:clamp(5px,.6vw,8px)}.profile-about-panel h2{margin:0;color:var(--primary-navy);font-size:clamp(14px,1.3vw,18px);font-weight:900;line-height:1.2;text-align:center}.profile-about-panel__box{aspect-ratio:unset;width:100%;min-width:0;max-width:100%;height:auto;min-height:clamp(60px,5.5vw,80px);max-height:clamp(60px,5.5vw,80px);box-sizing:border-box;border:1px solid #d6dde7;border-radius:8px;background:#fff;padding:clamp(8px,1vw,14px) clamp(12px,1.5vw,20px);box-shadow:0 5px 15px #0f172a1f;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.profile-about-panel__box p{margin:0;width:100%;max-height:100%;color:#333;font-size:clamp(12px,1.05vw,15px);line-height:1.5;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.profile-about-panel__box p:not(.profile-about-panel__text){display:none}.profile-card .profile-about-panel .profile-tag-panel__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,.8vw,12px);width:100%}.profile-card .profile-about-panel .profile-tag-panel__tag{width:100%;min-height:clamp(32px,2.7vw,40px);border:1.5px solid var(--secondary-teal-dark);border-radius:999px;background:#fff;color:var(--secondary-teal-dark);min-width:0;padding:5px clamp(10px,1.2vw,18px);font-size:clamp(13px,1.2vw,18px);font-weight:900;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card .profile-about-panel .profile-tag-panel__tag-label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-about-panel__followers{margin:0;color:var(--primary-navy);font-size:clamp(11px,1vw,14px);font-weight:800;line-height:1.2;text-align:center}.character-sheet-toggle{justify-self:start;margin-top:-4px;border:1px solid rgba(15,118,110,.44);border-radius:999px;background:var(--secondary-teal);color:#fff;padding:8px 14px;font-size:14px;font-weight:700;cursor:pointer}.character-sheet-toggle:hover,.character-sheet-toggle[aria-expanded=true]{background:#115e59}.character-sheet{overflow:hidden;max-height:0;opacity:0;visibility:hidden;pointer-events:none;transition:max-height .24s ease,opacity .2s ease}.character-sheet.is-open{max-height:760px;opacity:1;visibility:visible;pointer-events:auto}.character-sheet__inner{background:#fff;padding:18px 20px 22px;display:grid;gap:18px;transform:translateY(-20px)}.character-sheet__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.character-sheet__toolbar h2{margin:0;color:#0f172a;font-size:16px;font-weight:800}.character-sheet__actions{display:flex;align-items:center;gap:8px}.character-sheet__button{border:1px solid rgba(18,59,104,.24);border-radius:999px;background:#fff;color:#0f172a;padding:7px 14px;font-size:14px;font-weight:800;cursor:pointer}.character-sheet__button.primary{background:var(--secondary-teal);border-color:var(--secondary-teal);color:#fff}.character-sheet__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 24px}.character-sheet__item{display:grid;gap:6px;min-width:0}.character-sheet__item--wide{grid-column:span 3}.character-sheet__item .profile-input,.character-sheet__item .profile-select{width:100%;max-width:none}.character-sheet__label{color:#0f172a;font-size:14px;font-weight:700;white-space:nowrap}.character-sheet__value{color:#0f172a;font-size:16px;font-weight:700;min-width:0;overflow-wrap:anywhere}.character-sheet__value.with-icon{display:inline-flex;align-items:center;gap:8px}.music-note-picker{display:grid;gap:10px;width:100%;max-width:720px}.music-note-picker__search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;border:1px solid rgba(15,118,110,.34);border-radius:999px;background:#fff;padding:0 12px 0 16px;color:#0f172a}.music-note-picker__search>span{font-size:18px;font-weight:800}.music-note-picker__search input{min-width:0;border:0;background:transparent;color:#0f172a;font-size:15px;font-weight:700}.music-note-picker__search input:focus{outline:none}.music-note-picker__clear{display:inline-grid;place-items:center;width:28px;height:28px;border:0;border-radius:999px;background:#e5e7eb;color:var(--primary-navy);font-size:20px;font-weight:800;line-height:1;cursor:pointer}.music-note-picker__selected{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;padding:7px 12px;color:#0f172a;font-size:13px}.music-note-picker__selected strong{min-width:0;overflow-wrap:anywhere}.music-note-picker__remove-selected{display:inline-grid;place-items:center;width:24px;height:24px;border:0;border-radius:999px;background:#e5e7eb;color:var(--primary-navy);font-size:18px;font-weight:800;line-height:1;cursor:pointer}.music-note-picker__status{margin:0;color:#64748b;font-size:13px;font-weight:700}.music-note-picker__status.error{color:#be123c}.music-note-picker__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:190px;overflow-y:auto;padding-right:4px}.music-note-picker__song{display:grid;gap:8px;border:1px solid #d6dde7;border-radius:8px;background:#fff;color:#0f172a;padding:8px;text-align:left;transition:border-color .15s ease,background .15s ease,transform .12s ease}.music-note-picker__song:hover{border-color:var(--secondary-teal);background:#f8fafc;transform:translateY(-1px)}.music-note-picker__song.is-selected{border-color:var(--secondary-teal);background:var(--secondary-teal-soft)}.music-note-picker__select{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:50px;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.music-note-picker__select:focus-visible{outline:2px solid var(--secondary-teal);outline-offset:3px;border-radius:6px}.music-note-picker__cover{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--primary-navy);color:#fff;font-size:20px;font-weight:800;object-fit:cover}.music-note-picker__meta{display:grid;gap:2px;min-width:0}.music-note-picker__meta strong,.music-note-picker__meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-note-picker__meta strong{font-size:14px;font-weight:800}.music-note-picker__meta span{color:#64748b;font-size:12px;font-weight:700}.music-note-picker__mood{border:1px solid #cbd5e1;border-radius:999px;padding:4px 8px;color:#475569;font-size:12px;font-weight:800;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.music-note-picker__preview{width:100%;height:32px;display:block}.music-note-picker__empty{grid-column:1 / -1;margin:0;border:1px dashed #cbd5e1;border-radius:8px;padding:14px;color:#64748b;font-size:14px;font-weight:700;text-align:center}.profile-tag-panel{justify-self:end;width:100%;max-width:420px;min-height:180px;border:1px solid rgba(18,59,104,.22);border-top:4px solid var(--secondary-teal);background:#fff;padding:14px 12px;display:flex;align-items:flex-start;justify-content:center;margin-top:12px}.profile-tag-panel__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;width:100%}.profile-tag-panel__tag{display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:32px;padding:6px 8px;border:1px solid rgba(245,158,11,.34);border-radius:999px;background:#fffbeb;color:#92400e;font-weight:700;text-align:center}.profile-tag-panel__tag--tail-start{grid-column-start:2}.profile-tag-panel__tag-label{line-height:1}.profile-tag-panel__empty{margin:auto;font-size:14px;font-weight:600;color:#64748b;text-align:center}.profile-section-tabs{grid-template-columns:repeat(5,minmax(0,1fr));min-width:0;max-width:100%;margin-top:0;transform:none;border:0;border-top:3px solid var(--primary-navy);border-radius:0;transition:margin-top .24s ease,transform .24s ease}.profile-section-tabs .home-feed-tab{min-width:0;min-height:clamp(28px,2.5vw,34px);padding:clamp(4px,.5vw,7px) clamp(6px,.7vw,10px);font-size:clamp(11px,1vw,14px);border:0;border-right:2px solid #ffffff;border-radius:0;background:var(--primary-navy);color:#fff;box-shadow:none;transform:none}.profile-section-tabs .home-feed-tab:first-of-type,.profile-section-tabs .home-feed-tab:last-of-type{border-radius:0}.profile-section-tabs .home-feed-tab:last-of-type{border-right:0}.profile-section-tabs .home-feed-tab.active{background:#fff;color:var(--primary-navy);box-shadow:inset 0 -4px #fff;transform:none}.profile-card.is-character-sheet-open .profile-section-tabs{margin-top:0;transform:none}.profile-section-feed{min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--line-soft);border-top:none;border-radius:0;background:#fff;min-height:260px;margin-top:0;padding:0 16px 28px;display:grid;gap:12px;transition:margin-top .24s ease}.profile-section-feed__header{display:flex;align-items:center;justify-content:space-between}.profile-section-feed__title{font-size:16px;font-weight:700;color:#0f172a}.profile-section-feed__body{min-width:0;max-width:100%;box-sizing:border-box;min-height:120px;border-radius:10px;background:#fff;border:1px dashed #e2e8f0;display:flex;align-items:stretch;justify-content:flex-start}.profile-section-feed__empty{margin:0;font-size:14px;font-weight:600;color:#94a3b8}.news-feed{min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,1vw,20px);display:grid;gap:0}.news-feed__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--primary-navy);border-radius:12px 12px 0 0;overflow:hidden}.news-feed__tab{border:none;border-right:1px solid rgba(255,255,255,.28);background:var(--primary-navy);color:#fff;font-size:18px;font-weight:700;padding:16px 12px;cursor:pointer;transition:background .2s ease,color .2s ease}.news-feed__tab:last-child{border-right:none}.news-feed__tab.active{background:#fff;color:var(--primary-navy);box-shadow:inset 0 3px 0 var(--secondary-teal)}.news-feed__panel{min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--line-soft);border-top:none;border-radius:0 0 12px 12px;padding:clamp(16px,1.6vw,28px) clamp(14px,1.8vw,32px);background:#fff;display:grid;gap:20px}.news-feed__header{display:flex;align-items:center;justify-content:space-between}.news-feed__eyebrow{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.news-feed__title{margin:0;font-size:22px;font-weight:800;color:#0f172a}.news-feed__list{display:flex;flex-direction:column;gap:18px}.news-feed__empty{margin:0;padding:40px 16px;text-align:center;color:#64748b;font-weight:600}.news-card{border:1px solid var(--line-soft);border-left:4px solid var(--secondary-teal);background:#fff;padding:22px 26px 28px;display:grid;gap:18px}.news-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.news-card__author{display:flex;align-items:center;gap:18px;min-width:0}.news-card__avatar{width:72px;height:72px;border-radius:999px;border:3px solid var(--secondary-teal);object-fit:cover;flex-shrink:0}.news-card__avatar--placeholder{background:#fff}.news-card__meta{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}.news-card__username,.news-card__timestamp{font-size:18px;font-weight:600;color:#0f172a}.news-card__tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.news-card__actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;position:relative}.news-card__tag{border:1px solid rgba(245,158,11,.34);background:#fffbeb;padding:8px 16px;font-size:16px;font-weight:600;color:#92400e}.news-card__menu-wrapper{position:relative}.news-card__menu{border:1px solid var(--line-soft);background:#fff;color:#0f172a;min-width:42px;min-height:42px;font-size:26px;line-height:1;font-weight:700;cursor:pointer}.news-card__menu-list{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;border:1px solid var(--line-soft);background:#fff;display:grid;z-index:5}.news-card__menu-list button{border:0;border-bottom:1px solid #cbd5e1;background:transparent;padding:10px 14px;font-size:14px;font-weight:600;color:#0f172a;text-align:left;cursor:pointer}.news-card__menu-list button:last-child{border-bottom:0}.news-card__menu-list button:hover{background:#f8fafc}.news-card__body{border:1px solid #edf2f7;background:#fff;min-height:80px;display:flex;align-items:center;justify-content:center;padding:20px}.news-card__content{margin:0;text-align:center;font-size:16px;font-weight:500;color:#0f172a;word-break:break-word}.diary-visibility{width:100%;min-width:0;max-width:100%;box-sizing:border-box;display:grid;gap:14px}.diary-visibility__tabs{grid-template-columns:repeat(2,minmax(0,1fr));border:0;border-radius:0;border-top:4px solid var(--secondary-teal)}.diary-visibility__tabs .home-feed-tab{min-height:34px;padding:clamp(4px,.5vw,6px) clamp(6px,.7vw,10px);font-size:clamp(11px,1vw,14px);background:var(--secondary-teal);color:#fff;border:0;border-right:1px solid rgba(255,255,255,.48);border-radius:0;box-shadow:none;transform:none}.diary-visibility__tabs .home-feed-tab.active{background:#fff;color:var(--secondary-teal-dark);box-shadow:none;border:0}.profile-section-tabs .home-feed-tab.active{background:#fff;color:var(--primary-navy);box-shadow:inset 0 -4px #fff}.diary-visibility__tabs .home-feed-tab:first-child{border-radius:6px 0 0}.diary-visibility__tabs .home-feed-tab:last-child{border-right:0;border-radius:0 6px 0 0}.diary-visibility__content{border-radius:12px;background:transparent;border:none;min-height:220px;padding:0}.diary-visibility__content-block{width:100%;min-width:0;max-width:100%;min-height:180px;border-radius:10px;background:#fff;border:1px solid var(--line-soft);padding:20px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.diary-visibility__content-block.is-private{background:#fff}.diary-entry-prompt{width:auto;max-width:100%;align-self:center;border:1px solid #d7d7d7;border-radius:5px;background:#f5f5f5;padding:6px 16px;text-align:center;font-weight:600;font-size:13px;line-height:1.25;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;box-shadow:0 2px 5px #0f172a24}.diary-entry-prompt:hover{border-color:var(--secondary-teal);box-shadow:0 4px 12px #0f766e1f}.diary-entry-list{display:flex;flex-direction:column;min-width:0;max-width:100%;gap:16px}.diary-entry-empty{margin:0;font-size:14px;font-weight:600;color:#94a3b8;text-align:center}.diary-entry-message{margin:0;font-size:13px;font-weight:600;color:#ef4444;text-align:center}.diary-entry{border:1px solid var(--line-soft);border-radius:0;padding:clamp(8px,1vw,12px) clamp(10px,1.2vw,18px) clamp(8px,.8vw,10px);background:#fff;max-width:100%;min-width:0;min-height:clamp(90px,8.5vw,114px);box-sizing:border-box;position:relative;display:grid;grid-template-rows:22px minmax(36px,1fr) 24px;gap:4px;box-shadow:0 2px 5px #0f172a0f}.diary-entry__meta{display:block;align-items:center;min-height:22px;margin-bottom:0;position:static}.diary-entry__tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-left:clamp(110px,16vw,240px);padding-right:0;min-height:18px}.diary-entry__tag{border:0;background:transparent;color:var(--secondary-teal-dark);border-radius:0;padding:0;font-size:clamp(10px,.85vw,12px);font-weight:800;line-height:1.2;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diary-entry__time{position:absolute;left:18px;top:12px;z-index:1;font-size:clamp(10px,.9vw,12px);font-weight:600;color:#0f172a;max-width:230px;display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diary-entry__lock{color:var(--secondary-teal)}.diary-entry__actions{display:contents}.diary-entry__menu-wrapper{position:absolute;right:18px;bottom:10px;z-index:1}.diary-entry__menu{display:inline-grid;place-items:center;border:0;border-radius:999px;background:#fff;min-width:38px;min-height:22px;padding:0 8px;cursor:pointer;font-size:18px;line-height:1;box-shadow:0 2px 10px #0f172a1f}.diary-modal__tag-control{display:flex;justify-content:flex-start}.diary-modal__tag-button{border:1px solid var(--line-soft);border-radius:8px;background:#fff;width:32px;height:32px;font-size:20px;line-height:1;cursor:pointer}.diary-entry__menu-list{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--line-soft);border-radius:8px;display:flex;flex-direction:column;min-width:140px;z-index:2;box-shadow:0 8px 20px #0f172a26}.diary-entry__menu-list button{background:transparent;border:none;padding:8px 12px;text-align:left;font-size:14px;cursor:pointer}.diary-entry__menu-list button:hover{background:#f1f5f9}.diary-entry__menu-list button.danger{color:#dc2626}.diary-entry__content{margin:0;font-size:clamp(13px,1.15vw,16px);font-weight:500;color:#111827;word-break:break-word;align-self:center;justify-self:center;text-align:center;max-width:74%;line-height:1.45;transform:translateY(-2px)}.diary-entry__engagement{display:inline-flex;align-items:center;gap:clamp(14px,2vw,28px);justify-self:start;align-self:end;min-height:24px;padding-right:56px}.diary-entry__engagement-item{display:inline-flex;align-items:center;gap:clamp(4px,.5vw,8px);color:#111827;font-size:clamp(10px,.9vw,13px);font-weight:500;white-space:nowrap}.diary-entry__engagement-item svg{width:clamp(18px,1.7vw,24px);height:clamp(18px,1.7vw,24px);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.diary-entry__images{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.diary-entry__image{width:100%;height:100px;object-fit:cover;border-radius:8px;border:1px solid var(--line-soft)}.diary-modal .modal-card{max-width:780px;width:min(90vw,780px);padding:20px}.diary-modal__card{border:1px solid var(--line-soft)}.diary-modal__input{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.diary-modal__textarea{width:100%;border:1px solid rgba(15,118,110,.34);border-radius:8px;padding:16px;font-size:15px;font-weight:600;resize:vertical;box-sizing:border-box}.diary-modal__tag-input{display:flex;gap:10px;width:100%;box-sizing:border-box;position:relative}.diary-modal__tag-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%}.diary-modal__tag-slot{border:1px solid var(--line-soft);border-radius:8px;padding:8px 10px;font-size:13px;min-width:0;box-sizing:border-box;width:100%;text-align:center}.diary-modal__tag-slot::placeholder{text-align:center}@media(max-width:1500px)and (min-width:901px){.home-shell{grid-template-columns:minmax(180px,14vw) minmax(0,1fr) minmax(180px,16vw);grid-template-rows:auto 1fr;gap:0 clamp(6px,.8vw,16px)}.home-toolbar{grid-column:2;grid-row:1}.home-canvas{grid-column:2;grid-row:2;overflow:visible}.home-chatbot{grid-column:3;grid-row:1 / span 2;min-height:100vh;border-left:1px solid var(--line-soft);border-top:0;border-radius:0;margin-top:0}.chatbot-character-card,.chatbot-tools,.chatbot-mood-row{max-width:420px;justify-self:center;width:100%}.chatbot-character{--chatbot-character-scale: .78}.profile-card .profile-header{grid-template-columns:minmax(110px,160px) minmax(160px,22%) minmax(200px,1fr);gap:clamp(10px,1vw,16px)}.profile-card .profile-summary{width:100%}.profile-card .profile-avatar{width:min(190px,100%);height:auto;aspect-ratio:1 / 1}.profile-card .profile-identity__name{font-size:clamp(17px,1.6vw,22px)}.profile-card .profile-about-panel{width:100%;min-width:0;max-width:100%;margin-left:0;justify-self:stretch}.profile-about-panel__box{aspect-ratio:unset;width:100%;height:auto;min-height:clamp(60px,5.5vw,80px);max-height:clamp(60px,5.5vw,80px);min-width:0;max-width:100%}.profile-section-tabs{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto;scrollbar-width:thin}.profile-section-tabs .home-feed-tab{min-width:0;gap:clamp(4px,.5vw,8px);white-space:nowrap}}@media(max-width:1200px)and (min-width:901px){.profile-card .profile-header{--profile-column-gap: 14px;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:var(--profile-column-gap)}.profile-card .profile-about-panel{grid-column:1 / -1;width:100%;max-width:100%;min-width:0;margin-left:0;justify-self:center}.profile-card .profile-summary{width:100%}.profile-about-panel__box{aspect-ratio:unset;width:100%;height:auto;min-height:clamp(60px,5.5vw,80px);max-height:clamp(60px,5.5vw,80px);min-width:0;max-width:100%}}@media(max-width:900px){.home-shell{grid-template-columns:1fr;padding:0 12px 24px;gap:14px}.home-sidebar,.home-chatbot,.home-toolbar,.home-canvas{grid-column:1}.home-sidebar{grid-row:auto;width:100%;min-height:auto;max-height:520px;border-right:0;border-radius:0 0 12px 12px}.home-toolbar{padding-top:0}.home-chatbot{grid-row:auto;min-height:520px;border-left:0;border-radius:12px}.profile-header{grid-template-columns:1fr}.profile-card{padding:18px 14px;overflow:hidden}.profile-card .profile-header{grid-template-columns:1fr;gap:16px;justify-items:center}.profile-card .avatar-stack,.profile-card .profile-summary,.profile-card .profile-about-panel{width:100%;max-width:100%;justify-self:center}.profile-card .profile-avatar{width:min(190px,68vw);height:min(190px,68vw)}.profile-card .profile-summary{width:100%;text-align:center;justify-items:center}.profile-card .profile-identity{width:100%;justify-items:center}.profile-card .profile-identity__name{white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:22px;line-height:1.2}.profile-card .profile-identity__meta,.profile-card .profile-identity__song{justify-content:center;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal}.profile-card .profile-identity__song-line{justify-content:center}.profile-card .profile-identity__song strong{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.profile-card .profile-about-panel{min-width:0;width:100%;max-width:400px;margin-left:0}.profile-about-panel__box{aspect-ratio:unset;width:100%;height:auto;min-height:60px;max-height:80px;min-width:0;max-width:100%}.profile-card .profile-about-panel .profile-tag-panel__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-card .profile-about-panel .profile-tag-panel__tag{min-height:34px;padding:4px 8px;font-size:15px}.profile-tag-panel{min-height:auto;margin-top:0}.profile-section-tabs{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.profile-section-tabs .home-feed-tab{min-width:0;gap:6px;white-space:nowrap}.profile-section-feed{padding:0 10px 20px}.diary-visibility__tabs{grid-template-columns:repeat(2,minmax(120px,1fr))}.diary-entry{width:100%;box-sizing:border-box;min-height:128px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px}.diary-entry__time,.diary-entry__tags{position:static;max-width:100%;padding:0;text-align:left}.diary-entry__meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:0}.diary-entry__time{display:block;font-size:11px;line-height:1.35}.diary-entry__tags{justify-content:flex-start;gap:5px 8px;min-height:0;font-size:0}.diary-entry__tag{max-width:100%;white-space:normal;font-size:11px;line-height:1.25}.diary-entry__content{max-width:100%;width:100%;margin:0;align-self:stretch;justify-self:auto;transform:none;font-size:15px;line-height:1.4;text-align:center}.diary-entry__engagement{width:calc(100% - 48px);gap:16px;padding-right:0;justify-self:auto;align-self:flex-start;min-height:26px}.diary-entry__engagement-item{gap:6px;font-size:12px}.diary-entry__engagement-item svg{width:22px;height:22px}.diary-entry__menu-wrapper{right:14px;bottom:12px}.character-sheet__inner,.character-sheet__grid,.music-note-picker__list{grid-template-columns:1fr}.character-sheet__item--wide{grid-column:auto}.music-note-picker__song{padding:8px}.music-note-picker__select{grid-template-columns:40px minmax(0,1fr)}.music-note-picker__mood{grid-column:2;justify-self:start}.prachamwan-header{grid-template-columns:1fr;justify-items:center;text-align:center;min-height:auto;padding:18px 16px}.prachamwan-header-identity{grid-template-columns:96px auto;gap:14px}.prachamwan-logo{width:96px;height:82px}.prachamwan-header-identity p{font-size:18px;text-align:left}.prachamwan-brand-lockup{width:100%}.prachamwan-brand-lockup span{margin-bottom:10px;font-size:30px}.prachamwan-login-bar{grid-template-columns:1fr;grid-template-rows:auto;transform:none}.prachamwan-remember,.prachamwan-login-field.username,.prachamwan-login-field:not(.username),.prachamwan-login-submit{grid-column:auto;grid-row:auto}.prachamwan-login-submit{width:100%}.prachamwan-main{grid-template-columns:1fr;padding:24px 14px 32px}.prachamwan-panel{padding:0}.prachamwan-panel h1{font-size:30px;white-space:normal}.prachamwan-play span{border-top-width:54px;border-bottom-width:54px;border-left-width:94px}.prachamwan-grid.two,.prachamwan-grid.three,.prachamwan-username{grid-template-columns:1fr}.prachamwan-username{gap:8px}.prachamwan-username span{font-size:18px}.news-card__header{flex-direction:column}.news-card__tags{justify-content:flex-start}.news-card__actions{justify-content:space-between;width:100%}}.diary-modal__tag-slot[readonly]{background:#f8fafc;color:#334155}.diary-modal__tag-slot--filled{background:var(--secondary-teal-soft);border-color:#0f766e57;color:var(--secondary-teal);font-weight:600}.diary-modal__tag-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line-soft);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 24px #0f172a1f;z-index:4}.diary-modal__tag-hint{margin:0;font-size:12px;font-weight:600;color:#64748b}.diary-modal__tag-suggestion{border:none;background:transparent;text-align:left;padding:6px 8px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.diary-modal__tag-suggestion:hover{background:var(--secondary-teal-soft)}.diary-modal__tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.diary-modal__tag{border:1px solid rgba(245,158,11,.34);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;background:#fffbeb;color:#92400e;cursor:pointer;display:inline-flex;align-items:center;gap:6px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.diary-modal__tag:active{cursor:grabbing}.diary-modal__tag-remove{border:none;background:transparent;font-size:14px;line-height:1;cursor:pointer;padding:0}.diary-modal__images{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.diary-modal__image{border:1px solid var(--line-soft);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px}.diary-modal__image img{width:100%;height:120px;object-fit:cover;border-radius:6px}.diary-modal__image button{border:1px solid var(--line-soft);border-radius:6px;background:#fff;font-weight:600;padding:4px 8px;cursor:pointer}.diary-modal__footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.diary-modal__left{display:flex;align-items:center;gap:12px}.diary-modal__camera{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,118,110,.34);border-radius:8px;padding:6px;cursor:pointer}.diary-modal__camera input{display:none}.diary-modal__visibility{font-size:13px;font-weight:600;color:#0f172a}.diary-modal__actions{display:flex;align-items:center;gap:12px}.diary-modal__post,.diary-modal__cancel{border:1px solid rgba(15,118,110,.34);border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer}.diary-modal__post:disabled,.diary-modal__cancel:disabled{opacity:.6;cursor:not-allowed}.diary-modal__post{background:var(--secondary-teal);color:#fff}.diary-modal__cancel{background:#fff;color:var(--primary-navy)}.profile-card .profile-header{grid-template-columns:minmax(110px,.78fr) minmax(0,1.05fr) minmax(12px,.22fr) minmax(0,2fr)!important;gap:clamp(12px,1.4vw,24px)!important;align-items:start!important;justify-content:start!important;width:100%!important}.profile-card .avatar-stack{grid-column:1!important}.profile-card .profile-summary{grid-column:2!important;gap:8px!important;transform:none!important;padding-top:0!important;align-self:start!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important;position:relative!important;z-index:6!important}.profile-card .profile-identity{row-gap:clamp(4px,.45vw,7px)!important;overflow:visible!important;position:relative!important;z-index:6!important}.profile-card .profile-identity__name{margin:clamp(-8px,-.6vw,-4px) 0 clamp(10px,.9vw,14px)!important;color:var(--primary-navy)!important;font-size:clamp(22px,2vw,34px)!important;font-weight:900!important;line-height:1.08!important;letter-spacing:0!important;width:max-content!important;max-width:min(52vw,680px)!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;position:relative!important;z-index:8!important}.profile-card .profile-identity__meta,.profile-card .profile-identity__song{font-size:clamp(14px,1.15vw,17px)!important;line-height:1.35!important}.profile-card .profile-about-panel{display:grid!important;justify-self:stretch!important;align-self:start!important;grid-column:4!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:0!important;margin-left:0!important;padding:0!important;border:0!important;background:transparent!important;align-content:start!important;gap:clamp(5px,.6vw,8px)!important}.profile-card .profile-tag-panel.profile-about-panel{justify-self:stretch!important;justify-content:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;box-sizing:border-box!important}.profile-about-panel__box{aspect-ratio:unset!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:clamp(96px,7vw,124px)!important;height:auto!important;max-height:clamp(96px,7vw,124px)!important;box-sizing:border-box!important;border:1px solid #d6dde7!important;border-radius:8px!important;background:#fff!important;padding:clamp(8px,1vw,14px) clamp(12px,1.5vw,20px)!important;box-shadow:0 5px 15px #0f172a1f!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.profile-about-panel__box p{margin:0!important;width:100%!important;color:#333!important;font-size:clamp(12px,1.05vw,15px)!important;line-height:1.5!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important}.profile-about-panel__box p:not(.profile-about-panel__text){display:none!important}.profile-about-panel__box.is-clickable{cursor:text!important}.profile-about-panel.is-editing .profile-about-panel__box{align-items:stretch!important}.profile-about-panel.is-editing .profile-about-panel__box p{display:none!important}.profile-about-panel__textarea{width:100%!important;height:100%!important;min-height:0!important;border:0!important;outline:0!important;resize:none!important;background:transparent!important;color:#333!important;font:inherit!important;font-size:clamp(12px,1.05vw,15px)!important;line-height:1.5!important;text-align:center!important;box-sizing:border-box!important;padding:0!important}.character-sheet__about-me{display:none!important}.profile-card .profile-about-panel .profile-tag-panel__list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:center!important;align-items:center!important;gap:clamp(14px,1.4vw,22px)!important;width:100%!important}.profile-card .profile-about-panel .profile-tag-panel__tag{width:100%!important;min-height:clamp(38px,3.2vw,50px)!important;min-width:0!important;padding:5px clamp(12px,1.4vw,22px)!important;font-size:clamp(10px,1.15vw,18px)!important;border:1.5px solid var(--secondary-teal-dark)!important;border-radius:999px!important;background:#fff!important;color:var(--secondary-teal-dark)!important;font-weight:900!important;text-align:center!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.profile-card .profile-about-panel .profile-tag-panel__tag-label{width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(10px,1.15vw,18px)!important;line-height:1.15!important}@media(max-width:1200px){.profile-card .profile-about-panel .profile-tag-panel__tag{padding-inline:clamp(6px,1vw,14px)!important;font-size:clamp(9px,1vw,15px)!important}.profile-card .profile-about-panel .profile-tag-panel__tag-label{font-size:clamp(9px,1vw,15px)!important}}.profile-about-panel__followers{margin:0!important;color:var(--primary-navy)!important;font-size:clamp(12px,1.1vw,15px)!important;font-weight:900!important;line-height:1.2!important;text-align:center!important}@media(max-width:1500px)and (min-width:901px){.profile-card .profile-header{grid-template-columns:minmax(105px,.72fr) minmax(0,1.05fr) minmax(10px,.2fr) minmax(0,2fr)!important;gap:clamp(10px,1.2vw,20px)!important}}@media(max-width:1200px)and (min-width:901px){.profile-card .profile-header{grid-template-columns:minmax(100px,.65fr) minmax(0,1fr) minmax(8px,.16fr) minmax(0,1.7fr)!important;gap:clamp(8px,1vw,14px)!important}.profile-card .profile-about-panel{grid-column:4!important;max-width:100%!important;justify-self:stretch!important}.profile-card .profile-tag-panel.profile-about-panel{grid-column:4!important}}@media(max-width:900px){.profile-card .profile-header{grid-template-columns:1fr!important;gap:16px!important;justify-items:center!important}.profile-card .profile-summary{grid-column:1!important;text-align:center!important;justify-items:center!important}.profile-card .profile-about-panel{grid-column:1!important;width:100%!important;max-width:100%!important;justify-self:center!important}.profile-card .profile-tag-panel.profile-about-panel{grid-column:1!important}.profile-about-panel__box{min-height:60px!important;max-height:80px!important}}