:root{--sky: #fff9f0;--panel: #fff;--line: #ffe2a6;--accent: #ffbd1a;--accent-soft: #fff7e6;--shadow: #ffe199;--shadow-strong: #e4a600;--shadow-mid: #f0cc68;--shadow-soft: #ffe6ac;--shadow-glow: rgba(255, 189, 26, .4);--ink: #0f172a;--hint: #6b7280;--chip: #eef8ff;--chip-b: #cfe8ff;--chip-a: #dff2ff;--chat-bg: rgba(255,249,240,.7);--chat-border: #ffe2a6;--game-h: 30vh}:root[data-theme=mimosa]{--sky: #fff9f0;--line: #ffe2a6;--accent: #ffbd1a;--accent-soft: #fff7e6;--shadow: #ffe199;--shadow-strong: #e4a600;--shadow-mid: #f0cc68;--shadow-soft: #ffe6ac;--shadow-glow: rgba(255, 189, 26, .4);--chat-bg: rgba(255,249,240,.7);--chat-border: #ffe2a6}:root[data-theme=sakura]{--sky: #fff0f5;--line: #f9c2d0;--accent: #f472b6;--accent-soft: #fde7f2;--shadow: #fbcfe8;--shadow-strong: #db2777;--shadow-mid: #fda4af;--shadow-soft: #fce7f3;--shadow-glow: rgba(244, 114, 182, .35);--chat-bg: rgba(255,235,240,.7);--chat-border: #f9c2d0}:root[data-theme=mono]{--sky: #f5f5f5;--line: #9ca3af;--accent: #6b7280;--accent-soft: #eeeeee;--shadow: #d1d5db;--shadow-strong: #4b5563;--shadow-mid: #9ca3af;--shadow-soft: #d1d5db;--shadow-glow: rgba(107, 114, 128, .3);--chat-bg: rgba(20,20,20,.7);--chat-border: #4b5563}:root[data-theme=green]{--sky: #f3fff6;--line: #b7e4c7;--accent: #10b981;--accent-soft: #e6f9f1;--shadow: #a7f3d0;--shadow-strong: #047857;--shadow-mid: #34d399;--shadow-soft: #bbf7d0;--shadow-glow: rgba(16, 185, 129, .35);--chat-bg: rgba(234,253,234,.7);--chat-border: #b7e4c7}@font-face{font-family:Mona;src:url(/styles/fonts/mona.woff2) format("woff2"),url(/styles/fonts/mona.woff) format("woff"),url(/styles/fonts/mona.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mona;src:url(/styles/fonts/mona-bold.woff2) format("woff2"),url(/styles/fonts/mona-bold.woff) format("woff"),url(/styles/fonts/mona-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.gold-gradient-text{background:linear-gradient(90deg,gold,#ffec8b,gold 30%,#daa520,gold 70%,#ffec8b,gold);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:goldShimmer 3s ease-in-out infinite;text-shadow:0 0 20px rgba(255,215,0,.5)}.gold-gradient-text-subtle{background:linear-gradient(90deg,#daa520,gold,#ffec8b,gold,#daa520);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:goldShimmer 4s ease-in-out infinite;animation-delay:.5s}@keyframes goldShimmer{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}#goalAchieveComment::placeholder,#goalAchieveShareUrl::placeholder{color:#ffd70080}.panel.middle{display:grid;grid-template-rows:1fr!important;gap:8px;min-height:0;height:100%}.panel.middle>.section{min-height:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.panel.middle>.communication-section{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:100%!important;display:grid!important;grid-template-rows:auto 1fr!important;overflow:hidden!important}.communication-section .communication-tab-content{min-height:0;overflow:hidden}.communication-section #sprintTabContent{overflow-y:auto;overflow-x:hidden}.communication-section #communicationTabContent{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:0}.communication-section #communicationTabContent>.communication-subsection{min-height:0}.communication-tab-bar{display:flex;gap:4px;padding:4px;border-bottom:2px solid rgba(14,165,233,.3);background:#fffc;border-radius:12px 12px 0 0;margin-bottom:0;flex-shrink:0;min-height:40px;align-items:center}.communication-tab-btn{flex:1;padding:6px;border:none;background:transparent;color:#64748b;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.communication-tab-btn:hover{color:#0ea5e9;background:#0ea5e90d}.communication-tab-btn.active{color:#0ea5e9;border-bottom-color:#0ea5e9}.panel.right{display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel.right>.section{min-height:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr;flex:1}.panel.right .logBox{min-height:0;overflow-y:hidden;overflow-x:auto}.panel.right .logBox .loglist{min-height:0;overflow-y:auto;overflow-x:visible}.communication-section .communication-content,.communication-section #logicTreeContainer{min-height:0;overflow:auto}.text-xs{font-size:9px}.text-sm{font-size:10px}.text-base{font-size:11px}.text-md{font-size:12px}.text-gray-400{color:#999}.text-gray-500{color:#6b7280}.text-gray-600{color:#64748b}.text-blue-600{color:#0369a1}.text-blue-500{color:#3b82f6}.text-amber-500{color:#f59e0b}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:4px}.gap-5{gap:5px}.gap-8{gap:8px}.mr-2{margin-right:2px}.mr-3{margin-right:3px}.mr-4{margin-right:4px}.mr-8{margin-right:8px}.mr-12{margin-right:12px}.mt-8{margin-top:8px}.m-0{margin:0}.p-0{padding:0}.p-1{padding:3px 8px}.p-2{padding:6px 16px}.hidden{display:none}.inline{display:inline}.whitespace-nowrap{white-space:nowrap}.relative{position:relative}.flex-1{flex:1}.max-w-200{max-width:200px}.border-gray-300{border:2px solid #cbd5e1}.rounded-lg{border-radius:8px}.bg-white{background:#fff}.bg-gray-600{background:#6b7280}.text-white{color:#fff}.cursor-pointer{cursor:pointer}.version-tag{font-size:10px;color:#999}.stat-info{font-size:11px;color:#6b7280;font-weight:600;margin-right:12px}.stat-active{font-size:11px;color:#0369a1;font-weight:600}.btn-sm{padding:3px 8px;font-size:10px}.btn-xs{padding:2px 6px;font-size:9px}.btn-md{padding:6px 16px}.btn-gray{background:#6b7280!important;color:#fff!important}.flex-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.flex-gap-4{display:flex;gap:4px}.flex-gap-5{display:flex;gap:5px;align-items:center}.flex-gap-8{display:flex;flex-wrap:wrap;gap:8px}.rpg-stats-flex{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.form-control{flex:1;max-width:200px;padding:6px 8px;border:2px solid #cbd5e1;border-radius:8px;font-size:11px;background:#fff;cursor:pointer}.label-sm{font-size:11px;font-weight:600;color:#64748b;white-space:nowrap}.shortcut-section-override{padding:2px 6px!important;display:block!important;gap:0!important;min-height:0!important;height:fit-content!important}.shortcut-text{font-size:9px;line-height:1.2;margin:0;padding:0}.shortcut-title{margin-right:3px;font-size:10px;padding:0;border:none;display:inline}.moku-power{font-size:10px;color:#6b7280}.moku-power-value{font-weight:600;color:#3b82f6}.egg-container{margin-top:8px;text-align:center;padding:20px;border:2px dashed #cbd5e1;border-radius:8px;background:#f9fafb}.egg-icon{font-size:48px}.egg-title{margin:4px 0 0;font-size:11px;color:#6b7280}.egg-subtitle{margin:2px 0 0;font-size:10px;color:#9ca3af}.w-150{width:150px}.w-140{width:140px}.communication-list{overflow:auto;border:1px dashed var(--line);border-radius:10px;padding:8px;background:#f0f9ff;min-height:0}.empty-state{text-align:center;color:var(--hint);padding:20px}.max-w-600{max-width:600px}.row-between{display:flex;justify-content:space-between}.mb-6{margin-bottom:6px}.mb-16{margin-bottom:16px}.ml-8{margin-left:8px}.section-title{margin:0 0 6px;font-size:13px;color:#64748b;display:flex;flex-direction:column;gap:2px}.section-hint-inline{font-size:11px;font-weight:400;color:#475569}.section-hint{margin:4px 0 8px}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.input-disabled{background:#f1f5f9;cursor:not-allowed;padding:6px 8px;border:1px solid #cbd5e1;border-radius:4px}.input-editable{padding:6px 8px;border:2px solid #10b981;border-radius:4px}.textarea-editable{width:300px;height:150px;padding:10px;border:2px solid #10b981;border-radius:4px;resize:none}.flex-col{display:flex;flex-direction:column;gap:8px}.btn-large{padding:10px 16px;font-size:13px;white-space:nowrap}.row-end{display:flex;justify-content:flex-end;margin-top:8px}.full-width{width:100%}.min-w-180{min-width:180px}.pomodoro-hidden{display:none}.modal-content{max-width:500px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:12px;padding:24px;position:relative;z-index:10001;pointer-events:auto;touch-action:auto;-webkit-user-select:text}.modal-content select,.modal-content input,.modal-content textarea,.modal-content button{pointer-events:auto;touch-action:auto;-webkit-user-select:text}@media(max-width:768px){.modal-content{max-width:95vw;max-height:85vh;padding:16px;margin:8px}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{margin:0;font-size:20px}.modal-section{margin-bottom:20px}.modal-section-title{font-size:14px;margin:0 0 12px;color:#374151}.modal-section-desc{margin:-6px 0 12px;font-size:12px;color:#6b7280}.layout-editor-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.layout-editor-name-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .2s,border-color .2s}.layout-editor-name-row:hover{background:#f3f4f6;border-color:#d1d5db}.layout-editor-name-row.dragging{opacity:.5;background:#e5e7eb}.layout-editor-name{flex:1;font-size:14px;font-weight:500;color:#1f2937}.layout-editor-drag-handle{color:#9ca3af;font-size:16px;cursor:grab;flex-shrink:0}.layout-editor-drag-handle:active{cursor:grabbing}.layout-editor-buttons{display:flex;gap:8px;margin-top:12px}.layout-editor-buttons .button{flex:1;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s,transform .1s}.layout-editor-buttons .button:hover{background:#2563eb}.layout-editor-buttons .button:active{transform:scale(.98)}.layout-editor-buttons .button:disabled{opacity:.6;cursor:not-allowed}.btn-group{display:flex;gap:8px}.btn-mode{flex:1;padding:12px}.btn-mode.active{background:#ffbd1a}.btn-mode small{font-size:10px;opacity:.8}.bgm-list{display:grid;gap:8px}.volume-control{display:flex;align-items:center;gap:12px}.volume-icon{font-size:20px}.volume-slider{flex:1}.volume-text{min-width:40px;text-align:right;font-weight:600;color:#3b82f6}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.checkbox-input{width:20px;height:20px;cursor:pointer}.checkbox-text{font-size:14px;font-weight:600}.info-box{padding:12px;background:#f3f4f6;border-radius:8px;font-size:12px;color:#6b7280}.info-row{margin-bottom:4px}.btn-test{flex:1}.size-btn,.scale-btn,.quality-btn,.fps-btn,.zoom-btn{flex:1;padding:10px;border:2px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:12px}.size-btn.active,.scale-btn.active,.quality-btn.active,.fps-btn.active,.zoom-btn.active{border:2px solid #3b82f6;background:#eff6ff;font-weight:600}.btn-sub-text{font-size:10px;color:#6b7280}.btn-sub-text-active{font-size:10px;color:#3b82f6}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:12px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.chip:hover{background:#f9fafb}.chip:active{transform:translateY(1px)}.chip .chip-icon{font-size:12px}.chip--ok{border-color:var(--accent);color:var(--accent)}.chip--ok:hover{background:var(--accent-soft)}.chip--danger{border-color:#ef4444;color:#dc2626}.chip--danger:hover{background:#fef2f2}.chip--add{border-color:var(--line);color:#374151}.chip--add:hover{background:var(--accent-soft)}#todoSection .section-divider{border-bottom:1px dashed var(--line);margin:4px 0 6px}.hidden-section{display:none;margin-bottom:20px}.modal-wide{max-width:800px;width:90%;background:#fff;border-radius:12px;padding:24px}.modal-medium{max-width:600px;width:90%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:12px;padding:24px;position:relative;z-index:10001;pointer-events:auto;touch-action:auto;-webkit-user-select:text}.modal-medium select,.modal-medium input,.modal-medium textarea,.modal-medium button{pointer-events:auto;touch-action:manipulation}@media(max-width:768px){.modal-medium{max-width:95vw;width:calc(100% - 16px);max-height:85vh;padding:16px;margin:8px}}.modal-compact{max-width:360px;width:90%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:12px;padding:20px;position:relative;z-index:10001;pointer-events:auto;touch-action:auto;-webkit-user-select:text;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.modal-compact-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#1f2937;text-align:center}.modal-compact-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.modal-compact-field label{font-size:13px;font-weight:600;color:#374151}.modal-compact-field input,.modal-compact-field select{width:100%;padding:10px 12px;font-size:14px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#1f2937;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.modal-compact-field input:focus,.modal-compact-field select:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.modal-compact-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.modal-compact-actions button{padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.modal-compact-actions .mutebtn{background:#f3f4f6;color:#374151}.modal-compact-actions .mutebtn:hover{background:#e5e7eb}.modal-compact-actions .button{background:#fbbf24;color:#1f2937}.modal-compact-actions .button:hover{background:#f59e0b}.profile-design-final{background:linear-gradient(135deg,#86efac,#f3e8ff,#fef3c7,#bfdbfe,#86efac,#f3e8ff);border:2px solid rgba(134,239,172,.5);box-shadow:0 0 40px #86efac40,inset 0 0 30px #f3e8ff4d,0 8px 32px #86efac26;position:relative;overflow:hidden;animation:magicAppear .3s ease-out}@keyframes magicAppear{0%{opacity:0;transform:scale(.9);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.magic-gradient-background{position:absolute;inset:0;background:linear-gradient(135deg,#86efaca6,#f3e8ffa6,#fef3c7a6,#bfdbfea6,#86efaca6,#f3e8ffa6);background-size:400% 400%;animation:magicGradientShift 15s ease-in-out infinite;z-index:0}@keyframes magicGradientShift{0%{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}.magic-stars{position:absolute;width:4px;height:4px;background:#86efac99;border-radius:50%;animation:magicTwinkle 4s ease-in-out infinite;box-shadow:0 0 8px #86efacb3,0 0 16px #4ade8080,0 0 24px #22c55e4d}.magic-stars:nth-child(1){top:20%;left:15%;animation-delay:0s}.magic-stars:nth-child(2){top:60%;right:20%;animation-delay:1s}.magic-stars:nth-child(3){bottom:30%;left:50%;animation-delay:2s}@keyframes magicTwinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.dandelion-seeds{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.dandelion-seed{position:absolute;width:20px;height:20px;opacity:.7;animation:dandelionFloat 15s ease-in-out infinite}.dandelion-seed:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,255,255,.6) 50%,transparent 100%);border-radius:50%;box-shadow:0 0 0 1px #ffffff4d,0 0 0 2px #fff3}.dandelion-seed:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:radial-gradient(circle at 30% 30%,transparent 40%,rgba(255,255,255,.4) 41%,rgba(255,255,255,.4) 42%,transparent 43%),radial-gradient(circle at 70% 30%,transparent 40%,rgba(255,255,255,.4) 41%,rgba(255,255,255,.4) 42%,transparent 43%),radial-gradient(circle at 30% 70%,transparent 40%,rgba(255,255,255,.4) 41%,rgba(255,255,255,.4) 42%,transparent 43%),radial-gradient(circle at 70% 70%,transparent 40%,rgba(255,255,255,.4) 41%,rgba(255,255,255,.4) 42%,transparent 43%),radial-gradient(circle at 50% 10%,transparent 40%,rgba(255,255,255,.4) 41%,rgba(255,255,255,.4) 42%,transparent 43%),radial-gradient(circle at 50% 90%,transparent 40%,rgba(255,255,255,.4) 41%,rgba(255,255,255,.4) 42%,transparent 43%),radial-gradient(circle at 10% 50%,transparent 40%,rgba(255,255,255,.4) 41%,rgba(255,255,255,.4) 42%,transparent 43%),radial-gradient(circle at 90% 50%,transparent 40%,rgba(255,255,255,.4) 41%,rgba(255,255,255,.4) 42%,transparent 43%);border-radius:50%;opacity:.6}.dandelion-seed:nth-child(1){left:10%;animation-delay:0s;animation-duration:18s}.dandelion-seed:nth-child(2){left:25%;animation-delay:2s;animation-duration:16s}.dandelion-seed:nth-child(3){left:40%;animation-delay:4s;animation-duration:20s}.dandelion-seed:nth-child(4){left:55%;animation-delay:1s;animation-duration:17s}.dandelion-seed:nth-child(5){left:70%;animation-delay:3s;animation-duration:19s}.dandelion-seed:nth-child(6){left:85%;animation-delay:5s;animation-duration:21s}.dandelion-seed:nth-child(7){left:15%;animation-delay:1.5s;animation-duration:18.5s}.dandelion-seed:nth-child(8){left:50%;animation-delay:3.5s;animation-duration:19.5s}@keyframes dandelionFloat{0%{transform:translateY(-10px) translate(0) rotate(0);opacity:0}10%{opacity:.6}50%{transform:translateY(calc(50vh + 50px)) translate(30px) rotate(180deg);opacity:.8}90%{opacity:.4}to{transform:translateY(calc(100vh + 20px)) translate(60px) rotate(360deg);opacity:0}}.spring-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.spring-element{position:absolute;font-size:24px;opacity:.6}.spring-leaf{filter:drop-shadow(0 2px 4px rgba(34,197,94,.3))}.spring-mist{opacity:.5;filter:blur(2px)}.spring-cherry{filter:drop-shadow(0 2px 4px rgba(236,72,153,.3))}.spring-float-1{top:-5%;left:5%;font-size:20px;animation:floatDiagonal1 28s linear infinite;animation-delay:0s}.spring-float-2{top:-8%;right:10%;font-size:22px;animation:floatDiagonal2 32s linear infinite;animation-delay:2s}.spring-float-3{top:5%;left:50%;font-size:32px;animation:mistSway 40s ease-in-out infinite;animation-delay:0s}.spring-float-4{top:20%;left:-5%;font-size:24px;animation:floatHorizontal1 36s linear infinite;animation-delay:4s}.spring-float-5{top:-10%;left:30%;font-size:18px;animation:floatZigzag1 30s linear infinite;animation-delay:6s}.spring-float-6{top:50%;right:-5%;font-size:22px;animation:floatHorizontal2 34s linear infinite;animation-delay:3s}.spring-float-7{top:8%;right:20%;font-size:30px;animation:mistSway 44s ease-in-out infinite;animation-delay:20s}.spring-float-8{top:-5%;left:15%;font-size:21px;animation:floatRotate1 26s linear infinite;animation-delay:8s}.spring-float-9{top:-8%;left:70%;font-size:19px;animation:floatDiagonal3 32s linear infinite;animation-delay:5s}.spring-float-10{bottom:-5%;left:40%;font-size:23px;animation:floatUpward1 38s linear infinite;animation-delay:10s}.spring-float-11{top:70%;left:-5%;font-size:20px;animation:floatRotate2 28s linear infinite;animation-delay:7s}.spring-float-12{top:15%;left:45%;font-size:28px;animation:mistSway 48s ease-in-out infinite;animation-delay:10s}.spring-float-13{top:-6%;left:25%;font-size:22px;animation:floatDiagonal1 30s linear infinite;animation-delay:1s}.spring-float-14{top:-7%;right:25%;font-size:20px;animation:floatDiagonal2 34s linear infinite;animation-delay:3s}.spring-float-15{top:35%;left:-5%;font-size:23px;animation:floatHorizontal1 38s linear infinite;animation-delay:6s}.spring-float-16{top:-9%;left:55%;font-size:21px;animation:floatZigzag1 32s linear infinite;animation-delay:9s}.spring-float-17{top:-6%;left:45%;font-size:19px;animation:floatRotate1 29s linear infinite;animation-delay:11s}.spring-float-18{top:65%;right:-5%;font-size:24px;animation:floatHorizontal2 36s linear infinite;animation-delay:8s}@keyframes mistSway{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.5}25%{transform:translateY(-15px) translate(20px) scale(1.1);opacity:.6}50%{transform:translateY(-5px) translate(-15px) scale(.95);opacity:.55}75%{transform:translateY(-20px) translate(25px) scale(1.05);opacity:.6}}@keyframes floatDiagonal1{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}5%{opacity:.7}50%{transform:translateY(calc(50vh + 50px)) translate(calc(50vw - 30px)) rotate(180deg);opacity:.8}95%{opacity:.5}to{transform:translateY(calc(100vh + 20px)) translate(calc(100vw - 20px)) rotate(360deg);opacity:0}}@keyframes floatDiagonal2{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}5%{opacity:.7}50%{transform:translateY(calc(50vh + 50px)) translate(calc(-50vw + 30px)) rotate(-180deg);opacity:.8}95%{opacity:.5}to{transform:translateY(calc(100vh + 20px)) translate(calc(-100vw + 20px)) rotate(-360deg);opacity:0}}@keyframes floatDiagonal3{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}5%{opacity:.7}50%{transform:translateY(calc(50vh + 50px)) translate(calc(30vw - 20px)) rotate(120deg);opacity:.8}95%{opacity:.5}to{transform:translateY(calc(100vh + 20px)) translate(calc(60vw - 10px)) rotate(240deg);opacity:0}}@keyframes floatHorizontal1{0%{transform:translate(0) translateY(0) rotate(0);opacity:0}5%{opacity:.7}25%{transform:translate(25vw) translateY(-10px) rotate(90deg);opacity:.8}50%{transform:translate(50vw) translateY(10px) rotate(180deg);opacity:.8}75%{transform:translate(75vw) translateY(-5px) rotate(270deg);opacity:.7}95%{opacity:.5}to{transform:translate(calc(100vw + 20px)) translateY(0) rotate(360deg);opacity:0}}@keyframes floatHorizontal2{0%{transform:translate(0) translateY(0) rotate(0);opacity:0}5%{opacity:.7}25%{transform:translate(-25vw) translateY(10px) rotate(-90deg);opacity:.8}50%{transform:translate(-50vw) translateY(-10px) rotate(-180deg);opacity:.8}75%{transform:translate(-75vw) translateY(5px) rotate(-270deg);opacity:.7}95%{opacity:.5}to{transform:translate(calc(-100vw - 20px)) translateY(0) rotate(-360deg);opacity:0}}@keyframes floatZigzag1{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}5%{opacity:.7}20%{transform:translateY(20vh) translate(20px) rotate(45deg);opacity:.8}40%{transform:translateY(40vh) translate(-15px) rotate(-45deg);opacity:.8}60%{transform:translateY(60vh) translate(25px) rotate(60deg);opacity:.8}80%{transform:translateY(80vh) translate(-20px) rotate(-30deg);opacity:.7}95%{opacity:.5}to{transform:translateY(calc(100vh + 20px)) translate(30px) rotate(360deg);opacity:0}}@keyframes floatRotate1{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}5%{opacity:.7}25%{transform:translateY(25vh) translate(25vw) rotate(90deg);opacity:.8}50%{transform:translateY(50vh) translate(50vw) rotate(180deg);opacity:.8}75%{transform:translateY(75vh) translate(75vw) rotate(270deg);opacity:.7}95%{opacity:.5}to{transform:translateY(calc(100vh + 20px)) translate(calc(100vw + 20px)) rotate(360deg);opacity:0}}@keyframes floatRotate2{0%{transform:translate(0) translateY(0) rotate(0);opacity:0}5%{opacity:.7}25%{transform:translate(25vw) translateY(-15px) rotate(90deg);opacity:.8}50%{transform:translate(50vw) translateY(15px) rotate(180deg);opacity:.8}75%{transform:translate(75vw) translateY(-10px) rotate(270deg);opacity:.7}95%{opacity:.5}to{transform:translate(calc(100vw + 20px)) translateY(0) rotate(360deg);opacity:0}}@keyframes floatUpward1{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}5%{opacity:.7}25%{transform:translateY(-25vh) translate(10px) rotate(45deg);opacity:.8}50%{transform:translateY(-50vh) translate(-10px) rotate(90deg);opacity:.8}75%{transform:translateY(-75vh) translate(15px) rotate(135deg);opacity:.7}95%{opacity:.5}to{transform:translateY(calc(-100vh - 20px)) translate(20px) rotate(180deg);opacity:0}}@keyframes cherryFloat{0%,to{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:.6}25%{transform:translateY(-25px) translate(15px) rotate(90deg) scale(1.1);opacity:.7}50%{transform:translateY(-12px) translate(-10px) rotate(180deg) scale(.95);opacity:.65}75%{transform:translateY(-35px) translate(20px) rotate(270deg) scale(1.05);opacity:.7}}.magic-card{position:relative;z-index:2;background:#fffc;border:2px solid rgba(134,239,172,.6);border-radius:20px;padding:30px;box-shadow:0 8px 32px #86efac33,0 0 40px #f3e8ff26,inset 0 0 20px #fef3c740;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.magic-title{font-family:Misaki Gothic,みさきゴシック,sans-serif!important;color:#047857;text-shadow:0 0 10px rgba(134,239,172,.5),0 0 20px rgba(74,222,128,.3),0 2px 4px rgba(4,120,87,.4);animation:magicGlow 3s ease-in-out infinite;display:flex;align-items:center;gap:8px;font-weight:400!important}@keyframes magicGlow{0%,to{text-shadow:0 0 10px rgba(134,239,172,.5),0 0 20px rgba(74,222,128,.3),0 2px 4px rgba(4,120,87,.4)}50%{text-shadow:0 0 15px rgba(134,239,172,.7),0 0 30px rgba(74,222,128,.5),0 2px 6px rgba(4,120,87,.6)}}@font-face{font-family:Misaki Gothic;src:url(/font/misaki-gothic.fc2e1330d151d0a2.woff2) format("woff2"),url(/font/misaki_gothic.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.magic-label-text{font-family:Misaki Gothic,みさきゴシック,sans-serif!important;color:#047857!important;font-weight:700!important;font-size:16px;text-shadow:0 0 4px rgba(255,255,255,.8),0 0 8px rgba(134,239,172,.4),0 2px 4px rgba(4,120,87,.4);letter-spacing:.5px;margin-bottom:8px;display:block;position:relative;z-index:10;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:1!important}.magic-input,.magic-select{width:100%;background:#fffffff2;border:2px solid rgba(134,239,172,.5);color:#1e1b4b;box-shadow:inset 0 2px 4px #86efac14,0 0 10px #86efac26;transition:all .3s ease}.magic-input::placeholder{color:#04785766}.magic-input:focus,.magic-input:not(:placeholder-shown),.magic-select:focus,.magic-select:active{border-color:#4ade80cc;box-shadow:inset 0 2px 4px #86efac1f,0 0 0 3px #86efac40,0 0 20px #86efac4d;outline:none;background:#fff!important;color:#1e1b4b!important}.magic-input:focus::placeholder,.magic-input:not(:placeholder-shown)::placeholder{color:#1e1b4b80}.magic-select option{background:#fff;color:#1e1b4b;padding:8px}.magic-select:focus option:checked,.magic-select option:checked{background:#bbf7d0;color:#047857;font-weight:600}.magic-btn{background:#bbf7d0e6;border:2px solid rgba(134,239,172,.7);color:#047857;font-weight:600;transition:all .3s ease}.magic-btn:hover{background:#86efacf2;border-color:#4ade80e6;box-shadow:0 0 15px #86efac59;color:#065f46}.magic-btn-save{background:linear-gradient(135deg,#86efacd9,#4ade80d9);border:2px solid rgba(134,239,172,.9);color:#064e3b;font-weight:700;box-shadow:0 4px 15px #86efac66,0 0 20px #86efac40;text-shadow:0 1px 2px rgba(255,255,255,.3);transition:all .3s ease}.magic-btn-save:hover{background:linear-gradient(135deg,#86efac,#4ade80);border-color:#86efac;transform:translateY(-2px);box-shadow:0 6px 20px #86efac99,0 0 30px #86efac66}.todo-design-ocean{background:linear-gradient(135deg,#5ba3d0,#4a90e2,#6bb6ff);border:3px solid rgba(91,163,208,.6);box-shadow:0 0 50px #5ba3d066,inset 0 0 40px #87cefa26,0 10px 40px #4a90e24d;position:relative;overflow:hidden}.todo-design-ocean-layers{position:absolute;inset:0;z-index:0}.ocean-wave-layer{position:absolute;left:0;right:0;width:100%;height:100%;opacity:.4;z-index:0;pointer-events:none;mix-blend-mode:soft-light}.ocean-wave-layer-1{background:linear-gradient(135deg,transparent 0%,rgba(173,216,250,.35) 20%,rgba(173,216,250,.45) 40%,rgba(135,206,250,.35) 60%,rgba(135,206,250,.25) 80%,transparent 100%),linear-gradient(45deg,transparent 0%,rgba(176,224,255,.3) 25%,rgba(176,224,255,.4) 50%,rgba(135,206,250,.25) 75%,transparent 100%),radial-gradient(ellipse 200% 150% at 0% 0%,rgba(173,216,250,.25) 0%,transparent 60%),radial-gradient(ellipse 200% 150% at 100% 100%,rgba(135,206,250,.2) 0%,transparent 65%);animation:waveSway1 8s ease-in-out infinite}.ocean-wave-layer-2{background:linear-gradient(225deg,transparent 0%,rgba(176,224,255,.35) 15%,rgba(176,224,255,.45) 35%,rgba(135,206,250,.35) 55%,rgba(135,206,250,.25) 75%,transparent 100%),linear-gradient(315deg,transparent 0%,rgba(173,216,250,.3) 30%,rgba(173,216,250,.4) 50%,rgba(135,206,250,.25) 70%,transparent 100%),radial-gradient(ellipse 180% 140% at 0% 30%,rgba(176,224,255,.25) 0%,transparent 65%),radial-gradient(ellipse 180% 140% at 100% 70%,rgba(135,206,250,.2) 0%,transparent 70%);animation:waveSway2 10s ease-in-out infinite;animation-delay:-2s}.ocean-wave-layer-3{background:linear-gradient(90deg,transparent 0%,rgba(173,216,250,.3) 20%,rgba(173,216,250,.4) 40%,rgba(135,206,250,.3) 60%,rgba(135,206,250,.2) 80%,transparent 100%),linear-gradient(270deg,transparent 0%,rgba(176,224,255,.25) 25%,rgba(176,224,255,.35) 50%,rgba(135,206,250,.2) 75%,transparent 100%),radial-gradient(ellipse 220% 160% at -10% 20%,rgba(173,216,250,.2) 0%,transparent 70%),radial-gradient(ellipse 220% 160% at 110% 80%,rgba(135,206,250,.15) 0%,transparent 75%);animation:waveSway3 12s ease-in-out infinite;animation-delay:-4s}.ocean-wave-layer-4{background:linear-gradient(180deg,transparent 0%,rgba(176,224,255,.3) 15%,rgba(176,224,255,.4) 35%,rgba(135,206,250,.3) 55%,rgba(135,206,250,.2) 75%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(173,216,250,.25) 30%,rgba(173,216,250,.35) 50%,rgba(135,206,250,.2) 70%,transparent 100%),radial-gradient(ellipse 190% 145% at 0% 60%,rgba(176,224,255,.2) 0%,transparent 68%),radial-gradient(ellipse 190% 145% at 100% 40%,rgba(135,206,250,.15) 0%,transparent 72%);animation:waveSway4 9s ease-in-out infinite;animation-delay:-1s}.ocean-wave-layer-5{background:linear-gradient(120deg,transparent 0%,rgba(173,216,250,.3) 18%,rgba(173,216,250,.4) 38%,rgba(135,206,250,.25) 58%,rgba(135,206,250,.15) 78%,transparent 100%),linear-gradient(300deg,transparent 0%,rgba(176,224,255,.25) 28%,rgba(176,224,255,.35) 48%,rgba(135,206,250,.15) 68%,transparent 100%),radial-gradient(ellipse 200% 150% at -5% 40%,rgba(173,216,250,.15) 0%,transparent 70%),radial-gradient(ellipse 200% 150% at 105% 60%,rgba(135,206,250,.12) 0%,transparent 75%);animation:waveSway5 11s ease-in-out infinite;animation-delay:-3s}.ocean-wave-layer-6{background:linear-gradient(150deg,transparent 0%,rgba(173,216,250,.25) 22%,rgba(173,216,250,.35) 42%,rgba(135,206,250,.25) 62%,rgba(135,206,250,.15) 82%,transparent 100%),linear-gradient(330deg,transparent 0%,rgba(176,224,255,.2) 32%,rgba(176,224,255,.3) 52%,rgba(135,206,250,.15) 72%,transparent 100%),radial-gradient(ellipse 210% 155% at 0% 50%,rgba(173,216,250,.15) 0%,transparent 72%),radial-gradient(ellipse 210% 155% at 100% 50%,rgba(135,206,250,.1) 0%,transparent 78%);animation:waveSway6 13s ease-in-out infinite;animation-delay:-5s}@keyframes waveSway1{0%,to{transform:translate(0) translateY(0) scale(1);opacity:.4}25%{transform:translate(15px) translateY(-8px) scale(1.02);opacity:.45}50%{transform:translate(-10px) translateY(-15px) scale(1.05);opacity:.5}75%{transform:translate(20px) translateY(-8px) scale(1.02);opacity:.45}}@keyframes waveSway2{0%,to{transform:translate(0) translateY(0) scale(1);opacity:.35}25%{transform:translate(-12px) translateY(10px) scale(.98);opacity:.4}50%{transform:translate(18px) translateY(15px) scale(.95);opacity:.45}75%{transform:translate(-15px) translateY(10px) scale(.98);opacity:.4}}@keyframes waveSway3{0%,to{transform:translate(0) translateY(0) scale(1);opacity:.3}25%{transform:translate(20px) translateY(-5px) scale(1.03);opacity:.35}50%{transform:translate(-15px) translateY(-10px) scale(1.06);opacity:.4}75%{transform:translate(18px) translateY(-5px) scale(1.03);opacity:.35}}@keyframes waveSway4{0%,to{transform:translate(0) translateY(0) scale(1);opacity:.25}25%{transform:translate(-18px) translateY(12px) scale(.97);opacity:.3}50%{transform:translate(22px) translateY(18px) scale(.94);opacity:.35}75%{transform:translate(-20px) translateY(12px) scale(.97);opacity:.3}}@keyframes waveSway5{0%,to{transform:translate(0) translateY(0) scale(1);opacity:.3}25%{transform:translate(15px) translateY(-8px) scale(1.02);opacity:.35}50%{transform:translate(-12px) translateY(-15px) scale(1.05);opacity:.4}75%{transform:translate(18px) translateY(-8px) scale(1.02);opacity:.35}}@keyframes waveSway6{0%,to{transform:translate(0) translateY(0) scale(1);opacity:.2}25%{transform:translate(-16px) translateY(10px) scale(.98);opacity:.25}50%{transform:translate(20px) translateY(16px) scale(.95);opacity:.3}75%{transform:translate(-18px) translateY(10px) scale(.98);opacity:.25}}.ocean-waves{position:absolute;bottom:0;left:0;right:0;height:40%;z-index:1;overflow:hidden}.wave{position:absolute;bottom:0;left:0;width:300%;height:120px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 20%,rgba(255,255,255,.3) 40%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.3) 60%,rgba(255,255,255,.15) 80%,transparent 100%);border-radius:50% 50% 0 0/100% 100% 0 0;animation:waveMove 6s linear infinite;transform-origin:center bottom}.wave-1{animation-duration:6s;opacity:.7;height:100px}.wave-2{animation-duration:8s;animation-delay:-1.5s;opacity:.5;height:130px}.wave-3{animation-duration:10s;animation-delay:-3s;opacity:.4;height:160px}@keyframes waveMove{0%{transform:translate(-33.33%) translateY(0) scaleY(1)}25%{transform:translate(-31%) translateY(-12px) scaleY(1.08)}50%{transform:translate(-33.33%) translateY(-25px) scaleY(1.15)}75%{transform:translate(-35.5%) translateY(-12px) scaleY(1.08)}to{transform:translate(-33.33%) translateY(0) scaleY(1)}}.ocean-bubbles{position:absolute;inset:0;z-index:1;pointer-events:none}.bubble{position:absolute;background:#ffffff4d;border-radius:50%;border:2px solid rgba(255,255,255,.5);animation:bubbleFloat 8s ease-in-out infinite}.bubble-1{width:8px;height:8px;left:8%;bottom:15%;animation-delay:0s}.bubble-2{width:12px;height:12px;left:25%;bottom:8%;animation-delay:.5s}.bubble-3{width:6px;height:6px;left:45%;bottom:20%;animation-delay:1s}.bubble-4{width:10px;height:10px;left:65%;bottom:12%;animation-delay:1.5s}.bubble-5{width:14px;height:14px;left:15%;bottom:18%;animation-delay:2s}.bubble-6{width:7px;height:7px;left:55%;bottom:15%;animation-delay:2.5s}.bubble-7{width:11px;height:11px;left:75%;bottom:22%;animation-delay:3s}.bubble-8{width:9px;height:9px;left:35%;bottom:10%;animation-delay:3.5s}.bubble-9{width:13px;height:13px;left:85%;bottom:15%;animation-delay:4s}.bubble-10{width:5px;height:5px;left:5%;bottom:25%;animation-delay:4.5s}.bubble-11{width:10px;height:10px;left:90%;bottom:18%;animation-delay:5s}.bubble-12{width:8px;height:8px;left:50%;bottom:12%;animation-delay:5.5s}.bubble-13{width:11px;height:11px;left:70%;bottom:20%;animation-delay:6s}.bubble-14{width:7px;height:7px;left:30%;bottom:16%;animation-delay:6.5s}.bubble-15{width:9px;height:9px;left:60%;bottom:14%;animation-delay:7s}@keyframes bubbleFloat{0%{transform:translateY(0) translate(0) scale(1);opacity:.4}30%{transform:translateY(-150px) translate(15px) scale(1.2);opacity:.7}60%{transform:translateY(-300px) translate(-10px) scale(1.4);opacity:.5}to{transform:translateY(-500px) translate(20px) scale(1.6);opacity:0}}.ocean-creatures{position:absolute;inset:0;z-index:1;pointer-events:none}.creature{position:absolute;font-size:24px;animation:creatureSwim 15s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.creature-fish{animation:fishSwim 12s ease-in-out infinite}.creature-jellyfish{animation:jellyfishFloat 10s ease-in-out infinite}.creature-seahorse{animation:seahorseSwim 14s ease-in-out infinite}.creature:nth-child(1){top:15%;left:8%;animation-delay:0s}.creature:nth-child(2){top:55%;left:75%;animation-delay:1s}.creature:nth-child(3){top:35%;left:45%;animation-delay:2s}.creature:nth-child(4){top:75%;left:25%;animation-delay:3s}.creature:nth-child(5){top:25%;left:85%;animation-delay:4s}.creature:nth-child(6){top:65%;left:15%;animation-delay:5s}.creature:nth-child(7){top:45%;left:65%;animation-delay:6s}.creature:nth-child(8){top:20%;left:55%;animation-delay:7s}.creature:nth-child(9){top:80%;left:50%;animation-delay:8s}.creature:nth-child(10){top:40%;left:20%;animation-delay:9s}@keyframes fishSwim{0%{transform:translate(0) translateY(0) scaleX(1) rotate(0)}25%{transform:translate(60px) translateY(-25px) scaleX(1) rotate(-5deg)}50%{transform:translate(120px) translateY(15px) scaleX(-1) rotate(5deg)}75%{transform:translate(60px) translateY(25px) scaleX(-1) rotate(-3deg)}to{transform:translate(0) translateY(0) scaleX(1) rotate(0)}}@keyframes jellyfishFloat{0%{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-20px) translate(15px) rotate(3deg)}50%{transform:translateY(-40px) translate(30px) rotate(0)}75%{transform:translateY(-20px) translate(45px) rotate(-3deg)}to{transform:translateY(0) translate(60px) rotate(0)}}@keyframes seahorseSwim{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(40px) translateY(-15px) rotate(5deg)}50%{transform:translate(80px) translateY(10px) rotate(-5deg)}75%{transform:translate(40px) translateY(15px) rotate(3deg)}}.ocean-card{position:relative;z-index:2;background:#ffffffe6;border:3px solid rgba(64,224,208,.7);border-radius:20px;padding:24px;box-shadow:0 8px 32px #00ced166,0 0 50px #40e0d04d,inset 0 0 30px #fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ocean-title{font-family:Misaki Gothic,みさきゴシック,sans-serif!important;color:#006b87;text-shadow:0 0 10px rgba(64,224,208,.7),0 0 20px rgba(0,206,209,.5),0 2px 4px rgba(0,191,255,.6);animation:oceanGlow 3s ease-in-out infinite;display:flex;align-items:center;gap:8px;font-weight:400!important;font-size:22px}@keyframes oceanGlow{0%,to{text-shadow:0 0 10px rgba(64,224,208,.7),0 0 20px rgba(0,206,209,.5),0 2px 4px rgba(0,191,255,.6)}50%{text-shadow:0 0 15px rgba(64,224,208,.9),0 0 30px rgba(0,206,209,.7),0 2px 6px rgba(0,191,255,.8)}}.ocean-design-toggle-btn{background:#ffffffe6;border:2px solid rgba(64,224,208,.7);border-radius:50%;font-size:18px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #40e0d066;z-index:10;position:relative}.ocean-design-toggle-btn:hover{background:#fff;border-color:#40e0d0e6;box-shadow:0 0 20px #00ced199;transform:scale(1.1)}.ocean-close-btn{background:#ffffffe6;border:2px solid rgba(64,224,208,.7);border-radius:50%;font-size:20px;cursor:pointer;color:#0c4a6e;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #40e0d066;font-weight:700;color:#006b87}.ocean-close-btn:hover{background:#fff;border-color:#40e0d0e6;box-shadow:0 0 20px #00ced199;transform:scale(1.1) rotate(90deg)}.todo-modal-close{position:absolute;top:16px;right:16px}#todoModal .todo-list{margin-top:16px;max-height:320px;overflow-y:auto;padding-right:4px}#todoModal .todo-row{background:#fffffff2;border:2px solid rgba(14,165,233,.5);border-radius:12px;padding:12px 16px;margin-bottom:10px;box-shadow:0 2px 8px #0ea5e933,inset 0 1px 2px #ffffffe6;transition:all .2s ease}#todoModal .todo-row:hover{border-color:#38bdf8cc;box-shadow:0 4px 12px #0ea5e94d,inset 0 1px 2px #fff;transform:translateY(-2px)}#todoModal .todo-title{color:#0c4a6e;font-weight:600;cursor:pointer;transition:color .2s ease}#todoModal .todo-title:hover{color:#075985;text-shadow:0 0 5px rgba(56,189,248,.4)}#todoModal .chip{background:#bae6fde6;border:2px solid rgba(14,165,233,.7);color:#0c4a6e;font-weight:600;padding:6px 12px;border-radius:8px;transition:all .2s ease;box-shadow:0 2px 4px #0ea5e94d}#todoModal .chip:hover{background:#7dd3fcf2;border-color:#38bdf8e6;box-shadow:0 0 15px #0ea5e966;transform:translateY(-1px)}#todoModal .chip--ok{background:#bae6fde6;border-color:#0ea5e9b3}#todoModal .chip--danger{background:#fee2e2e6;border:2px solid rgba(252,165,165,.7);color:#991b1b}#todoModal .chip--danger:hover{background:#fca5a5f2;border-color:#f87171e6;box-shadow:0 0 12px #fca5a559}#todoModal .todo-quick{background:#fffffff2;border:2px solid rgba(14,165,233,.5);color:#0c4a6e;box-shadow:inset 0 2px 4px #0ea5e91a,0 0 10px #38bdf833;transition:all .3s ease;border-radius:10px;padding:10px 14px;font-size:14px}#todoModal .todo-quick:focus{border-color:#38bdf8e6;box-shadow:inset 0 2px 4px #0ea5e926,0 0 0 3px #0ea5e94d,0 0 20px #38bdf866;outline:none;background:#fff!important}#todoModal .todo-quick::placeholder{color:#0c4a6e66}#todoModal .ocean-card{min-width:420px;max-width:520px}#todoModal .todo-tab-bar{flex-wrap:nowrap}#todoModal .todo-tab-btn{white-space:nowrap;min-width:auto;padding:8px 10px;font-size:13px}#todoModal .memo-textarea{overflow-x:hidden;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap;resize:vertical}#todoModal .memo-textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}#todoModal .memo-sub-tabs{flex-wrap:nowrap;overflow-x:auto}#todoModal .memo-sub-tab:hover{border-color:#0ea5e9;background:#f0f9ff}.todo-design-sunset{background:linear-gradient(90deg,#fb923c,#ec4899,#7c3aed 60%,#4a5568);border:3px solid rgba(251,146,60,.6);box-shadow:0 0 50px #fb923c66,inset 0 0 40px #ec489926,0 10px 40px #7c3aed4d;position:relative;overflow:hidden}.sunset-wave-layer{position:absolute;left:0;right:0;width:100%;height:100%;opacity:.4;z-index:0;pointer-events:none;mix-blend-mode:soft-light}.sunset-wave-layer-1{background:linear-gradient(90deg,transparent 0%,rgba(251,146,60,.35) 20%,rgba(251,146,60,.45) 40%,rgba(236,72,153,.35) 60%,rgba(236,72,153,.25) 80%,transparent 100%),linear-gradient(270deg,transparent 0%,rgba(124,58,237,.3) 25%,rgba(124,58,237,.4) 50%,rgba(74,85,104,.25) 75%,transparent 100%),radial-gradient(ellipse 200% 150% at 0% 0%,rgba(251,146,60,.25) 0%,transparent 60%),radial-gradient(ellipse 200% 150% at 100% 100%,rgba(124,58,237,.2) 0%,transparent 65%);animation:sunsetWaveSway1 10s ease-in-out infinite}.sunset-wave-layer-2{background:linear-gradient(180deg,transparent 0%,rgba(236,72,153,.35) 15%,rgba(236,72,153,.45) 35%,rgba(124,58,237,.35) 55%,rgba(124,58,237,.25) 75%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(251,146,60,.3) 30%,rgba(251,146,60,.4) 50%,rgba(236,72,153,.25) 70%,transparent 100%),radial-gradient(ellipse 180% 140% at 0% 30%,rgba(236,72,153,.25) 0%,transparent 65%),radial-gradient(ellipse 180% 140% at 100% 70%,rgba(124,58,237,.2) 0%,transparent 70%);animation:sunsetWaveSway2 12s ease-in-out infinite;animation-delay:-2s}.sunset-wave-layer-3{background:linear-gradient(45deg,transparent 0%,rgba(251,146,60,.3) 20%,rgba(251,146,60,.4) 40%,rgba(236,72,153,.3) 60%,rgba(236,72,153,.2) 80%,transparent 100%),linear-gradient(225deg,transparent 0%,rgba(124,58,237,.25) 25%,rgba(124,58,237,.35) 50%,rgba(74,85,104,.2) 75%,transparent 100%),radial-gradient(ellipse 220% 160% at -10% 20%,rgba(251,146,60,.2) 0%,transparent 70%),radial-gradient(ellipse 220% 160% at 110% 80%,rgba(124,58,237,.15) 0%,transparent 75%);animation:sunsetWaveSway3 14s ease-in-out infinite;animation-delay:-4s}@keyframes sunsetWaveSway1{0%,to{transform:translate(0) translateY(0) scale(1);opacity:.4}25%{transform:translate(15px) translateY(-8px) scale(1.02);opacity:.45}50%{transform:translate(-10px) translateY(-15px) scale(1.05);opacity:.5}75%{transform:translate(20px) translateY(-8px) scale(1.02);opacity:.45}}@keyframes sunsetWaveSway2{0%,to{transform:translate(0) translateY(0) scale(1);opacity:.35}25%{transform:translate(-12px) translateY(10px) scale(.98);opacity:.4}50%{transform:translate(18px) translateY(15px) scale(.95);opacity:.45}75%{transform:translate(-15px) translateY(10px) scale(.98);opacity:.4}}@keyframes sunsetWaveSway3{0%,to{transform:translate(0) translateY(0) scale(1);opacity:.3}25%{transform:translate(20px) translateY(-5px) scale(1.03);opacity:.35}50%{transform:translate(-15px) translateY(-10px) scale(1.06);opacity:.4}75%{transform:translate(18px) translateY(-5px) scale(1.03);opacity:.35}}.sunset-creatures{position:absolute;inset:0;z-index:1;pointer-events:none}.sunset-creature{position:absolute;font-size:24px;opacity:.6;animation:sunsetFloat 20s ease-in-out infinite}.sunset-creature:nth-child(1){top:10%;left:10%;animation-delay:0s}.sunset-creature:nth-child(2){top:20%;right:15%;animation-delay:-3s}.sunset-creature:nth-child(3){top:15%;left:50%;animation-delay:-6s}.sunset-creature:nth-child(4){top:25%;right:30%;animation-delay:-9s}.sunset-creature:nth-child(5){top:30%;left:70%;animation-delay:-12s}@keyframes sunsetFloat{0%,to{transform:translate(0) translateY(0);opacity:.6}25%{transform:translate(30px) translateY(-10px);opacity:.7}50%{transform:translate(-20px) translateY(-20px);opacity:.8}75%{transform:translate(25px) translateY(-10px);opacity:.7}}.todo-design-sunset .ocean-card{background:#fffffff2;border:2px solid rgba(251,146,60,.5);box-shadow:0 4px 20px #fb923c4d,inset 0 0 20px #ec48991a}.todo-design-sunset .ocean-title{color:#7c2d12;text-shadow:0 0 15px rgba(251,146,60,.9),0 0 30px rgba(236,72,153,.7),0 2px 6px rgba(124,58,237,.8)}.todo-design-sunset .ocean-close-btn{border-color:#fb923cb3;color:#7c2d12;box-shadow:0 2px 8px #fb923c66}.todo-design-sunset .ocean-close-btn:hover{border-color:#fb923ce6;box-shadow:0 0 20px #fb923c99}.todo-design-sunset .ocean-design-toggle-btn{border-color:#fb923cb3;box-shadow:0 2px 8px #fb923c66}.todo-design-sunset .ocean-design-toggle-btn:hover{border-color:#fb923ce6;box-shadow:0 0 20px #fb923c99}@media(max-width:768px){.modal-compact{max-width:95vw;width:calc(100% - 16px);padding:12px;margin:8px}#todoModal .ocean-card{padding:12px}.ocean-title{font-size:16px}.creature{font-size:18px}.todo-card-header{margin-bottom:12px;display:flex!important;justify-content:space-between!important;align-items:center!important;position:relative}#todoModal .todo-modal-close{position:absolute!important;top:12px!important;right:12px!important;z-index:5}#todoModal .todo-action-buttons{gap:6px;margin-bottom:8px}#todoModal .todo-action-buttons button{padding:10px 8px!important;font-size:12px!important;min-height:44px}#todoModal .todo-action-buttons button span.chip-icon{font-size:14px}#todoModal .todo-quick-input{padding:10px;font-size:16px;margin-bottom:8px;flex:1;box-sizing:border-box;margin-right:6px}#todoModalQuickInputList>div{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important}#todoModalQuickInputList .todo-action-buttons{flex-shrink:0;width:auto}#todoModalScrollArea{padding-right:4px;margin-right:0}#todoModal .todo-list{padding:6px;margin-bottom:0;max-height:none}#todoModalQuickInputList{margin-bottom:8px}}.tab-bar{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #e5e7eb}.tab-btn{flex:1;padding:12px;border:none;background:none;cursor:pointer;font-weight:600;border-bottom:3px solid transparent;color:#6b7280}.tab-btn.active{border-bottom:3px solid #3b82f6;color:#3b82f6}#todoSection .todo-heading:after{content:"";display:block;margin-top:2px;border-bottom:1px dashed var(--line)}.todo-list{width:100%;overflow:auto;border:1px dashed var(--line);border-radius:12px;padding:4px 8px 8px;background:var(--panel);box-sizing:border-box;height:100%;margin-bottom:4px}#todoModal .todo-section{padding-bottom:0}#todoSection{display:grid!important;grid-template-rows:auto auto auto 1fr!important;min-height:0!important;row-gap:4px;height:100%}#todoSection #todoModal .todo-quick-input{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;margin-bottom:6px;background:#ffffffe6}#todoSection #todoModal .todo-action-buttons{display:flex;gap:8px;width:100%}#todoSection #todoModal .todo-action-buttons button{flex:1;justify-content:center;font-weight:600}#todoSection #todoModal .todo-toggle{min-width:auto}#todoSection .todo-card-mobile{flex:1;display:flex;flex-direction:column;min-height:0}#todoSection .todo-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}#todoSection .todo-scroll-area{flex:1;overflow-y:auto;min-height:0;padding-right:8px}.todo-row.dragging{opacity:.6}.todo-row.drag-over{outline:2px dashed var(--line)}.pie-section .pieWrap{display:flex;flex-direction:column;height:100%;min-height:0}.pie-section #pieCanvas{flex:1 1 auto;min-height:0}.pie-section #legend{margin-top:auto}#todoQuickInputList{margin-bottom:2px!important}.checkbox-grid{display:grid;gap:12px}.checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px;border-radius:6px;background:#f9fafb}.checkbox-item-text{font-size:14px}.save-button{width:100%;padding:12px;font-size:14px}.goal-modal-title{margin:0;font-size:20px;color:#111827}.goal-close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px}.form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.goal-time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.goal-hint{margin:8px 0 0;font-size:11px;color:#6b7280}.modal .form-select,.modal .form-select-single,.modal .form-textarea,.modal input,.modal select,.modal textarea{pointer-events:auto!important;touch-action:auto!important;-webkit-user-select:text!important;z-index:10002;position:relative}.form-select{width:100%;padding:10px;border:2px solid #cbd5e1;border-radius:8px;font-size:14px;margin-bottom:8px}.form-select-single{width:100%;padding:10px;border:2px solid #cbd5e1;border-radius:8px;font-size:14px}.form-select-single input,input.form-select-single{width:100%;padding:10px;border:2px solid #cbd5e1;border-radius:8px;font-size:14px;background:#fff}.form-textarea{width:100%;height:80px;padding:10px;border:2px solid #cbd5e1;border-radius:8px;font-size:14px;resize:vertical}.goal-checkbox-wrapper{margin-bottom:24px}.goal-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;background:#f9fafb;border-radius:8px}.goal-button-row{display:flex;gap:12px}.goal-cancel-btn{flex:1;padding:12px;background:#e5e7eb;color:#374151;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600}.goal-start-btn{flex:1;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600}.mt-20{margin-top:20px}#goalSettingModal .modal-section{margin-bottom:12px}#goalSettingModal .form-label{margin-bottom:6px;font-size:13px}#goalSettingModal .goal-checkbox-wrapper{margin-bottom:12px}#goalSettingModal .goal-checkbox-label{padding:10px}.goal-hint-box{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:#f9fafb;border-radius:8px;margin-bottom:12px;border:1px solid #e5e7eb}#profileModalContent{width:min(550px,95vw);max-width:550px;max-height:90dvh;overflow:auto;box-sizing:border-box;padding:8px}#profileModalContent .magic-card{padding:16px}.work-decoration-field{border:0;padding:0;margin:10px 0 0;min-width:0}.work-decoration-field legend{font-weight:700;font-size:13px;color:#184b47;margin-bottom:5px}.work-decoration-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.work-decoration-choice{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;position:relative;padding:3px 5px 5px;border:2px solid #b4b99b;border-radius:7px;background:#f3f0df;color:#25483c;cursor:pointer;min-width:0}.work-decoration-choice canvas{grid-column:1/-1;grid-row:1}.work-decoration-choice input{grid-column:1;grid-row:2;accent-color:#c49c54;width:15px;height:15px;margin:0}.work-decoration-choice span{grid-column:2;grid-row:2;font-size:12px;line-height:20px;text-align:center}.work-decoration-choice:has(input:checked){border-color:#386e53;background:#e8eddb;box-shadow:0 0 0 1px #b4c696}.work-decoration-choice:focus-within{outline:3px solid #448cba;outline-offset:2px}@media(max-width:400px){#profileModalContent .magic-card{padding:10px}.work-decoration-choice{padding:2px}.work-decoration-choice span{font-size:11px}}.work-decoration-note{margin:0 0 6px;font-size:11px;line-height:1.5;color:#6b7280}.log-date{text-align:right;font-variant-numeric:tabular-nums}html,body{height:100%;margin:0;padding:0;overflow:auto;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{background:var(--sky);color:var(--ink);font-family:Nunito,Noto Sans JP,system-ui,-apple-system,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:12px;line-height:1.3;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}:root{--status-section-gap: 2px;--status-section-padding: 3px 6px;--status-card-gap: 2px;--status-card-padding: 4px 6px;--status-font-size: 11px;--status-row-line-height: 1.1;--status-row-min-height: 1.15rem;--status-row-gap: .35em;--status-next-exp-font-size: 11px;--status-next-exp-min-width: 7.2em;--status-label-font-size: 11px;--status-total-exp-font-size: 11px}.sessionBar .header-privacy-link{display:inline-flex;align-items:center;min-height:28px;padding:0 4px;font-size:11px;white-space:nowrap;color:var(--hint);text-underline-offset:3px}.sessionBar .header-privacy-link:hover{color:var(--ink)}.sessionBar .header-privacy-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.sessionBar{position:sticky;top:0;z-index:50;display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:6px 8px;background:#fffdf6;border-bottom:2px solid var(--line)}.sessionBar-left,.sessionBar-right{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#bgmTrackSelect{padding:4px 10px;border:1px solid #d4d4d8;border-radius:999px;background:#fff;color:#1f2937;font-size:12px;line-height:1.2;height:28px;min-width:58px;max-width:96px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(0,0,0,.1)}#bgmTrackSelect:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.sessionBar-headline{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.status-info-group{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;background:#93c5fd1a;border-radius:6px;border:1px solid rgba(147,197,253,.2)}.sessionBar h1{margin:0;font-size:13px;font-weight:700;white-space:nowrap}.status-info-group .stat-info,.status-info-group .stat-active,.status-info-group .version-tag,.status-info-group .wsStat{display:inline-flex;align-items:center;font-size:10px;line-height:1.4;font-weight:500;letter-spacing:.01em;white-space:nowrap;margin:0}.status-info-group .wsStat,.status-info-group .version-tag,.status-info-group .stat-info,.status-info-group .stat-active{min-width:0;justify-content:flex-start}.status-info-group .wsStat[data-conn=offline]{color:#dc2626;font-weight:700}.status-info-group .wsStat[data-conn=reconnecting],.status-info-group .wsStat[data-conn=error]{color:#b45309;font-weight:700}.status-info-group .version-tag:empty{display:none}.status-info-group .stat-info span,.status-info-group .stat-active span{margin-left:1px}.sessionBar-left{width:100%;justify-content:flex-start}.sessionBar-right{width:100%;justify-content:flex-end;gap:6px}.session-panel,.session-status{display:inline-flex;align-items:center;gap:6px;min-height:28px}#playerDisplayName,.player-display-name{display:inline-flex;align-items:center;min-width:6.5em;min-height:1.2rem}.session-auth-btn,#sessionAuthBtn{min-width:68px;min-height:28px;white-space:nowrap}.user-id-btn,#userIdBtn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.sessionBar-right #settingsBtn,.sessionBar-right #notification-react-badge .notification-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;font-size:12px;line-height:1.25;min-height:28px}.sessionBar-right #notification-react-badge{display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;margin:0;width:auto;min-width:0;min-height:28px}.status-info-group .wsStat{color:#8b5cf6}.status-info-group .version-tag,.status-info-group .stat-info{color:#64748b}.status-info-group .stat-active{color:#3b82f6}.sessionBar small{color:#e67e22;font-weight:900;display:inline-flex;align-items:center;min-width:16rem;min-height:1.2rem}.sessionBar-right #sessionText{min-width:0;margin-right:auto;white-space:nowrap}.sessionBar a{color:#1a73e8;text-decoration:none;font-weight:700}.sessionBar a .bgm-info{position:relative;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;font-style:italic;letter-spacing:.3px;color:#4c566a;background:linear-gradient(120deg,#94a3b838,#e2e8f00d);box-shadow:0 6px 12px #0f172a14;white-space:nowrap;text-shadow:0 1px 2px rgba(15,23,42,.12);border:1px solid rgba(148,163,184,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sessionBar a .bgm-info:empty{display:none}.button{padding:6px 10px;border:0;border-radius:12px;background:var(--accent);color:#3b2900;font-weight:900;cursor:pointer;box-shadow:0 3px 0 var(--shadow-strong);font-size:12px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.mutebtn{padding:5px 9px;border:0;border-radius:10px;background:#ffe8a6;color:#3b2900;font-weight:900;cursor:pointer;box-shadow:0 2px 0 var(--shadow-mid);font-size:12px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.mutebtn:hover{background:#ffd966;box-shadow:0 2px 4px #00000026}.mutebtn:active{background:#fc3;transform:scale(.98);box-shadow:0 1px 2px #0003}.wrap{flex:1;min-height:0;padding:10px 12px 12px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.32fr) minmax(0,1.32fr);gap:10px}.panel{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:10px;box-sizing:border-box;box-shadow:0 6px 0 var(--shadow-soft),0 2px #00000008 inset;min-height:0;min-width:0}.row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}input,select,textarea{background:#fff;color:var(--ink);border:2px solid var(--line);border-radius:10px;padding:6px 9px;font:inherit;font-size:12px}#game{outline:none;border:none;border-radius:0;display:block;position:relative;height:100%;min-height:0}#game>canvas{display:block;image-rendering:pixelated}.game-loading-placeholder{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;background:radial-gradient(circle at top,#ffffffe6,#fff8dcf5),linear-gradient(180deg,#fffaebf5,#fff3cdfa);color:#5b4630;transition:opacity .24s ease,visibility .24s ease}.game-loading-placeholder.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.game-loading-placeholder.is-error{color:#7f1d1d;background:radial-gradient(circle at top,#fffffff0,#fef2f2fa),linear-gradient(180deg,#fef2f2f5,#fee2e2fa)}.game-loading-placeholder__title{font-size:18px;font-weight:800}.game-loading-placeholder__text{font-size:12px;line-height:1.6;max-width:24rem}.map-area{position:relative;min-height:0;height:100%;overflow:hidden;border-radius:10px}.game-overlay{pointer-events:none;position:absolute;inset:0;z-index:10;overflow:hidden;border-radius:10px}#rpg-stats-react{display:block;min-width:152px;min-height:64px}.game-inventory{pointer-events:auto;display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:2px solid rgba(15,23,42,.75);background:#1e3a8a66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fef9c3;font-family:"Press Start 2P",Courier New,Monaco,Menlo,Consolas,monospace;font-size:9px;letter-spacing:.4px;text-shadow:0 2px 4px rgba(0,0,0,.65);position:absolute;left:8px;top:50%;transform:translateY(-50%);max-width:calc(100% - 16px);box-sizing:border-box}.game-inventory-item{display:flex;align-items:center;gap:6px}.game-inventory-herb{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:4px 8px 5px;border:2px solid #14532d;border-radius:10px;background:linear-gradient(#34c46a,#15803d);box-shadow:0 3px #0f3d22,inset 0 1px #ffffff59;color:#fff;font:inherit;text-shadow:0 1px 2px rgba(0,0,0,.6);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .06s,box-shadow .06s,filter .15s}.game-inventory-herb:hover:not([aria-disabled=true]){filter:brightness(1.08)}.game-inventory-herb:active:not([aria-disabled=true]){transform:translateY(2px);box-shadow:0 1px #0f3d22,inset 0 1px #ffffff59}.game-inventory-herb:focus-visible{outline:2px solid #fef9c3;outline-offset:2px}.game-inventory-herb.is-cooling{background:linear-gradient(#3b5b47,#24392c);box-shadow:0 2px #0f1f16;cursor:pointer}.game-inventory-herb.is-empty{border-style:dashed;border-color:#64748b;background:#3341558c;box-shadow:none;color:#cbd5e1;cursor:not-allowed}.game-inventory-herb-icon{position:relative;display:inline-grid;place-items:center;width:24px;height:24px;font-size:16px;line-height:1}.game-inventory-herb.is-cooling .game-inventory-herb-icon,.game-inventory-herb.is-empty .game-inventory-herb-icon{filter:grayscale(.7);opacity:.75}.game-inventory-herb-count{font-weight:700;font-variant-numeric:tabular-nums}.game-inventory-herb-ring{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);transform:rotate(-90deg);pointer-events:none}.game-inventory-herb-ring circle{fill:none;stroke-width:3}.game-inventory-herb-ring-track{stroke:#00000059}.game-inventory-herb-ring-left{stroke:#bbf7d0;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0}.game-hp-container{pointer-events:auto;position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:flex;align-items:stretch;gap:6px}.game-hp-bars{pointer-events:auto;display:flex;flex-direction:row;gap:8px;min-width:140px;width:auto;padding:3px 6px;border-radius:6px;border:1.5px solid rgba(15,23,42,.65);background:#0f172a66;box-sizing:border-box;align-items:center;color:#fff}.game-mini-inline{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2px;padding:2px 2px 1px;border-top:none;margin-top:0;color:#fde047;font-family:"Press Start 2P",Courier New,Monaco,Menlo,Consolas,monospace;font-size:5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-mini-label{font-size:6px;letter-spacing:.2px;color:#fde047;text-shadow:0 1px 2px rgba(0,0,0,.5)}.game-mini-value{font-size:7px;color:#fde047;text-shadow:0 1px 2px rgba(0,0,0,.6);min-width:18px;line-height:1.2;flex-shrink:0}.game-mini-value--debuff{color:#f87171}.game-hp-track{flex:1;height:5px;border-radius:999px;border:1px solid rgba(15,23,42,.9);background:#0f172a73;overflow:hidden;position:relative;min-width:0}.status-toolbar{margin-left:auto;display:flex;align-items:center;gap:6px}@media(min-width:769px)and (min-height:501px),(min-width:769px)and (orientation:portrait){.status-section .status-toolbar{justify-content:flex-end}}.game-hp-fill{height:100%;width:0%;background:linear-gradient(90deg,#ef4444,#b91c1c);transition:width .3s ease}.game-hp-fill.sp{background:linear-gradient(90deg,#38bdf8,#2563eb)}.game-hp-value{font-family:"Press Start 2P",Courier New,Monaco,Menlo,Consolas,monospace;font-size:5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);min-width:28px;text-align:right;line-height:1.2;flex-shrink:0}@media(max-width:720px){.game-inventory{left:8px;top:auto;bottom:110px;transform:none;max-width:calc(100% - 16px)}.game-hp-container{flex-direction:row;align-items:center;bottom:12px;gap:4px;transform:translate(-50%)}.game-hp-bars{pointer-events:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;min-width:140px;width:auto;padding:3px 6px;border-radius:6px;border:1.5px solid rgba(15,23,42,.65);background:#0f172a66;box-sizing:border-box;align-items:center;color:#fff}.game-hp-row{display:flex;flex-direction:row;align-items:center;gap:4px;flex:1;min-width:0}.game-player-nameplate{bottom:150px;font-size:7px;gap:6px}.game-field-name{top:8px;right:8px;max-width:calc(100% - 16px)}}.section{border:2px solid var(--line);border-radius:12px;background:#fff;padding:6px 8px;display:grid;gap:4px;min-height:0}.section>strong{display:block;font-size:13px;font-weight:900;padding-bottom:2px;border-bottom:1px dashed var(--line)}.status-section{display:grid;grid-template-rows:auto auto;min-height:0;gap:var(--status-section-gap)}.section.status-section{padding:var(--status-section-padding);gap:var(--status-section-gap)}.section.status-section>.flex-row{margin-bottom:0}.status{display:flex;flex-direction:column;gap:var(--status-card-gap);align-items:flex-start;background:#fff8dd;border:2px solid var(--line);border-radius:10px;padding:var(--status-card-padding);margin-bottom:0;font-size:var(--status-font-size)}.status>div,.status-row{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap}.status-row-main,.status-row-secondary,.status-row-exp{line-height:var(--status-row-line-height);min-height:var(--status-row-min-height)}.status-row-main,.status-row-secondary{gap:var(--status-row-gap);width:100%}.status-row-exp{width:100%}.status-separator{display:inline-block;margin:0 .6em;color:#64748be6;font-size:12px}.status-label-next{color:#2563eb}.status-next-exp{font-weight:700;font-size:var(--status-next-exp-font-size);color:#1d4ed8;display:inline-block;min-width:var(--status-next-exp-min-width)}.status>div>span{margin:0;padding:0}.status-label{font-weight:700;color:#d97706;font-size:var(--status-label-font-size)}#rpgTotalExp{font-size:var(--status-total-exp-font-size);color:#1e40af;display:inline-block;min-width:0}.project-actions{display:flex;justify-content:flex-start;margin:2px 0 0;gap:6px;align-items:center;flex-wrap:wrap;--inline-accent: #0ea5e9;--inline-accent-text: #075985}.project-actions[data-active-category-index="0"],.project-category-box[data-active-category-index="0"]{--inline-accent: #ec4899;--inline-accent-text: #831843}.project-actions[data-active-category-index="1"],.project-category-box[data-active-category-index="1"]{--inline-accent: #3b82f6;--inline-accent-text: #1e3a8a}.project-actions[data-active-category-index="2"],.project-category-box[data-active-category-index="2"]{--inline-accent: #f59e0b;--inline-accent-text: #7c2d12}.project-actions[data-active-category-index="3"],.project-category-box[data-active-category-index="3"]{--inline-accent: #10b981;--inline-accent-text: #065f46}.project-actions[data-active-category-index="4"],.project-category-box[data-active-category-index="4"]{--inline-accent: #a855f7;--inline-accent-text: #6b21a8}.project-actions[data-active-category-index="5"],.project-category-box[data-active-category-index="5"]{--inline-accent: #0f766e;--inline-accent-text: #042f2e}.subkind-inline{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;flex-wrap:nowrap;width:100%;padding:0;background:transparent;border:none;border-radius:0}.project-hotbar-row{display:flex;align-items:center;gap:6px;width:100%;margin-top:4px}.subkind-inline select,.subkind-inline input{height:30px;padding:0 10px;border:2px solid #cbd5e1;border-radius:10px;font-size:12px;background:#fff;box-shadow:inset 0 1px #ffffffb3;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.subkind-inline select{cursor:pointer;flex:0 0 170px;-webkit-appearance:none;appearance:none;padding-right:30px;--select-arrow: color-mix(in srgb, var(--inline-accent) 65%, #64748b);background-image:linear-gradient(45deg,transparent 50%,var(--select-arrow) 50%),linear-gradient(135deg,var(--select-arrow) 50%,transparent 50%);background-position:calc(100% - 14px) 13px,calc(100% - 9px) 13px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.subkind-inline #editAllBtnInline{flex-shrink:0;white-space:nowrap;height:32px}.subkind-inline input{cursor:text;flex:1 1 auto;min-width:160px}.subkind-inline select:focus,.subkind-inline input:focus{outline:none;border-color:color-mix(in srgb,var(--inline-accent) 80%,#38bdf8);box-shadow:0 0 0 3px color-mix(in srgb,var(--inline-accent) 22%,transparent)}body.mmx-shift-project-pick .subkind-inline select:focus{border-color:var(--line)!important;box-shadow:none!important}.subkind-inline input::placeholder{color:#94a3b8}.projRow-wrapper{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%}.project-edit-row{display:flex;justify-content:flex-end;margin-bottom:4px}.project-edit-btn-moved{border-radius:999px;padding-inline:14px}.project-category-label{font-size:12px;font-weight:600;color:#4b5563;margin-right:4px;white-space:nowrap}.project-category-box{display:grid;grid-template-rows:auto auto;gap:6px;align-items:stretch;padding:6px 8px;background:var(--panel, #ffffff);border:2px solid var(--line);border-radius:10px;flex:1 1 auto;min-width:0}.project-category-box-top{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}.project-category-box-bottom{display:flex;align-items:center;gap:6px;min-width:0}#projectHotbarInline{display:inline-block;min-width:185px;min-height:30px}.project-category-box-bottom .project-hotbar{flex:0 0 185px}.project-category-box-bottom #projectNoteInput{flex:1 1 auto;min-width:0;height:30px;padding:0 10px;border:2px solid #cbd5e1;border-radius:10px;font-size:12px;background:#fff;box-shadow:inset 0 1px #ffffffb3;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.project-category-box-bottom #projectNoteInput:focus{outline:none;border-color:color-mix(in srgb,var(--inline-accent) 80%,#38bdf8);box-shadow:0 0 0 3px color-mix(in srgb,var(--inline-accent) 22%,transparent)}.project-category-box-bottom #projectNoteInput::placeholder{color:#94a3b8}.project-category-box[data-active-category-index]{border-color:color-mix(in srgb,var(--inline-accent) 22%,var(--line));box-shadow:0 1px #0f172a08}#category-list .chip{--chip-accent: var(--inline-accent);background:#fff;border-color:#94a3b847;box-shadow:inset 0 -2px color-mix(in srgb,var(--chip-accent) 55%,transparent),0 1px 2px #0f172a0d}#category-list .chip:nth-child(1){--chip-accent: #ec4899}#category-list .chip:nth-child(2){--chip-accent: #3b82f6}#category-list .chip:nth-child(3){--chip-accent: #f59e0b}#category-list .chip:nth-child(4){--chip-accent: #10b981}#category-list .chip:nth-child(5){--chip-accent: #a855f7}#category-list .chip:nth-child(6){--chip-accent: #0f766e}#category-list .chip:hover{border-color:color-mix(in srgb,var(--chip-accent) 55%,rgba(148,163,184,.28));color:color-mix(in srgb,var(--chip-accent) 85%,#475569);transform:translateY(-1px)}#category-list .chip.active,#sleepProjectBtn.selected{background:color-mix(in srgb,var(--chip-accent) 18%,#ffffff);border-color:color-mix(in srgb,var(--chip-accent) 55%,rgba(148,163,184,.25));color:color-mix(in srgb,var(--chip-accent) 85%,#0f172a);box-shadow:inset 0 -2px color-mix(in srgb,var(--chip-accent) 85%,transparent),0 4px 10px #0f172a14}.actions-row{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;width:100%;margin-top:4px}.actions-row-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.actions-row-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}.rpg-stats{display:flex;flex-direction:column;gap:4px;padding:6px 10px;background:#e6f7ff;border:2px solid var(--line);border-radius:10px;font-size:12px;margin-top:4px}.rpg-row{display:flex;flex-wrap:wrap;gap:.8em;align-items:center}.rpg-row>div{display:inline-flex;align-items:center;gap:1px;white-space:nowrap}.rpg-breakdown{flex-basis:100%;color:#6b7280;font-size:11px;white-space:normal}.theme-selector-container{position:relative;display:flex;align-items:center;gap:6px}.theme-palette-btn{width:32px;height:32px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:linear-gradient(135deg,#fff,#f9fafb);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;box-shadow:0 1px 2px #0f172a1a,0 0 0 1px #fff9 inset;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.theme-palette-btn:hover{transform:translateY(-1px);border-color:#fbbf24;box-shadow:0 4px 10px #0f172a2e,0 0 0 1px #fbbf2473 inset}.theme-palette-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0f172a33,0 0 0 1px #fbbf2466 inset}.palette-icon{display:block}.theme-dropdown{position:absolute;top:40px;left:0;display:none;padding:6px 8px;background:#fffffffa;border-radius:999px;box-shadow:0 10px 25px #0f172a2e,0 0 0 1px #94a3b840;z-index:100;display:flex;gap:6px;white-space:nowrap}.global-theme-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#fff;font-size:11px;font-weight:500;color:#374151;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.global-theme-chip:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0f172a2e}.global-theme-chip:active{transform:translateY(0);box-shadow:0 1px 3px #0f172a38}.global-theme-chip.active{border-color:#3b82f6;background:#eff6ff}.color-dot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 2px #ffffffe6}.theme-mimosa .color-dot{background:#facc15}.theme-sakura .color-dot{background:#f9a8d4}.theme-mono .color-dot{background:#9ca3af}.theme-green .color-dot{background:#4ade80}.exp-breakdown{font-size:.75em;opacity:.85}.rpg-inline-breakdown{font-size:11px;color:#6b7280;margin-left:4px}.empty-slot-message{margin-top:4px;padding:12px;font-size:12px;color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px}.rpg-label{font-weight:700;color:#0369a1}.stat,.timer{font-weight:900;font-size:12px}.small{font-size:11px;color:var(--hint);line-height:1.3}.left{display:grid;grid-template-rows:auto 1fr auto;gap:8px;min-height:0;align-items:stretch}.map-section{display:grid;grid-template-rows:1fr;min-height:0;gap:0;position:relative;padding:0;margin:0;border:none;overflow:hidden;border-radius:10px;background:transparent}.map-area #game{width:100%;height:100%;border-radius:0;overflow:hidden}#mapArea:fullscreen,#mapArea:-webkit-full-screen,#mapArea:-moz-full-screen,#mapArea:-ms-fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;background:var(--panel)}#mapArea:fullscreen #game,#mapArea:-webkit-full-screen #game,#mapArea:-moz-full-screen #game,#mapArea:-ms-fullscreen #game{width:100%;height:100%}#mapArea:fullscreen .map-zoom-control,#mapArea:-webkit-full-screen .map-zoom-control,#mapArea:-moz-full-screen .map-zoom-control,#mapArea:-ms-fullscreen .map-zoom-control{top:16px;left:16px}#mapArea:fullscreen .map-fullscreen-close-btn,#mapArea:-webkit-full-screen .map-fullscreen-close-btn,#mapArea:-moz-full-screen .map-fullscreen-close-btn,#mapArea:-ms-fullscreen .map-fullscreen-close-btn{position:fixed;top:16px;right:16px;z-index:10001}.map-zoom-control{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;z-index:15}.map-zoom-toggle-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(15,23,42,.2);background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0f172a1a;font-size:12px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;padding:0}.map-zoom-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0f172a26}.map-zoom-toggle-btn:active{transform:translateY(0);box-shadow:none}.map-zoom-toggle-btn:focus-visible{outline:1px solid #0ea5e9;outline-offset:1px}.map-zoom-toggle-btn.is-active{background:linear-gradient(135deg,#1f2937,#0f172a);color:#f8fafc;border-color:#0f172a;box-shadow:0 2px 6px #0f172a4d}.map-fullscreen-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(15,23,42,.2);background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0f172a1a;font-size:12px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;padding:0}.map-fullscreen-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0f172a26}.map-fullscreen-btn:active{transform:translateY(0);box-shadow:none}.map-fullscreen-btn:focus-visible{outline:1px solid #0ea5e9;outline-offset:1px}.map-fullscreen-btn.is-active{background:linear-gradient(135deg,#1f2937,#0f172a);color:#f8fafc;border-color:#0f172a;box-shadow:0 2px 6px #0f172a4d}.map-fullscreen-close-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:2px solid rgba(239,68,68,.3);background:#ef4444e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #ef44444d;font-size:16px;color:#fff;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .2s ease;padding:0;font-weight:700;z-index:1000}.map-fullscreen-close-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466;background:#ef4444}.map-fullscreen-close-btn:active{transform:translateY(0) scale(.95);box-shadow:0 2px 4px #ef44444d}.map-fullscreen-close-btn:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.map-zoom-toggle-btn{position:relative;z-index:2}.map-zoom-controls-wrapper{position:relative;z-index:1;display:inline-flex!important;align-items:center;gap:2px;margin-left:-16px;padding:2px 5px 2px 15px;max-width:120px;overflow:hidden;white-space:nowrap;border-radius:0 999px 999px 0;border:1px solid rgba(15,23,42,.15);border-left:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0f172a1a;opacity:1;visibility:visible;transition:max-width .22s cubic-bezier(.2,.8,.2,1),padding .22s cubic-bezier(.2,.8,.2,1),opacity .15s ease,visibility 0s}.map-zoom-controls-wrapper.is-hidden{max-width:0;padding-left:0;padding-right:0;border-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:max-width .18s ease-in,padding .18s ease-in,opacity .15s ease-in,visibility 0s linear .18s}@media(prefers-reduced-motion:reduce){.map-zoom-controls-wrapper,.map-zoom-controls-wrapper.is-hidden{transition:none}}.map-zoom-control-btn{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #38bdf8;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1;font-weight:700;font-size:12px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;padding:0}.map-zoom-control-btn:hover{transform:translateY(-1px);box-shadow:0 1px 3px #38bdf84d}.map-zoom-control-btn:active{transform:translateY(0);box-shadow:none}.map-zoom-control-btn:focus-visible{outline:1px solid #0ea5e9;outline-offset:1px}.map-zoom-control .zoom-display{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;color:#0f172a;padding:0 0 0 1px}.map-zoom-pill{display:inline-flex;align-items:center;overflow:hidden;border:1px solid rgba(59,104,112,.4);border-radius:999px;background:#f5fbfaf5;box-shadow:0 1px 3px #0f172a29}.map-zoom-pill .map-zoom-toggle-btn,.map-zoom-pill .map-zoom-control-btn{flex:0 0 28px;width:28px;height:28px;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#245a63;font-size:14px;transform:none;transition:background .12s ease}.map-zoom-pill .map-zoom-controls-wrapper{gap:0;margin-left:0;padding:0;max-width:160px;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.map-zoom-pill .map-zoom-controls-wrapper.is-hidden{max-width:0}.map-zoom-pill button:hover{background:#dceeea}.map-zoom-pill button:active{background:#c6e2dc}.map-zoom-pill button:focus-visible{outline:2px solid #247c8d;outline-offset:-3px}.map-zoom-pill button:disabled{opacity:.4;cursor:default}.map-zoom-pill .zoom-display{min-width:40px;padding:3px 8px;border-left:1px solid rgba(59,104,112,.22);color:#354b50;font-size:11px;text-align:center;box-sizing:border-box}@media(pointer:coarse),(max-width:720px){.map-zoom-pill .map-zoom-toggle-btn,.map-zoom-pill .map-zoom-control-btn{flex-basis:44px;width:44px;height:44px;font-size:17px}.map-zoom-pill .zoom-display{min-width:46px;font-size:12px}}.map-section-title{display:flex;align-items:center;gap:8px}.current-field-name{font-size:13px;font-weight:700;color:#2563eb}#game{position:relative}.shortcut-section{display:grid;grid-template-rows:auto auto;min-height:0;gap:0;align-self:end;margin-top:auto}.project-section{display:grid;grid-template-rows:auto auto;min-height:0;gap:3px}.mapCtrl{display:grid;grid-template-columns:1fr;row-gap:4px;min-height:0}.projRow{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:0}.chip{padding:6px 12px;border-radius:8px;background:#fff;border:1px solid rgba(148,163,184,.2);font-weight:700;color:#475569;font-size:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0 1px 2px #0f172a0d}.chip:hover{background:#fff;border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.chip:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.chip.active{background:var(--accent);border-color:var(--accent);color:#3b2900;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px);text-shadow:none}.middle{display:grid;grid-template-rows:1fr;gap:8px;min-height:0}.middle .section.condensed{height:100%;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.panel.middle>.section.condensed{height:auto!important;flex:0 0 auto!important;max-height:100%!important}.middle .section.condensed .todo-list,.middle .section.condensed .pieWrap{overflow:hidden;min-height:0}.middle .section.condensed .pieWrap{height:100%;min-height:0}.middle .section.condensed .todo-list{height:100%;min-height:0;overflow-y:auto}.goal-top-left{display:flex;align-items:center;gap:6px}#goalInlineStartBtn,#goalSetBtn{background:#fde68a!important;border:2px solid #f59e0b;font-weight:700}#goalInlineStartBtn.btn-gray,#goalSetBtn.btn-gray{background:#6b7280!important;color:#fff!important;border:2px solid #6b7280}#goalInlineStartBtn.goal-inline-focus-active{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border:2px solid #ef4444!important;color:#b91c1c!important;box-shadow:0 2px #ef44442e!important}.pie-section,.month-pie-section,.log-section{display:grid;grid-template-rows:auto 1fr;min-height:0}.communication-section{height:100%;min-height:0;display:grid;grid-template-rows:auto 1fr;gap:8px;padding:6px 8px;box-sizing:border-box}.communication-section>div:last-child{display:grid;grid-template-rows:1fr 1fr;gap:8px;min-height:0;height:calc(100% - 40px)}.communication-section>div:last-child>.communication-subsection:first-child{height:calc(100% - 20px);margin:0 0 20px}.communication-section>div:last-child>.communication-subsection:last-child{height:calc(100% - 4px);margin:2px 0}.communication-subsection{display:grid;grid-template-rows:auto 1fr;min-height:0;overflow:hidden;border:2px solid #e5e7eb;border-radius:10px;padding:8px;background:#fff;height:auto}.communication-subsection-header{font-size:11px;font-weight:700;color:#6b7280;padding:4px 0;border-bottom:1px solid #e5e7eb}.communication-content.to-world,.communication-content.from-world{min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.communication-card{border:2px solid #dbeafe;border-radius:12px;background:#f8fafc;padding:10px 12px;margin-bottom:10px;box-shadow:0 3px 8px #0f172a14;transition:transform .2s ease,box-shadow .2s ease;min-width:0}.communication-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a1f}.communication-card-clickable{cursor:pointer}.communication-card-clickable:hover{transform:translateY(-2px);box-shadow:0 6px 12px #3b82f633;border-color:#3b82f6}.communication-card-self{border-color:#c7d2fe;background:linear-gradient(135deg,#c7d2fe33,#f8fafccc)}.communication-card-moca{border-style:dashed;border-color:#10b981;border-width:2px;background:linear-gradient(135deg,#ecfdf5cc,#d1fae599);position:relative}.communication-card-moca:before{content:"📝";position:absolute;top:8px;right:8px;font-size:16px;opacity:.6}.communication-card-header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:center;font-size:11px;color:#475569;margin-bottom:4px}.communication-card-sender{font-weight:700;color:#1e293b;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.communication-card-time{font-variant-numeric:tabular-nums}.communication-card-type{display:inline-flex;align-items:center;font-size:10px;font-weight:700;color:#0f172a;background:#e2e8f0;padding:2px 8px;border-radius:999px;margin-bottom:6px}.communication-card-type-work{background:#dbeafe;color:#1d4ed8}.communication-card-type-focus{background:#fce7f3;color:#be185d}.communication-card-type-other{background:#e5e7eb;color:#374151}.communication-card-body{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#0f172a;min-width:0;overflow-wrap:anywhere;word-break:break-word}.communication-card-content{font-weight:700;font-variant-numeric:tabular-nums;min-width:0}.communication-card-comment{font-size:11px;color:#475569;line-height:1.4;min-width:0;overflow-wrap:anywhere;word-break:break-word}.communication-card-footer{margin-top:6px;font-size:10px;color:#64748b;font-weight:600;min-width:0;overflow-wrap:anywhere;word-break:break-word}.communication-good-buttons{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.skill-tree-section,.goal-section{display:grid;grid-template-rows:auto 1fr;min-height:0}.goal-progress{margin-bottom:8px}.goal-top-single{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.goal-top-left{display:flex;gap:6px;align-items:center}.goal-top-left #breakBtn[disabled]{opacity:.5;cursor:not-allowed}.goal-top-left #breakBtn.active{background:#ffe8e8;color:#b91c1c;font-weight:900}.goal-inline-start-active{background:#ef4444!important;color:#fff!important;box-shadow:0 2px #ef444459}.goal-inline-start-active:hover{background:#dc2626!important;color:#fff!important}.goal-inline-start-disabled{opacity:.6;cursor:not-allowed}.goal-inline-start-disabled:disabled{opacity:.6;cursor:not-allowed}.goal-top-right{font-weight:700;color:#374151;white-space:nowrap}.goal-progress-inline{flex:1 1 auto;min-width:120px;max-width:200px}.goal-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.goal-time-row{display:flex;align-items:center;gap:6px}.goal-inline-focus{padding:4px 10px;font-size:12px;border-radius:999px;background:#fef3c7;border:2px solid #fbbf24;font-weight:700}.goal-inline-focus-active{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;color:#b91c1c;box-shadow:0 2px #ef44442e}.goal-meta{font-weight:700;color:var(--ink)}.goal-remaining{padding:3px 8px;background:#1f2937;color:#fff;border-radius:10px;font-weight:900;font-size:12px;white-space:nowrap}.progress-bar{width:100%;max-width:200px;min-width:120px;height:24px;background:#e5e7eb;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.goal-remaining-inline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:11px;color:#fff;white-space:nowrap;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 1px #000;pointer-events:none;z-index:2}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);width:0%;position:absolute;left:0;border-radius:12px;transition:width .3s ease-out;z-index:1}.progress-text{text-align:center;margin-top:4px;font-size:12px;font-weight:700;color:#374151}.goal-controls{display:flex;justify-content:space-between;align-items:center}@keyframes celebration{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeinout{0%{opacity:0;transform:translate(-50%) translateY(20px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.pomodoro-panel{position:fixed;top:20px;right:20px;width:200px;background:#000000e6;border:2px solid #666;border-radius:8px;z-index:1000;padding:8px}.pomodoro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pomodoro-timer{font-size:24px;font-weight:700;text-align:center;margin-bottom:4px}.pomodoro-status{text-align:center;font-size:12px;margin-bottom:8px;color:#ccc}.pomodoro-controls{display:flex;gap:4px;justify-content:center}.communication-content{overflow:auto;min-height:0}.pieWrap{display:grid;grid-template-rows:auto 1fr;gap:6px;min-height:0}#pieCanvas{border:2px solid var(--line);border-radius:10px;background:#fff;width:100%;height:90px}#legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;align-content:start}.lg{display:flex;gap:4px;align-items:center}.sw{width:12px;height:12px;border-radius:3px;border:1px solid #00000022}.logBox{display:grid;grid-template-rows:auto 1fr;gap:6px;min-height:0;overflow-x:auto;overflow-y:hidden;border-radius:8px;padding:4px}.logBox input,.logBox button{pointer-events:auto;touch-action:manipulation;position:relative;z-index:11}.loghead>div:first-child,.loghead>div:nth-child(2),.loghead>div:nth-child(3),.loghead>div:nth-child(4),.loglist .log-project,.loglist .log-special,.loglist .log-sprintid,.loglist .log-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loghead{display:grid;grid-template-columns:minmax(80px,1.2fr) minmax(90px,1.05fr) minmax(92px,1.05fr) minmax(120px,1.35fr) minmax(90px,1fr) minmax(80px,1fr) 60px 60px 60px 56px 80px 70px 70px 70px;gap:4px;font-weight:900;border-bottom:1px dashed var(--line);padding-bottom:4px;min-width:0}.loglist{overflow-y:auto;display:grid;grid-auto-rows:minmax(16px,auto);row-gap:3px;min-height:0;min-width:0}.loglist>div{display:grid;grid-template-columns:minmax(80px,1.2fr) minmax(90px,1.05fr) minmax(92px,1.05fr) minmax(120px,1.35fr) minmax(90px,1fr) minmax(80px,1fr) 60px 60px 60px 56px 80px 70px 70px 70px;column-gap:4px;align-items:center;min-width:0}.log-sub{font-size:12px;color:#374151}.log-sub--empty{color:#9ca3af}.csvRow{display:flex;justify-content:flex-start;align-items:center;gap:6px;flex-wrap:wrap}.log-summary{font-size:12px;font-weight:600;color:#1f2937;white-space:nowrap;flex:0 0 auto;pointer-events:none;min-width:9em}.pie-header{align-items:center;gap:8px}.pie-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}.pie-controls select,.pie-controls input{flex:0 0 auto}.log-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.log-controls{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin-left:auto;min-width:0;padding:2px 0}.log-controls select,.log-controls input{flex:0 0 auto;white-space:nowrap}.log-range-select{width:56px!important;min-width:56px;font-size:11px;padding:4px 6px}.log-controls button{flex:0 0 auto;white-space:nowrap;padding:4px 8px;font-size:11px;min-width:auto}@media(max-width:768px){.pie-controls,.log-controls{gap:4px;flex-wrap:wrap}.pie-controls .log-summary,.log-controls .log-summary{order:5;flex-basis:100%;text-align:left;margin-top:4px}.pie-controls select,.pie-controls input,.log-controls select,.log-controls input,.log-controls button{flex:0 0 auto}}.overlay{position:fixed;inset:auto auto 10px 10px;width:660px;height:330px;display:none!important;pointer-events:none;z-index:1000;visibility:hidden}.overlay .card{display:none}.ovHead{display:flex;justify-content:space-between;align-items:center}.ovBody{overflow:auto;border:1px dashed var(--line);border-radius:12px;padding:8px;background:#fff}.ovFoot{display:flex;gap:8px;align-items:center}.badgeTip{position:absolute;left:50%;top:-24px;transform:translate(-50%);background:#0f172a;color:#fff;padding:4px 8px;border-radius:999px;font-size:11px;opacity:.9;display:none}.modal{position:fixed;inset:0;background:#00000040;display:none;align-items:center;justify-content:center;z-index:10000;touch-action:auto;pointer-events:auto;overflow-y:auto;padding:8px}@media(max-width:768px){.modal{align-items:flex-start;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}}.modal button,.modal .mutebtn{touch-action:manipulation;pointer-events:auto;cursor:pointer}.dialog{width:520px;max-width:92vw;max-height:90vh;overflow-y:auto;background:#fff;border-radius:18px;border:2px solid var(--line);padding:12px;box-shadow:0 20px 0 var(--shadow)}#editModal .dialog{max-width:420px;width:90%;padding:16px}#editModal .grid-2col{gap:12px}#editModal .grid-2col input{max-width:180px;width:100%;padding:10px 12px;font-size:14px;border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}#editModal .grid-2col input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}#editModal .mb-8{margin-bottom:20px}#editModal .section-title{margin-bottom:8px}#editModal #editSubKindProjectSelect{width:100%;max-width:100%;padding:10px 12px;font-size:14px;border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}#editModal #editSubKindProjectSelect:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}#editModal .subkind-edit-item{align-items:stretch}#editModal .subkind-edit-item input{min-width:0}#editModal label{font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}#editModal #editSubKindAddBtn{width:100%;padding:10px 12px;font-size:13px;font-weight:600;border-radius:8px;margin-top:8px}#editModal .row-end{margin-top:16px}#editModal #editSave{width:100%;padding:12px 16px;font-size:14px;font-weight:600;border-radius:8px}.dialog h3{margin:0 0 6px;font-size:14px}.dialog .row-end{display:flex;justify-content:flex-end;margin-top:8px}.dialog label{font-weight:700}@media(min-width:1025px){.sessionBar{flex-direction:row;align-items:center;gap:12px;padding:8px 16px}.sessionBar-left{flex:1;min-width:0}.sessionBar h1{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bgm-info{font-size:11px}.sessionBar-right{justify-content:flex-end;gap:8px;flex:0 0 auto;width:auto;white-space:nowrap}}.subkinds-list{display:flex;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;line-height:1.3;min-height:42px;transition:border-color .15s ease,box-shadow .15s ease}.subkind-edit-item input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.privacy-settings-list{display:flex;flex-direction:column;gap:12px}.privacy-setting-item{display:flex;flex-direction:column;gap:8px}.privacy-toggle-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #d1d5db;background:#fff;border-radius:12px;padding:10px 16px;font-size:13px;color:#1f2937;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease}.privacy-toggle-row:hover{border-color:#2563eb;box-shadow:0 4px 10px #3b82f626;transform:translateY(-1px)}.privacy-toggle-row:focus-visible{outline:2px solid rgba(59,130,246,.45);outline-offset:2px}.privacy-toggle-row.is-on{background:linear-gradient(135deg,#1f2937,#111827);border-color:#111827;color:#f9fafb;box-shadow:0 6px 16px #0f172a59}.privacy-toggle-row__label{font-weight:600;letter-spacing:.01em;display:flex;flex-direction:column;gap:2px}.privacy-toggle-row__state{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#f3f4f6;color:#1f2937}.privacy-toggle-row.is-on .privacy-toggle-row__state{background:#ffffff2e;color:#f9fafb}.privacy-toggle-row__hint{font-size:12px;color:#6b7280;letter-spacing:.01em}.privacy-toggle-row__hint-inline{font-size:10px;color:#6b7280;font-weight:400}.button-danger{background:#ef4444;color:#fff;border:1px solid #dc2626}.button-danger:hover{background:#dc2626}.button-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.button-secondary:hover{background:#e5e7eb}.block{display:block}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mt-4{margin-top:4px}.w-200{width:200px}.magic-circle{position:fixed;top:50%;left:50%;width:200px;height:200px;z-index:10000;pointer-events:none;display:none;opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-180deg);transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.magic-circle.show{display:block;opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.magic-circle-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,#1e143cf2,#0f0a28f2,#050514f2);border:3px solid rgba(212,175,55,.8);box-shadow:0 0 40px #9370db99,inset 0 0 60px #4b008266,0 0 100px #8a2be24d}.magic-circle-runes{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.rune{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-90px) rotate(calc(-1 * var(--angle)));font-size:12px;color:#d4af37e6;text-shadow:0 0 10px rgba(212,175,55,.8);font-family:Times New Roman,serif;font-weight:700}.magic-circle-orbits{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;animation:orbit-rotate 8s linear infinite}.orbit-1{animation-duration:8s}.orbit-2{animation-duration:12s;animation-direction:reverse}.orbit-3{animation-duration:15s}.orb-light{position:absolute;top:0;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(147,112,219,.8) 50%,transparent 100%);box-shadow:0 0 10px #ffffffe6,0 0 20px #9370db99;z-index:1}.orb-trail{position:absolute;top:0;left:50%;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);box-shadow:0 0 4px #ffffff4d;pointer-events:none;opacity:0;transform-origin:50% 100px;animation:orbit-rotate 8s linear infinite,orb-trail-fade 1.5s ease-out infinite}.orbit-1 .orb-trail{animation:orbit-rotate 8s linear infinite,orb-trail-fade 1.5s ease-out infinite}.orbit-1 .orb-trail-1{animation-delay:0s,0s;transform:translate(-50%) translateY(-100px)}.orbit-1 .orb-trail-2{animation-delay:0s,.3s;transform:translate(-50%) translateY(-100px) rotate(72deg)}.orbit-1 .orb-trail-3{animation-delay:0s,.6s;transform:translate(-50%) translateY(-100px) rotate(144deg)}.orbit-1 .orb-trail-4{animation-delay:0s,.9s;transform:translate(-50%) translateY(-100px) rotate(216deg)}.orbit-1 .orb-trail-5{animation-delay:0s,1.2s;transform:translate(-50%) translateY(-100px) rotate(288deg)}.orbit-2 .orb-trail{animation:orbit-rotate 12s linear infinite reverse,orb-trail-fade 1.5s ease-out infinite}.orbit-2 .orb-trail-1{animation-delay:0s,0s;transform:translate(-50%) translateY(-100px)}.orbit-2 .orb-trail-2{animation-delay:0s,.3s;transform:translate(-50%) translateY(-100px) rotate(72deg)}.orbit-2 .orb-trail-3{animation-delay:0s,.6s;transform:translate(-50%) translateY(-100px) rotate(144deg)}.orbit-2 .orb-trail-4{animation-delay:0s,.9s;transform:translate(-50%) translateY(-100px) rotate(216deg)}.orbit-2 .orb-trail-5{animation-delay:0s,1.2s;transform:translate(-50%) translateY(-100px) rotate(288deg)}.orbit-3 .orb-trail{animation:orbit-rotate 15s linear infinite,orb-trail-fade 1.5s ease-out infinite}.orbit-3 .orb-trail-1{animation-delay:0s,0s;transform:translate(-50%) translateY(-100px)}.orbit-3 .orb-trail-2{animation-delay:0s,.3s;transform:translate(-50%) translateY(-100px) rotate(72deg)}.orbit-3 .orb-trail-3{animation-delay:0s,.6s;transform:translate(-50%) translateY(-100px) rotate(144deg)}.orbit-3 .orb-trail-4{animation-delay:0s,.9s;transform:translate(-50%) translateY(-100px) rotate(216deg)}.orbit-3 .orb-trail-5{animation-delay:0s,1.2s;transform:translate(-50%) translateY(-100px) rotate(288deg)}@keyframes orb-trail-fade{0%{opacity:.5}50%{opacity:.3}to{opacity:0}}.orbit-2 .orb-trail{background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);box-shadow:0 0 3px #ffd70033}.orbit-3 .orb-trail{background:radial-gradient(circle,rgba(138,43,226,.3) 0%,transparent 70%);box-shadow:0 0 3px #8a2be233}.orbit-2 .orb-light{width:4px;height:4px;background:radial-gradient(circle,rgba(255,215,0,1) 0%,rgba(255,140,0,.8) 50%,transparent 100%);box-shadow:0 0 8px #ffd700e6,0 0 15px #ff8c0099}.orbit-2 .orb-light:after{background:radial-gradient(circle,rgba(255,215,0,.5) 0%,transparent 70%);box-shadow:0 0 6px #ffd7004d}.orbit-3 .orb-light{width:5px;height:5px;background:radial-gradient(circle,rgba(138,43,226,1) 0%,rgba(75,0,130,.8) 50%,transparent 100%);box-shadow:0 0 9px #8a2be2e6,0 0 18px #4b008299}.orbit-3 .orb-light:after{background:radial-gradient(circle,rgba(138,43,226,.5) 0%,transparent 70%);box-shadow:0 0 7px #8a2be24d}@keyframes orbit-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.magic-spell{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .2s ease,filter .2s ease;pointer-events:none;z-index:20}.magic-spell-up{transform:translate(-50%,-50%) translateY(-70px)}.magic-spell-right{transform:translate(-50%,-50%) translate(70px)}.magic-spell-down{transform:translate(-50%,-50%) translateY(70px)}.magic-spell-left{transform:translate(-50%,-50%) translate(-70px)}.magic-spell.selected{filter:brightness(1.5) drop-shadow(0 0 15px rgba(255,255,255,.8));animation:spell-pulse .5s ease infinite}.magic-spell-up.selected{animation:spell-pulse-up .5s ease infinite}.magic-spell-right.selected{animation:spell-pulse-right .5s ease infinite}.magic-spell-down.selected{animation:spell-pulse-down .5s ease infinite}.magic-spell-left.selected{animation:spell-pulse-left .5s ease infinite}@keyframes spell-pulse-up{0%,to{transform:translate(-50%,-50%) translateY(-70px) scale(1.2)}50%{transform:translate(-50%,-50%) translateY(-70px) scale(1.3)}}@keyframes spell-pulse-right{0%,to{transform:translate(-50%,-50%) translate(70px) scale(1.2)}50%{transform:translate(-50%,-50%) translate(70px) scale(1.3)}}@keyframes spell-pulse-down{0%,to{transform:translate(-50%,-50%) translateY(70px) scale(1.2)}50%{transform:translate(-50%,-50%) translateY(70px) scale(1.3)}}@keyframes spell-pulse-left{0%,to{transform:translate(-50%,-50%) translate(-70px) scale(1.2)}50%{transform:translate(-50%,-50%) translate(-70px) scale(1.3)}}.spell-icon{font-size:24px;filter:drop-shadow(0 0 5px rgba(255,255,255,.5));transition:transform .2s ease}.magic-spell.selected .spell-icon{animation:icon-glow .5s ease infinite}@keyframes icon-glow{0%,to{filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 25px rgba(255,255,255,1))}}.spell-label{font-size:10px;color:#ffffffe6;text-shadow:0 0 4px rgba(0,0,0,.8);font-weight:600;letter-spacing:.5px}.magic-spell.is-unavailable .spell-icon{filter:grayscale(.85) brightness(.5);box-shadow:none}.magic-spell.is-unavailable .spell-label{color:#adb8b7}.magic-spell .spell-condition{position:absolute;top:3px;right:-18px;color:#ffb5b5;background:#30262cee;border:1px solid #965e65;border-radius:3px;padding:1px 3px;font-size:9px;line-height:1.3;white-space:nowrap;pointer-events:none}.magic-crystal{position:absolute;top:50%;left:50%;width:40px;height:40px;pointer-events:none;transition:transform .14s ease-out;z-index:1;--crystal-x: 0;--crystal-y: 0}.crystal-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffd2f2,#ffe18ceb 35%,#ffb95ae0 65%,#d7782dd9),conic-gradient(from 0deg,#fff5c866,#ffc87826,#fff5c866);box-shadow:0 0 25px #ffc85a99,0 0 45px #ffa03c73,inset 0 0 12px #ffffdcbf;animation:crystal-pulse 2s ease-in-out infinite}.crystal-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,120,.45) 0%,rgba(255,170,80,.25) 55%,transparent 80%);animation:crystal-glow-pulse 1.8s ease-in-out infinite}.magic-crystal{--crystal-x: 0;--crystal-y: 0;transition:transform .14s ease-out;transform:translate(calc(-50% + var(--crystal-x, 0)),calc(-50% + var(--crystal-y, 0)))!important}.magic-crystal.move-to-up:not([style*=--crystal-x]){transform:translate(-50%,-50%) translateY(-55px)}.magic-crystal.move-to-right:not([style*=--crystal-x]){transform:translate(-50%,-50%) translate(55px)}.magic-crystal.move-to-down:not([style*=--crystal-x]){transform:translate(-50%,-50%) translateY(55px)}.magic-crystal.move-to-left:not([style*=--crystal-x]){transform:translate(-50%,-50%) translate(-55px)}@keyframes crystal-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}@keyframes crystal-glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.magic-selection-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transition:opacity .3s ease}.magic-circle.casting .magic-selection-glow{opacity:1;animation:casting-explosion .5s ease-out}@keyframes casting-explosion{0%{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.8}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.magic-circle.closing{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(180deg);transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.magic-spell .spell-icon{position:relative}.magic-spell[data-cooling=true] .spell-icon:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(rgba(6,14,28,.82) calc(var(--cooldown, 0) * 360deg),transparent 0);pointer-events:none}.magic-spell[data-cooling=true]{filter:saturate(.45) brightness(.85)}.magic-spell .spell-cooldown{min-height:12px;font:700 11px/1 system-ui,sans-serif;color:#ffe6ad;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.guest-skill-hint{display:none}.guest-view-only .guest-skill-hint{display:flex;align-items:center;justify-content:center;min-height:32px;box-sizing:border-box;margin:0;padding:3px 8px;color:#f5e8bd;background:#16353b;border-top:1px solid #aa966955;font:600 14px/1.4 Yu Gothic,Meiryo,sans-serif}.guest-skill-hint__mobile{display:none}@media(max-width:768px),(max-height:500px)and (orientation:landscape){.guest-skill-hint__pc{display:none}.guest-view-only .guest-skill-hint{height:36px;padding:2px 6px}.guest-skill-hint__mobile{display:flex;align-items:center;gap:5px}.guest-skill-hint__icon{display:block;position:relative;flex:none;width:30px;height:30px;pointer-events:none}.guest-skill-hint__button{display:block;position:relative;width:70px;height:70px;transform:scale(.428571);transform-origin:top left;--stick-x:0px;--stick-y:0px}.guest-skill-hint__button .mobile-magic-button__pad{display:block;box-sizing:border-box}.guest-skill-hint__button .mobile-magic-button__pad:before{animation:none;transform:rotate(90deg)}.guest-skill-hint__button:after{content:"スキル";position:absolute;bottom:5px;left:0;right:0;text-align:center;color:#e7e5d9;font:600 10px system-ui;text-shadow:0 1px 3px #091626}.guest-view-only #mapArea.map-area #game{height:calc(var(--mobile-activity-height) - 36px)!important}}.guest-view-only .guest-record-locked{opacity:.6;cursor:pointer}.guest-view-only .project-category-box .guest-record-locked{opacity:1}.guest-view-only #category-list .chip:not(.active){opacity:.3;filter:grayscale(1);box-shadow:none;cursor:not-allowed}#guestRegistrationDialog{max-width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:22px;border:1px solid #d1b77c;border-radius:12px;background:#fffdf5;color:#354038;font:14px/1.7 Yu Gothic,Meiryo,sans-serif;box-shadow:0 12px 40px #0004}#guestRegistrationDialog::backdrop{background:#15232988}#guestRegistrationDialog h2{margin:0 0 10px;font-size:19px}#guestRegistrationDialog p{margin:0 0 18px}.guest-registration-actions{display:flex;gap:10px}.guest-registration-actions button,.guest-registration-actions a{flex:1;text-align:center;padding:9px 12px;border:1px solid #b6bcae;border-radius:7px;background:#fff;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.guest-registration-actions a{background:#d77e04;border-color:#d77e04;color:#fff;font-weight:700}.mobile-move-stick,.mobile-work-stick,.mobile-magic-button,.mobile-game-actions{display:none}@media(max-width:768px),(max-height:500px)and (orientation:landscape){:root{--status-section-gap: 3px;--status-section-padding: 4px 6px;--status-card-gap: 3px;--status-card-padding: 4px 6px;--status-font-size: 11px;--status-row-line-height: 1.15;--status-row-min-height: 1.2rem;--status-row-gap: .4em;--status-next-exp-font-size: 11px;--status-next-exp-min-width: 7.6em;--status-label-font-size: 11px;--status-total-exp-font-size: 11px}html,body{height:auto;min-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:manipulation;-ms-touch-action:manipulation}body{font-size:11px;padding-bottom:150px}.wrap{padding:6px;gap:6px}.panel{padding:6px;margin-bottom:8px;border-width:1px;border-radius:10px;box-shadow:none;min-width:0}.section{padding:5px 6px;gap:3px;border-width:1px;border-radius:8px}.section>strong{font-size:11px;padding-bottom:2px}.rpg-stats,.rpg-row{gap:4px}.chip{padding:4px 8px;border-width:1px;font-size:10px}.project-actions{display:flex;flex-direction:column;gap:8px}.projRow-wrapper{display:flex!important;flex-direction:column!important;gap:6px}.projRow-wrapper .projRow{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:6px;align-items:center;padding-bottom:2px}.projRow-wrapper .projRow>*{flex-shrink:0}.projRow-wrapper #todoChipBtn{width:100%;padding:10px 16px;font-size:13px;font-weight:700;border-radius:0;background:transparent;color:#fff;border:none;touch-action:manipulation}.actions-row{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:4px}.actions-row>*{flex-shrink:0}.actions-row-left{display:flex;align-items:center;gap:6px;flex-shrink:0;width:100%}.actions-row-right{display:flex;align-items:center;gap:4px;flex-shrink:0;width:100%;flex-wrap:wrap}.goal-progress-inline{width:100%;max-width:120px}.subkind-inline{display:flex!important;flex-wrap:nowrap!important;gap:4px;width:100%;align-items:center}.project-category-box-bottom{width:100%;gap:8px}.project-category-box-bottom .project-hotbar{flex:0 0 44%;width:44%!important;min-width:0!important}.project-category-box-bottom #projectNoteInput{flex:1 1 56%;width:56%!important;min-width:0!important;box-sizing:border-box;height:32px!important;padding:0 10px!important;font-size:16px!important;transform:scale(.625)!important;transform-origin:left center!important}.subkind-inline>*{flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1);pointer-events:auto}.subkind-inline #editAllBtnInline{flex:0 0 auto;white-space:nowrap}.subkind-inline select,.subkind-inline .project-hotbar{flex:0 0 44%;width:44%!important;min-width:0!important}.subkind-inline input{flex:1 1 56%;width:56%!important;min-width:0!important}.subkind-inline select,.subkind-inline input{box-sizing:border-box;height:32px!important;padding:0 10px!important;font-size:16px!important;transform:scale(.625)!important;transform-origin:left center!important}.project-actions .subkind-inline{display:flex!important;flex-direction:row;flex-wrap:nowrap!important;gap:8px;width:100%}.project-actions .subkind-inline select,.project-actions .subkind-inline .project-hotbar{flex:0 0 44%;width:44%!important}.project-hotbar-row{width:100%;margin-top:4px}.project-actions .subkind-inline input{flex:1 1 56%;width:56%!important}.goal-top-left{display:flex!important;flex-wrap:nowrap!important;gap:6px}.goal-top-left>*{flex-shrink:0}.goalWrap{margin-top:6px!important}.goal-top-single{flex-direction:column;align-items:flex-start;gap:6px}#goalInlineStartBtn{padding:6px 10px;font-size:11px}.goal-progress-inline{width:100%}.progress-bar{max-width:100%;min-width:0}.goal-top-right{font-size:10px;width:100%}.goal-row{grid-template-columns:1fr;gap:6px}.goal-progress{width:100%}.goal-remaining{text-align:left}.projRow{display:flex!important;flex-wrap:nowrap!important;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.middle,.right{display:block}.middle .section.condensed,.pie-section,.log-section,.month-pie-section,.communication-section,.skill-tree-section{max-height:none;overflow:visible;display:block}.middle .section.condensed .pieWrap,.middle .section.condensed .todo-list,.pieWrap,.logBox,.loglist{max-height:none}.sessionBar{position:sticky!important;top:0!important;z-index:100!important;display:flex!important;flex-direction:column!important;flex-wrap:wrap!important;gap:4px!important;padding:6px 8px!important;align-items:flex-start!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;margin:0!important;left:0!important;right:0!important}.sessionBar-left{display:contents!important}.sessionBar h1{font-size:11px!important;line-height:1.3!important;margin:0!important;padding:0!important;display:block!important;width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.sessionBar-left>span[id=versionTag]{display:block!important;width:100%!important;font-size:9px!important}.sessionBar-left>span:not([id=versionTag]){display:block!important;width:100%!important;font-size:10px!important}.sessionBar-right{display:flex!important;flex-wrap:wrap;gap:4px;width:100%}.sessionBar-right>*{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;padding:4px 10px;font-size:11px!important;margin:0}.sessionBar-right #notification-react-badge{padding:0!important;font-size:inherit!important}.sessionBar-right>select{display:inline-block!important;padding:4px 8px}#bgmBtn,#sessionAuthBtn{padding:5px 9px;font-size:12px}#bgmTrackSelect{padding:6px 10px;font-size:14px;min-width:56px;max-width:80px;height:32px}.wrap{display:block;padding:8px;gap:0}.panel{padding:8px;margin-bottom:12px;width:100%}.section{padding:6px 8px;gap:4px;margin-bottom:8px}.section>strong{font-size:12px;padding-bottom:3px}.chip{padding:4px 8px;font-size:10px}#todoModal .todo-action-buttons{display:flex;gap:6px;width:100%}#todoModal .todo-action-buttons button{flex:1;padding:8px 12px!important;font-size:13px!important;border-radius:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 6px #0000001a;min-height:auto;height:auto;line-height:1.4;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px}#todoModal .todo-action-buttons button span.chip-icon{font-size:14px;flex-shrink:0}#todoModalScrollArea{margin-right:0;padding-right:4px;overflow-x:hidden}#todoModal .todo-list{max-height:none;overflow-x:hidden;overflow-y:auto}#todoModal .todo-quick-input{width:100%;box-sizing:border-box;padding:10px;font-size:16px;margin-bottom:8px}#todoModalQuickInputList{margin-bottom:8px}.todo-card-header{margin-bottom:12px}.small{font-size:10px}.button,.mutebtn{padding:5px 8px;font-size:11px}input,select,textarea{padding:6px 8px;font-size:16px;transform:scale(.6875);transform-origin:left center}#editModal input,#editModal select,#editModal textarea{transform:none!important;font-size:16px;padding:10px 12px}#editModal .subkind-edit-item input{font-size:16px;padding:6px 10px;min-height:32px}.todo-quick{font-size:16px!important;transform:scale(.6875)!important;transform-origin:left center!important}:root{--game-h: 340px}#game{height:340px;min-height:340px}.map-area{touch-action:pan-y}#game>canvas{touch-action:none}body.work-stick-expanded,body.work-stick-expanded html{overflow:hidden!important;touch-action:none!important}body.work-stick-expanded #game>canvas{touch-action:none!important}.mobile-move-stick{touch-action:none!important}.map-fullscreen-btn{width:40px!important;height:40px!important;font-size:14px!important;line-height:1;z-index:1000;pointer-events:auto;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;padding:0}.map-fullscreen-close-btn{width:40px!important;height:40px!important;font-size:18px!important;z-index:10001;pointer-events:auto}.map-zoom-control,.map-zoom-toggle-btn{touch-action:none!important}.map-area #game{height:340px!important;min-height:340px!important}.status{flex-wrap:wrap}.mapCtrl,.pieWrap{min-height:auto}.logBox{max-height:340px}.loglist{max-height:180px;overflow:hidden}.shortcut-section{display:none}.projRow{display:flex!important;flex-wrap:nowrap!important;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.projRow .chip{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:fit-content;text-align:center}.mobile-move-stick{position:fixed;left:18px;bottom:18px;top:auto;transform:none;width:80px;height:80px;z-index:141;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;--stick-intensity: 0;--trail-x: 50%;--trail-y: 50%;--stick-angle: 0deg;--stick-saturation: 1}.mobile-move-stick__pad{width:100%;height:100%;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 50%,#ffffff59,#ffffff14),conic-gradient(from var(--stick-angle),rgba(249,205,83,.45),rgba(86,194,198,.38),rgba(249,205,83,.45));overflow:hidden;border:2px solid rgba(15,23,42,.12);box-shadow:0 6px 12px #0f172a2e,inset 0 3px 6px #ffffff73;filter:saturate(var(--stick-saturation));transition:background .2s ease,filter .14s ease,opacity .3s ease}.mobile-move-stick--active .mobile-move-stick__pad{background:radial-gradient(circle at var(--trail-x) var(--trail-y),rgba(255,189,26,.35),rgba(255,255,255,0) 60%),conic-gradient(from var(--stick-angle),rgba(249,205,83,.55),rgba(86,194,198,.45),rgba(249,205,83,.55))}.mobile-move-stick--active .mobile-move-stick__pad{box-shadow:0 8px 14px #0f172a40,inset 0 3px 6px #fff6;opacity:calc(.55 + var(--stick-intensity) * .35)}.mobile-move-stick--active .mobile-move-stick__clock-overlay{opacity:.9}.mobile-move-stick--disabled{opacity:.4;pointer-events:auto;transition:opacity .3s ease}.mobile-move-stick--disabled .mobile-move-stick__pad{background:radial-gradient(circle at 50% 50%,#c8c8c80d,#96969608),conic-gradient(from 0deg,#9696960d,#78787808,#9696960d);filter:grayscale(1) saturate(0)}.mobile-move-stick--disabled .mobile-move-stick__clock-overlay{opacity:.1}.mobile-move-stick:not(.mobile-move-stick--disabled){transition:opacity .15s ease}.mobile-move-stick__clock-overlay{position:absolute;inset:0;border-radius:50%;opacity:.8;pointer-events:none;z-index:1;transition:background .2s ease}.mobile-move-stick__pad:after{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 0 4px #ffffff59;opacity:.85;pointer-events:none;z-index:3}.mobile-move-stick--pulse .mobile-move-stick__pad:after{animation:moveStickRipple .62s ease-out forwards}.mobile-move-stick__stick{position:absolute;top:50%;left:50%;width:34px;height:34px;border-radius:50%;transform:translate(-50%,-50%);transition:transform .14s ease-out;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.75);background:radial-gradient(circle at 28% 28%,#fffffffa,#94a3b866),repeating-linear-gradient(45deg,rgba(255,255,255,.2) 0 2px,transparent 2px 5px);box-shadow:0 4px 8px #0f172a38,inset 0 3px 6px #fff9}.mobile-move-stick--active .mobile-move-stick__stick{transform:translate(-50%,-50%) scale(.95)}@keyframes moveStickRipple{0%{opacity:.55;transform:scale(.65)}80%{opacity:.2}to{opacity:0;transform:scale(1.2)}}.mobile-work-stick{position:fixed;inset:auto 4px 4px auto;transform:none;width:225px;height:225px;z-index:140;display:flex;align-items:center;justify-content:center;pointer-events:auto;--active-sector-angle: 0deg;--active-sector-strength: 0;--drag-intensity: 0}.mobile-work-stick__pad{position:absolute;inset:0;border-radius:50%;background:#f8fafc;border:12px solid #E2E8F0;box-shadow:0 9px 18px #0f172a26;overflow:visible;transform-origin:center;transition:border-color .16s ease,box-shadow .16s ease,transform .22s ease,opacity .18s ease;will-change:transform,opacity}.mobile-work-stick--active .mobile-work-stick__pad{border-color:#3b82f666;box-shadow:0 12px 24px #2563eb38}.mobile-work-stick__ribs{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;transition:opacity .18s ease,transform .2s ease}.mobile-work-stick__rib{stroke:#94a3b8;stroke-width:1.5;transition:stroke .14s ease,stroke-width .14s ease,filter .14s ease}.mobile-work-stick__rib.active{stroke:#2563eb;stroke-width:2.6;filter:drop-shadow(0 0 6px rgba(37,99,235,.45))}.mobile-work-stick__labels{position:absolute;inset:0;pointer-events:none;z-index:2;display:block;transition:opacity .18s ease,transform .2s ease}.mobile-work-stick__label{position:absolute;left:50%;top:50%;width:39px;height:39px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#0f172ae6;text-shadow:0 2px 9px rgba(15,23,42,.35);transform:translate(-50%,-50%);transition:transform .14s ease,color .14s ease,opacity .14s ease;opacity:.85}.mobile-work-stick__label.active{color:#1d4ed8;transform:translate(-50%,-50%) scale(1.15);opacity:1}.mobile-work-stick__center{position:absolute;top:50%;left:50%;width:63px;height:63px;border-radius:50%;background:#f8fafc;border:3px solid #E2E8F0;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:transform .12s ease-out,background .14s ease,border-color .14s ease,box-shadow .14s ease;z-index:3;box-shadow:0 3px 9px #0f172a1a}.mobile-work-stick__center.active{background:#3b82f6;border-color:#2563eb;box-shadow:0 5px 18px #3b82f64d}.mobile-work-stick__center-label{font-size:11px;font-weight:600;color:#1e293bcc;text-align:center;line-height:1.2;transition:color .14s ease,font-size .14s ease}.mobile-work-stick__center.active .mobile-work-stick__center-label{color:#fff;font-size:12px}.mobile-work-stick--working .mobile-work-stick__center{background:#ef4444;border-color:#b91c1c;box-shadow:0 5px 18px #ef444466}.mobile-work-stick--working .mobile-work-stick__center-label{color:#fff}.mobile-work-stick__pad:before{content:"";position:absolute;inset:-6px;border-radius:50%;opacity:calc(var(--active-sector-strength) * .95);pointer-events:none;transition:opacity .14s ease;background:radial-gradient(circle at 30% 35%,rgba(147,197,253,.75),transparent 55%),radial-gradient(circle at 68% 32%,rgba(167,243,208,.65),transparent 60%),radial-gradient(circle at 44% 68%,rgba(248,250,190,.65),transparent 58%);background-blend-mode:lighten;filter:blur(9px);mask:conic-gradient(from calc(var(--active-sector-angle) - 32deg),transparent 0deg,rgba(0,0,0,.95) 6deg,rgba(0,0,0,.95) 54deg,transparent 60deg);-webkit-mask:conic-gradient(from calc(var(--active-sector-angle) - 32deg),transparent 0deg,rgba(0,0,0,.95) 6deg,rgba(0,0,0,.95) 54deg,transparent 60deg)}.mobile-work-stick__pad:after{content:"";position:absolute;inset:-9px;border-radius:50%;opacity:calc(var(--active-sector-strength) * .9);pointer-events:none;transition:opacity .14s ease;background:conic-gradient(from calc(var(--active-sector-angle) - 30deg),transparent 0deg,rgba(103,232,249,.95) 6deg,rgba(129,199,212,.95) 30deg,rgba(167,243,208,.95) 56deg,transparent 60deg);filter:blur(6px);mask:radial-gradient(circle,transparent calc(50% - 36px),#000 calc(50% - 30px),#000 100%);-webkit-mask:radial-gradient(circle,transparent calc(50% - 36px),#000 calc(50% - 30px),#000 100%)}.mobile-work-stick--preview .mobile-work-stick__center{transform:translate(-50%,-50%) scale(.95)}.mobile-work-stick--collapsed .mobile-work-stick__pad:before,.mobile-work-stick--collapsed .mobile-work-stick__pad:after,.mobile-work-stick--collapsed .mobile-work-stick__ribs,.mobile-work-stick--collapsed .mobile-work-stick__labels,.mobile-work-stick--collapsed .mobile-work-stick__label{opacity:0;visibility:hidden;pointer-events:none}.mobile-work-stick--collapsed .mobile-work-stick__pad{border-color:transparent;background:transparent;box-shadow:none;transform:none;pointer-events:none}.mobile-work-stick:not(.mobile-work-stick--collapsed){touch-action:none!important}.mobile-work-stick--collapsed{pointer-events:none;touch-action:pan-x pan-y}.mobile-work-stick--collapsed .mobile-work-stick__center{pointer-events:auto}.mobile-work-stick--collapsed .mobile-work-stick__ribs,.mobile-work-stick--collapsed .mobile-work-stick__labels{transform:scale(.85)}.mobile-magic-button{position:fixed;left:112px;bottom:28px;top:auto;transform:none;width:60px;height:60px;z-index:142;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;--stick-x: 0px;--stick-y: 0px;--stick-intensity: 0;--stick-angle: 0deg}.mobile-magic-button__pad{width:100%;height:100%;border-radius:50%;border:2px solid rgba(100,150,255,.3);box-shadow:0 6px 12px #0006,inset 0 3px 6px #ffffff1a,0 0 20px #6496ff33;transition:box-shadow .14s ease,opacity .3s ease;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.8) 0%,transparent 1%),radial-gradient(circle at 60% 20%,rgba(255,255,255,.6) 0%,transparent 1%),radial-gradient(circle at 80% 60%,rgba(255,255,255,.7) 0%,transparent 1%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.5) 0%,transparent 1%),radial-gradient(circle at 15% 70%,rgba(255,255,255,.6) 0%,transparent 1%),radial-gradient(circle at 75% 25%,rgba(255,255,255,.5) 0%,transparent 1%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.7) 0%,transparent 1%),radial-gradient(circle at 30% 50%,rgba(255,255,255,.4) 0%,transparent 1%),radial-gradient(circle at 50% 50%,#140a2899,#0a0519cc,#05020ff2);position:relative;overflow:hidden}.mobile-magic-button__pad:before{content:"";position:absolute;inset:0;border-radius:50%;transform-origin:center center;background:radial-gradient(circle at 30% 50%,rgba(220,220,255,.8) 0%,rgba(180,180,240,.6) 15%,rgba(140,140,200,.3) 30%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(255,240,150,.9) 0%,rgba(255,200,100,.7) 20%,rgba(255,160,80,.4) 35%,transparent 55%);animation:cosmos-rotate 20s linear infinite;pointer-events:none;z-index:1}@keyframes cosmos-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-magic-button--active .mobile-magic-button__pad{box-shadow:0 8px 14px #6496ff4d,inset 0 3px 6px #ffffff26,0 0 30px #6496ff4d;opacity:calc(.9 + var(--stick-intensity) * .1);filter:brightness(1.15)}.mobile-magic-button__pad:after{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 0 4px #ffffff59;opacity:.85;pointer-events:none;z-index:3}.mobile-magic-button__stick{position:absolute;top:50%;left:50%;width:28px;height:28px;border-radius:50%;transform:translate(calc(-50% + var(--stick-x)),calc(-50% + var(--stick-y)));transition:transform .14s ease-out;display:flex;align-items:center;justify-content:center;border:2px solid rgba(220,230,255,.85);background:radial-gradient(circle at 40% 35%,#fffffff2,#dce1f0e6 35%,#aab4d2d9 65%,#828caacc),radial-gradient(circle at 65% 70%,rgba(140,150,180,.35) 0%,transparent 35%),radial-gradient(circle at 30% 75%,rgba(160,170,190,.25) 0%,transparent 30%);box-shadow:0 0 14px #c8d2ff66,inset 0 2px 6px #ffffffb3;z-index:2}.mobile-magic-button--work-active{opacity:.1;pointer-events:none;transition:opacity .3s ease}.mobile-magic-button--work-active .mobile-magic-button__pad,.mobile-magic-button--work-active .mobile-magic-button__stick{opacity:.1}.mobile-magic-button:not(.mobile-magic-button--work-active){transition:opacity .15s ease}.mobile-magic-button:not(.mobile-magic-button--work-active) .mobile-magic-button__pad{transition:box-shadow .14s ease,opacity .15s ease}.mobile-magic-button--active .mobile-magic-button__stick{transform:translate(calc(-50% + var(--stick-x)),calc(-50% + var(--stick-y))) scale(.95)}}@media(max-width:480px){body{font-size:10px;padding-bottom:160px}.sessionBar{padding:5px 6px}.sessionBar h1{font-size:12px}.sessionBar small{font-size:9px}.wrap{padding:6px;gap:6px}.panel{padding:6px;margin-bottom:8px;border-width:1px;border-radius:10px;box-shadow:none}.section{padding:4px 6px;gap:3px;margin-bottom:6px;border-width:1px;border-radius:8px}.chip{padding:4px 8px;font-size:10px}:root{--game-h: 340px}#game{height:340px;min-height:340px}.map-area #game{height:340px!important;min-height:340px!important}.goal-top-right{font-size:9px}}@media(max-width:768px),(max-height:500px)and (orientation:landscape){button,.button,.mutebtn,.chip,[role=button],[onclick],a,select,input[type=button],input[type=submit],.category-tab,.goal-type-btn,.project-subcat-tab,.tab-btn,.right-panel-tab,.sprint-tab,.habit-day-btn,.project-chip,.project-hotbar-slot,.todo-item,.goal-card,.notification-item,.settings-item,.dropdown-item,.modal-close,.close-btn,#sessionAuthBtn,#bgmBtn,#notificationBtn,#notification-react-badge .notification-btn,#settingsBtn,#editAllBtnInline,#avatarBtn,#todoChipBtn,#createGoalBtn,#goalModalProjectEditBtn,.work-start-btn,.focus-start-btn,.map-zoom-btn,.map-fullscreen-btn{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:auto;cursor:pointer}button:active,.button:active,.mutebtn:active,.chip:active,[role=button]:active{opacity:.7;transform:scale(.98)}button,.button,.mutebtn,.chip,[role=button],.tab-btn,.category-tab{min-height:36px;min-width:36px}.sessionBar-right button,.sessionBar-right .mutebtn{min-height:32px;min-width:32px;padding:6px 10px}#editAllBtnInline,#avatarBtn{min-height:32px;padding:6px 12px}.work-start-btn,.focus-start-btn,#startBtn,#focusStartBtn{min-height:44px;padding:10px 16px;font-size:14px}#createGoalBtn{min-height:40px;padding:8px 14px}.right-panel-tab,.sprint-tab,.project-subcat-tab{min-height:36px;padding:8px 12px}.world-card,.fromworld-card{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.05)}.modal button,.modal .button,[class*=modal] button,[class*=modal] .button{min-height:40px;padding:10px 16px;touch-action:manipulation}.modal-close,.close-btn,[data-action=close],button[aria-label=閉じる]{min-height:32px;min-width:32px;touch-action:manipulation}.map-zoom-btn{min-height:32px;min-width:32px}#notificationBtn,#notification-react-badge .notification-btn,#settingsBtn{min-height:36px;min-width:36px;padding:6px}.category-tab,.project-link-category-tab{min-height:32px;padding:6px 10px;touch-action:manipulation}.progress-tab,.log-tab{min-height:32px;padding:6px 10px}.scrollable,[style*=overflow],.loglist,.todo-list,#projectLinkList,#fromWorldList,#toWorldList{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media(max-width:768px),(max-height:500px)and (orientation:landscape){.sessionBar .stat-info{display:none!important}.actions-row-right #bgmTrackSelect{flex:1 1 96px;min-width:96px}.world-game-hud .world-collision-legend{display:none!important}.world-game-hud .world-collision-toggle{font-size:11px;padding:4px 8px}body{--mobile-game-lift: max(0px, 100dvh - var(--mobile-ctl-bottom, 100dvh));--mobile-edge: max(10px, env(safe-area-inset-left));--mobile-game-floor: max(10px, env(safe-area-inset-bottom))}.mobile-move-stick{left:max(var(--mobile-edge),calc(var(--mobile-ctl-left, 0px) + 10px));bottom:calc(var(--mobile-game-floor) + var(--mobile-game-lift))}.mobile-magic-button{left:auto;right:max(10px,env(safe-area-inset-right),calc(100vw - var(--mobile-ctl-right, 100vw) + 10px));bottom:calc(var(--mobile-game-floor) + 6px + var(--mobile-game-lift))}.mobile-magic-button:after{content:"スキル";position:absolute;bottom:2px;font:600 10px system-ui;color:#e7e5d9;text-shadow:0 1px 3px #091626;pointer-events:none}.magic-circle{z-index:145;left:var(--mobile-ctl-cx,50%);top:clamp(108px,var(--mobile-ctl-cy,50%),calc(100dvh - 108px))}.mobile-work-stick{right:max(4px,calc(100vw - var(--mobile-ctl-right, 100vw) + 4px));bottom:calc(var(--mobile-game-floor) - 6px + var(--mobile-game-lift))}.mobile-game-actions{display:flex;flex-direction:column-reverse;gap:5px;position:fixed;z-index:142;right:max(14px,env(safe-area-inset-right),calc(100vw - var(--mobile-ctl-right, 100vw) + 14px));bottom:calc(var(--mobile-game-floor) + 76px + var(--mobile-game-lift));touch-action:none}.mobile-game-actions button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:48px;min-height:44px;padding:3px!important;border:1px solid #8db1b091;border-radius:12px;background:linear-gradient(145deg,#173541d9,#111e32df);color:#f1e3bb;font:600 10px/1.2 system-ui;box-shadow:inset 0 1px #deefd526,0 2px 6px #03152240;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-game-actions button span{font-size:21px;line-height:21px;color:#d8e9e1}.mobile-game-actions button:focus-visible{outline:2px solid #edd095;outline-offset:2px}#mapArea.map-area .game-hp-container{width:136px;bottom:8px;left:50%;transform:translate(-50%)}#mapArea.map-area .game-hp-bars{padding:6px 7px;gap:4px;border-radius:9px}#mapArea.map-area .game-mini-inline{gap:2px;padding-top:3px}#mapArea.map-area .game-hp-label{font-size:9px;width:17px}#mapArea.map-area .game-hp-value{font-size:9px;min-width:30px}#mapArea.map-area .game-inventory{width:42px;gap:5px;padding:5px 2px;border-radius:10px;font-size:10px}#mapArea.map-area .game-inventory-herb{width:38px;min-width:38px;min-height:46px;padding:4px 1px 3px;font-size:10px}#mapArea.map-area .game-inventory-herb-icon{width:20px;height:20px;font-size:14px}body.mobile-game-offscreen .mobile-move-stick,body.mobile-game-offscreen .mobile-magic-button,body.mobile-game-offscreen .mobile-game-actions,body.mobile-game-offscreen .mobile-work-stick{display:none!important}body:has(.magic-loadout.is-open) .mobile-move-stick,body:has(.magic-loadout.is-open) .mobile-magic-button,body:has(.magic-loadout.is-open) .mobile-game-actions,body:has(.magic-loadout.is-open) .mobile-work-stick{visibility:hidden}}@media(max-height:500px)and (orientation:landscape){.map-area:not(:fullscreen) #game{min-height:300px!important;height:300px!important}}@media(max-width:768px),(max-height:500px)and (orientation:landscape){#mapArea:fullscreen #game,#mapArea:-webkit-full-screen #game{height:100dvh!important;min-height:0!important;max-height:none!important}}@media(prefers-reduced-motion:reduce){.mobile-magic-button__pad:before,.mobile-work-stick__pad:before,.mobile-work-stick__pad:after{animation:none!important}}.project-hotbar-hidden-select{display:none}.project-hotbar{position:relative;display:inline-block;width:185px;height:30px;max-width:100%;overflow:visible;box-sizing:border-box;--hotbar-accent: var(--inline-accent, #0ea5e9);--hotbar-cream: rgba(249, 244, 232, .98);--hotbar-cream-ink: rgba(17, 24, 39, .08)}.project-hotbar-shell{position:absolute;inset:0 auto auto 0;width:100%;max-height:30px;border-radius:10px;border:2px solid color-mix(in srgb,var(--hotbar-accent) 18%,rgba(243,236,220,1));background:var(--hotbar-cream);box-shadow:0 10px 18px #0f172a1f,inset 0 1px #ffffffa6,inset 0 -1px #1118270f;overflow:hidden;transform:translateZ(0);transition:max-height .22s ease,box-shadow .14s ease,border-color .14s ease;z-index:1000;box-sizing:border-box}.project-hotbar-shell:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.55),transparent 60%);opacity:.55;pointer-events:none}.project-hotbar-shellHeader{height:30px;display:flex;align-items:center;padding:0 10px;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,color-mix(in srgb,#ffffff 45%,var(--hotbar-cream)) 0%,var(--hotbar-cream) 55%,color-mix(in srgb,#111827 6%,var(--hotbar-cream)) 100%);color:#111827;font-size:12px;font-weight:900;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.35);border-bottom:1px solid color-mix(in srgb,#111827 10%,var(--hotbar-cream));position:relative;z-index:1;border-radius:10px;box-shadow:0 1px #ffffff8c,0 2px 6px #0f172a1a,inset 0 1px #ffffffd9,inset 0 -2px #1118270f}.project-hotbar-shellHeader:hover{filter:brightness(.99)}.project-hotbar-shell.isOpen .project-hotbar-shellHeader{box-shadow:0 1px #ffffff73,0 2px 6px #0f172a1a,inset 0 1px #ffffffa6,inset 0 -3px #1118271a}.project-hotbar-shellHeaderLabel{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-hotbar-shell.isOpen{max-height:360px;border-color:color-mix(in srgb,var(--hotbar-accent) 24%,rgba(243,236,220,1));box-shadow:0 14px 28px #0f172a29,0 0 0 3px color-mix(in srgb,var(--hotbar-accent) 8%,transparent),inset 0 1px #ffffffb8,inset 0 -1px #1118270f}.project-hotbar.isShiftHold .project-hotbar-shell{border-color:color-mix(in srgb,var(--hotbar-accent) 28%,rgba(243,236,220,1));box-shadow:0 16px 34px #0f172a2e,0 0 0 3px color-mix(in srgb,var(--hotbar-accent) 10%,transparent),inset 0 1px #ffffffbd,inset 0 -1px #1118270f}.project-hotbar-overlayListWrap{position:relative;padding:8px;background:var(--hotbar-cream)}.project-hotbar-overlayList{position:relative;display:grid;grid-template-rows:repeat(7,34px);gap:0}.project-hotbar-overlayItem{height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:10px;font-size:13px;font-weight:800;color:#111827;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px solid rgba(17,24,39,.08);background:#ffffff57}.project-hotbar-overlayItem.isEmpty{opacity:.35;cursor:default}.project-hotbar-overlayItem:hover:not(.isEmpty){background:#ffffff75;border-color:#1118271f}.project-hotbar-overlaySlot{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#111827c7;background:linear-gradient(180deg,#ffffffe0,#f4ecdeeb);border:1px solid rgba(17,24,39,.16);box-shadow:0 1px 2px #0f172a1a,inset 0 1px #ffffffd9,inset 0 -1px #1118270f;flex:0 0 auto}.project-hotbar-overlayCursor{position:absolute;left:8px;right:8px;top:8px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--hotbar-accent) 12%,var(--hotbar-cream));border:2px solid color-mix(in srgb,var(--hotbar-accent) 82%,rgba(17,24,39,.18));box-shadow:0 3px 8px #0f172a24,inset 0 1px #ffffffd9,inset 0 -1px #1118270f;transform:translateZ(0);pointer-events:none;will-change:transform}.project-selector-container{position:relative;display:inline-block}.project-selector-toggle{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.project-selector-toggle:hover{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.project-selector-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:4px}.project-selector-option{padding:8px 12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f1f5f9}.project-selector-option:last-child{border-bottom:none}.project-selector-option:hover{background:#f8fafc}.project-selector-option.selected{background:#eff6ff;color:#0ea5e9;font-weight:600}.actions-row-right{flex:0 1 auto;min-width:0;max-width:100%;flex-wrap:nowrap}.actions-row-right #todoChipBtn{flex:none}.actions-row-right #snsReportButton{margin:0;height:28px;min-height:28px}.bgm-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) 72px;align-items:center;gap:8px;position:relative;width:190px;flex:0 1 190px;min-width:0}@media(min-width:769px)and (min-height:501px),(min-width:769px)and (orientation:portrait){.bgm-controls{width:285px;flex-basis:285px}}.bgm-controls #bgmTrackSelect{width:100%!important;min-width:0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px}.bgm-controls .bgm-volume-container{width:100%;min-width:0;box-sizing:border-box;transition:width .14s ease-out,margin-left .14s ease-out,background-color .14s ease-out;border-radius:8px}.bgm-controls #bgmVolumeSliderWrapper{width:auto;flex:1;min-width:0;height:40px;box-sizing:border-box}.bgm-controls .bgm-volume-label{min-width:30px}.bgm-controls.volume-adjusting>select,.bgm-controls.volume-adjusting>button{opacity:0;pointer-events:none}.bgm-controls .bgm-volume-container.dragging{width:var(--volume-expanded-width);margin-left:var(--volume-expanded-offset);background:var(--panel,#fffdf6);padding:0 12px;z-index:5;box-shadow:0 2px 8px #16374b25}.bgm-controls .dragging .bgm-volume-slider-thumb{transform:translate(-50%,-50%) scale(1.6)}.bgm-controls .dragging .bgm-volume-slider-track{height:10px}.bgm-controls .dragging .bgm-volume-slider-fill{transition:none}@media(prefers-reduced-motion:reduce){.bgm-controls .bgm-volume-container{transition:none}}.bgm-volume-container{display:flex;align-items:center;gap:3px;position:relative}.bgm-volume-slider-wrapper{position:relative;width:72px;height:32px;display:flex;align-items:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;padding:4px 0}.bgm-volume-slider-track{position:relative;width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:visible}.bgm-volume-slider-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:4px;transition:width .05s ease;pointer-events:none}.bgm-volume-slider-thumb{position:absolute;top:50%;left:0;width:18px;height:18px;background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid #06b6d4;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s ease,background .2s ease;box-shadow:0 2px 4px #00000026,0 0 #06b6d400;pointer-events:auto;z-index:2}.bgm-volume-slider-thumb:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.bgm-volume-slider-wrapper:hover .bgm-volume-slider-thumb{box-shadow:0 3px 6px #0003,0 0 0 3px #06b6d426;border-color:#0891b2;background:linear-gradient(135deg,#fff,#e0f7fa)}.bgm-volume-slider-thumb:active,.bgm-volume-slider-wrapper.dragging .bgm-volume-slider-thumb{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 4px 8px #00000040,0 0 0 4px #06b6d433;border-color:#0e7490;background:linear-gradient(135deg,#e0f7fa,#fff)}.bgm-volume-slider-wrapper.dragging .bgm-volume-slider-track{background:#d1d5db}.bgm-volume-label{font-size:11px;color:#6b7280;font-weight:600;min-width:36px;text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;transition:color .15s ease,font-weight .15s ease,transform .15s ease}.bgm-volume-container.dragging .bgm-volume-label{color:#3b82f6;font-weight:700;transform:scale(1.1)}@media(max-width:768px){.bgm-volume-slider-wrapper{width:48px;height:28px;padding:4px 0}.bgm-volume-slider-track{height:6px}.bgm-volume-slider-thumb{width:14px;height:14px;border-width:2px}.bgm-volume-slider-thumb:before{width:6px;height:6px}.bgm-volume-slider-thumb:active,.bgm-volume-slider-wrapper.dragging .bgm-volume-slider-thumb{transform:translate(-50%,-50%) scale(1.15)}.bgm-volume-label{font-size:10px;min-width:32px}.bgm-volume-container{gap:2px}}:root{--theme-player-bg:#80683c;--theme-player-ink:#fff8e7;--theme-player-accent:#d8c393;--theme-player-track:#b2a080}:root[data-theme=daynight]{--theme-player-bg:#172c43;--theme-player-ink:#f6efdc;--theme-player-accent:#c7b27b;--theme-player-track:#536479}:root[data-theme=sakura]{--theme-player-bg:#805565;--theme-player-ink:#fff2ef;--theme-player-accent:#dcb5bd;--theme-player-track:#b4909c}:root[data-theme=mono]{--theme-player-bg:#41484b;--theme-player-ink:#f5f3eb;--theme-player-accent:#bec3be;--theme-player-track:#818987}:root[data-theme=green]{--theme-player-bg:#34513e;--theme-player-ink:#f6f0dc;--theme-player-accent:#b7c49a;--theme-player-track:#82947a}.bgm-controls,[data-player-preview=forest]{--player-bg:#163e30;--player-ink:#fff5d9;--player-accent:#d9bd79;--player-track:#66776b;--player-radius:8px}:root[data-bgm-design=theme] .bgm-controls,[data-player-preview=theme]{--player-bg:var(--theme-player-bg);--player-ink:var(--theme-player-ink);--player-accent:var(--theme-player-accent);--player-track:var(--theme-player-track);--player-radius:5px}:root[data-bgm-design=paper] .bgm-controls,[data-player-preview=paper]{--player-bg:#f6f1df;--player-ink:#163e30;--player-accent:#365e49;--player-track:#d4ceb9;--player-radius:5px}:root[data-bgm-design=star] .bgm-controls,[data-player-preview=star]{--player-bg:#10283f;--player-ink:#fff0c7;--player-accent:#d9b96f;--player-track:#45627a;--player-radius:8px}:root[data-bgm-design=retro] .bgm-controls,[data-player-preview=retro]{--player-bg:#38271b;--player-ink:#fff0ce;--player-accent:#c79a51;--player-track:#66513b;--player-radius:5px}body .bgm-controls{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 36px;gap:6px;padding:2px 7px;box-sizing:border-box;color:var(--player-ink);background:linear-gradient(150deg,#ffffff0d,transparent 65%),var(--player-bg);border:3px double var(--player-accent);border-radius:var(--player-radius);box-shadow:inset 0 0 0 1px #0005,0 2px 3px #0002}body .bgm-controls #bgmTrackSelect{grid-column:1;grid-row:1;background:transparent!important;color:var(--player-ink)!important;border:1px solid var(--player-accent)!important;border-radius:6px!important;height:34px!important;padding:0 5px!important;font-size:11px!important;box-shadow:inset 0 1px 3px #0002!important}.bgm-controls #bgmTrackSelect option{background:var(--player-bg);color:var(--player-ink)}body .bgm-controls #bgmBtn{grid-column:3;grid-row:1;min-width:0!important;width:36px!important;height:36px!important;padding:0!important;font-size:0!important;border:2px solid var(--player-accent)!important;border-radius:50%!important;background:linear-gradient(135deg,#ffffff15,#0002),var(--player-bg)!important;color:var(--player-ink)!important;box-shadow:inset 0 0 0 1px #ffffff30!important}body .bgm-controls #bgmBtn:before{display:none}.bgm-controls #bgmBtn:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:14px;transform:translate(-50%,-50%) translate(1px);background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.bgm-controls #bgmBtn.btn-green:after{transform:translate(-50%,-50%);clip-path:none;background:linear-gradient(to right,currentColor 0 33%,transparent 33% 67%,currentColor 67% 100%)}.guest-view-only body .bgm-controls #bgmBtn:not(.btn-green){overflow:visible;box-shadow:inset 0 0 8px #ffe6a64d,0 0 9px #e8bf6573!important}.guest-view-only body .bgm-controls #bgmBtn:not(.btn-green):before{content:"";display:block;position:absolute;inset:-4px;width:auto;height:auto;border:2px solid #efd28c;border-radius:inherit;background:none;pointer-events:none;opacity:.65;transform:none;animation:guest-bgm-invite 2.6s ease-out infinite}@keyframes guest-bgm-invite{0%,15%{transform:scale(.94);opacity:.7}75%,to{transform:scale(1.35);opacity:0}}@media(prefers-reduced-motion:reduce){.guest-view-only body .bgm-controls #bgmBtn:not(.btn-green):before{animation:none;opacity:.5}}body .bgm-controls .bgm-volume-container{grid-column:2;grid-row:1}body .bgm-controls .bgm-volume-label{color:var(--player-ink);font-size:11px}body .bgm-controls .bgm-volume-slider-track{background:var(--player-track);height:6px;border:1px solid #ffffff30}body .bgm-controls .bgm-volume-slider-fill{background:var(--player-accent)}body .bgm-controls .bgm-volume-slider-thumb{background:var(--player-accent);border:1px solid var(--player-ink);width:18px;height:18px;box-shadow:0 1px 3px #0008}body .bgm-controls .bgm-volume-container.dragging{background:var(--player-bg)}:root[data-bgm-design=paper] .bgm-controls #bgmBtn,:root[data-bgm-design=retro] .bgm-controls #bgmBtn{border-radius:4px!important}:root[data-bgm-design=star] .bgm-controls{background-image:radial-gradient(circle at 96% 85%,#ffe7a4 0 1px,transparent 1.5px),radial-gradient(circle at 48% 10%,#ffe7a4 0 1px,transparent 1.5px),linear-gradient(130deg,#ffffff0c,transparent)}:root[data-bgm-design=retro] .bgm-controls{background-image:repeating-linear-gradient(0deg,#ffffff05 0 1px,#00000010 1px 3px,transparent 3px 6px)}.player-design-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.player-design-options button{min-height:48px;padding:6px;border:3px double var(--player-accent);border-radius:var(--player-radius);background:var(--player-bg);color:var(--player-ink);font:600 12px/1.4 system-ui;cursor:pointer}.player-design-options button[aria-pressed=true]{outline:3px solid #3399ba;outline-offset:1px}.player-design-options button:focus-visible{outline:3px solid #3399ba;outline-offset:2px}.layout-view-tabs{flex-wrap:wrap}.layout-settings .work-decoration-picker{grid-template-columns:repeat(2,minmax(0,1fr))}body .actions-row-right .bgm-controls{grid-template-columns:minmax(0,1fr) minmax(44px,.8fr) 32px;gap:3px;padding:0 4px}body .actions-row-right .bgm-controls #bgmBtn{position:relative;box-sizing:border-box;display:grid;place-items:center;width:32px!important;height:32px!important;min-height:32px!important;max-height:32px;aspect-ratio:1;line-height:0!important;margin:0!important}body .actions-row-right .bgm-controls #bgmTrackSelect{height:30px!important;min-height:30px}body .actions-row-right .bgm-controls #bgmVolumeSliderWrapper{height:32px}body .actions-row-right .bgm-controls .bgm-volume-label{min-width:24px;font-size:10px}@media(max-width:768px),(max-height:500px)and (orientation:landscape){body .actions-row-right .bgm-controls{grid-template-columns:minmax(0,1fr) minmax(44px,.8fr) 36px}body .actions-row-right .bgm-controls #bgmBtn{width:36px!important;height:36px!important;min-height:36px!important;max-height:36px}body .actions-row-right .bgm-controls #bgmTrackSelect{height:36px!important;min-height:36px}body .actions-row-right .bgm-controls #bgmVolumeSliderWrapper{height:36px}}.right-panel-tabs{display:flex;gap:4px;padding:4px;border-bottom:2px solid rgba(14,165,233,.3);background:#fffc;border-radius:12px 12px 0 0;margin-bottom:0;flex-shrink:0;min-height:40px;align-items:center}.right-panel-section{min-height:360px}.right-panel-tab-btn{flex:1;padding:6px;border:none;background:transparent;color:#64748b;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.right-panel-tab-btn:hover{color:#0ea5e9;background:#0ea5e90d}.right-panel-tab-btn.active{color:#0ea5e9;border-bottom-color:#0ea5e9}.right-panel-tab-content{display:none;background:#fff9;border-radius:0 0 12px 12px;flex:1;overflow:hidden;flex-direction:column;min-height:0}#tab-breakdown,#tab-log{min-height:320px}.right-panel-tab-content.active{display:flex;animation:none}#tab-breakdown.right-panel-tab-content.active{display:flex!important;flex-direction:column;padding:4px;gap:4px;overflow:hidden;min-height:0}#tab-breakdown.right-panel-tab-content.active>.progress-subsection{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.force-hide{display:none!important}.force-show{display:flex!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.right-panel-tab-content .pie-header,.right-panel-tab-content .log-header{flex-shrink:0;padding:6px 4px}.right-panel-tab-content .pie-header{background:transparent;border-bottom:1px solid #e5e7eb;padding:4px!important;gap:6px}#tab-breakdown .progress-section-header-compact .pie-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px;width:auto!important;min-width:0;flex:0 0 auto}#tab-breakdown #pieDurationSummary{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;order:2;flex:0 0 auto;margin-left:2px}#tab-breakdown .progress-section-header-compact .pie-controls>div{flex-wrap:nowrap;white-space:nowrap;order:1}#tab-breakdown .progress-section-header-compact .pie-controls>div{justify-content:flex-end}#tab-breakdown .breakdown-segment-btn{padding:2px 6px!important;font-size:10px!important}#tab-breakdown #pieRangePreset{font-size:10px;padding:1px 4px;height:22px}.right-panel-tab-content .log-header{background:linear-gradient(to right,#94a3b81f,#94a3b808);border-bottom:1px solid rgba(148,163,184,.25)}.right-panel-tab-content .pieWrap{flex:1;position:relative;min-height:0;padding:4px 2px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.right-panel-tab-content #pieCanvas{flex:0 0 auto;max-height:150px;max-width:100%}.right-panel-tab-content #legend{flex:0 0 auto;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;align-content:start}.right-panel-tab-content .logBox{flex:1;height:auto;min-height:0;display:flex;flex-direction:column;overflow-x:auto!important;overflow-y:hidden!important}#loglist.loglist>.log-empty{grid-column:1 / -1;display:flex!important;align-items:center;justify-content:center;padding:10px 6px}.right-panel-tab-content .loglist{flex:1;overflow-y:auto;overflow-x:visible}#tab-breakdown #pieRangePreset{width:38px!important}.breakdown-segment-btn:hover{background:#0ea5e91a!important}.breakdown-segment-btn.active{background:#0ea5e9!important;color:#fff!important}.hourly-chart{width:100%;max-width:100%;overflow:hidden;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff14;padding:12px}.hourly-chart__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;min-width:0}.hourly-chart__title{font-size:14px;font-weight:900;color:#0f172a;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hourly-chart__hint{font-size:11px;color:#94a3b8;flex:0 0 auto;white-space:nowrap}.hourly-chart__legend{display:flex;flex-wrap:wrap;gap:8px 10px;padding:10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);margin-bottom:10px}.hourly-chart__legend-item{display:inline-flex;align-items:center;gap:6px;min-width:0}.hourly-chart__legend-swatch{width:12px;height:12px;border-radius:3px;background:var(--swatch, #64748b);box-shadow:0 0 0 1px #0003;flex:0 0 auto}.hourly-chart__legend-name{font-size:12px;font-weight:800;color:#0f172a;max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hourly-chart__empty{text-align:center;padding:18px 10px;border-radius:10px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.16)}.hourly-chart__empty-icon{font-size:26px;margin-bottom:8px}.hourly-chart__empty-title{color:#e2e8f0;font-size:13px;font-weight:800;margin-bottom:6px}.hourly-chart__empty-sub{color:#94a3b8;font-size:11px;line-height:1.5}.hourly-chart__bars{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-end;gap:6px}.hourly-chart__col{width:22px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}.hourly-chart__val{font-size:10px;color:#0f172a;font-weight:800;text-align:center;min-height:16px}.hourly-chart__bar{width:100%;height:150px;display:flex;align-items:flex-end;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);overflow:hidden}.hourly-chart__stack{width:100%;background:#94a3b840;display:flex;flex-direction:column-reverse}.hourly-chart__seg{width:100%}.hourly-chart__tick{font-size:11px;color:#0f172a;font-weight:800;text-align:center}.goals-list-container{padding:8px}.progress-subsection{display:grid;grid-template-rows:auto auto 1fr;gap:4px;min-height:0;overflow:hidden;border:2px solid #e5e7eb;border-radius:10px;padding:4px;background:#fff}.progress-subsection.goal-subsection{background:#020617!important;border:2px solid rgba(251,191,36,.1)!important;box-shadow:inset 0 0 60px #000!important;overflow:hidden!important;position:relative;min-height:0;flex:1;display:flex;flex-direction:column;grid-template-rows:auto 1fr!important}.progress-subsection.goal-subsection #goalActiveView,.progress-subsection.goal-subsection #goalHistoryView{grid-row:2;min-height:0;overflow:hidden;flex:1}.progress-subsection.goal-subsection .goal-view{flex:1!important;flex-direction:column;min-height:0!important;overflow:hidden!important;display:flex!important}.progress-subsection.goal-subsection .goal-view[style*="display: none"],.progress-subsection.goal-subsection .goal-view[style*="display:none"]{display:none!important;flex:0!important}.progress-subsection.goal-subsection .goals-list-scroll-area{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.progress-content{overflow-y:auto;min-height:0;padding:0}.progress-subsection .goal-header{padding:6px 4px!important}.progress-subsection .goals-list-scroll-area{padding:8px 6px;min-height:140px}.progress-section-header-compact{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 0;min-height:36px;height:auto;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;border-bottom:1px solid #e5e7eb;min-width:0}.progress-section-title{display:inline-flex;align-items:center;min-height:36px;font-size:11px;font-weight:700;color:#6b7280;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}#tab-breakdown .progress-section-header-compact.goal-section-header{padding:0 10px;min-height:40px;height:40px;border-bottom:1px solid rgba(226,232,240,1);background:linear-gradient(180deg,#f8fafce6,#fff0)}#tab-breakdown .progress-section-header-compact.goal-section-header{overflow-x:hidden}#tab-breakdown .progress-section-header-compact.goal-section-header .progress-section-title{min-height:40px;height:40px;font-size:12px;font-weight:900;color:#334155;letter-spacing:.02em}#tab-breakdown .goal-section-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;height:40px;flex:0 0 auto;min-width:0}#goalCreateModal .modal-content{width:min(92vw,620px)!important;max-width:620px!important;background:radial-gradient(circle at 50% -20%,rgba(14,165,233,.6) 0%,transparent 60%),radial-gradient(circle at 0% 100%,rgba(16,185,129,.3) 0%,transparent 50%),radial-gradient(circle at 100% 80%,rgba(56,189,248,.2) 0%,transparent 50%),linear-gradient(180deg,#0c4a6e,#020617)!important;border:1.5px solid rgba(251,191,36,.4)!important;box-shadow:0 0 50px #0ea5e933,0 20px 80px #000000b3,inset 0 0 40px #10b9810d!important;color:#fff!important;display:flex!important;flex-direction:column!important;max-height:84vh!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;position:relative;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;border-radius:24px!important}#goalCreateModal .modal-content:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 10% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 30% 40%,#7dd3fc,transparent),radial-gradient(2.5px 2.5px at 70% 30%,#fcd34d,transparent),radial-gradient(1.5px 1.5px at 80% 80%,#fff,transparent),radial-gradient(2px 2px at 40% 70%,#10b981,transparent),radial-gradient(1px 1px at 20% 90%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 10%,#fff,transparent);background-size:500px 500px;opacity:.4;pointer-events:none;z-index:0;animation:stellarGalaxyFlow 120s linear infinite}#goalCreateModal .modal-header{padding:18px 24px!important;position:sticky;top:0;z-index:5;background:#0c4a6e66!important;border-bottom:1px solid rgba(255,255,255,.15)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#goalCreateModal .modal-title{color:#fff!important;font-family:Outfit,sans-serif;font-weight:900!important;font-size:22px!important;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 25px rgba(56,189,248,.6),0 0 40px rgba(16,185,129,.4)!important;letter-spacing:.1em}#goalCreateModal .modal-body{padding:24px!important;position:relative;z-index:1}#goalCreateModal .form-group{margin-bottom:24px!important;padding:18px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;box-shadow:0 8px 32px #0003,inset 0 0 15px #38bdf80d!important;transition:all .5s cubic-bezier(.2,.8,.2,1)!important}#goalCreateModal .form-group:focus-within{border-color:#10b98180!important;background:#ffffff12!important;transform:translateY(-2px);box-shadow:0 15px 45px #0000004d,0 0 25px #10b98133!important}#goalCreateModal .form-group>label{border-left:4px solid #10b981!important;color:#fff!important;text-shadow:0 0 15px rgba(16,185,129,.6)!important;font-family:Outfit,sans-serif;font-weight:900!important;letter-spacing:.08em;padding-left:14px!important;margin-bottom:14px!important}#goalCreateModal input[type=text],#goalCreateModal input[type=number],#goalCreateModal input[type=date],#goalCreateModal select,#goalCreateModal textarea{background:#00000059!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;border-radius:14px!important;padding:12px 16px!important;font-size:14px!important;box-shadow:inset 0 2px 8px #0000004d!important}#goalCreateModal input:focus,#goalCreateModal select:focus,#goalCreateModal textarea:focus{border-color:#38bdf8!important;background:#00000073!important;box-shadow:0 0 20px #38bdf84d,inset 0 2px 8px #0000004d!important}#goalCreateModal #goalTitle{width:80%!important;margin-left:auto!important;margin-right:auto!important}#goalCreateModal #goalTitleStamp,#goalCreateModal #goalDeadlineStamp{width:70%;margin-left:auto;margin-right:auto;border-radius:14px;background:#00000040;border:1px solid rgba(255,255,255,.15);color:#fffffff2;box-shadow:inset 0 2px 8px #00000040}#goalCreateModal .modal-footer{padding:20px 24px!important;background:#020617b3!important;border-top:1px solid rgba(255,255,255,.1)!important}#goalCreateSave{background:linear-gradient(135deg,#fbbf24,#10b981)!important;color:#000!important;font-weight:900!important;font-size:16px!important;letter-spacing:.1em;border:none!important;border-radius:16px!important;box-shadow:0 0 25px #fbbf2466,0 8px 20px #0000004d!important}#goalCreateSave:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 0 45px #fbbf24b3,0 15px 30px #0006!important}#goalCreateModal .project-link-category-tab{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.15)!important;color:#ffffffb3!important;border-radius:999px!important;padding:6px 16px!important}#goalCreateModal .project-link-category-tab.is-active{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#34d399!important;color:#fff!important;box-shadow:0 0 25px #10b98180!important}#projectLinkList{background:#00000040!important;border-radius:16px!important}#projectLinkList span{color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.3)}#showExampleBtn{background:#0ea5e926!important;border:1px solid rgba(14,165,233,.4)!important;color:#7dd3fc!important}#showExampleBtn:hover{background:#0ea5e940!important;box-shadow:0 0 25px #0ea5e966!important}#goalCreateModal [style*="display:flex"]{min-width:0}#goalCreateModal [style*="display:flex"]>*{min-width:0}#goalCreateModal .project-link-category-tabs{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 4px;margin:0 0 4px;-webkit-overflow-scrolling:touch}#goalCreateModal .project-link-category-tabs::-webkit-scrollbar{height:8px}#goalCreateModal .project-link-category-tabs::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:999px}#goalCreateModal .project-link-category-tab{flex:0 0 auto;height:24px;padding:0 9px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}#goalCreateModal .project-link-category-tab:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}#goalCreateModal .project-link-category-tab.is-active{background:linear-gradient(180deg,#eff6ff,#fff);border-color:#60a5fa;color:#1d4ed8;box-shadow:0 6px 14px #2563eb1f}#goalCreateModal textarea{min-height:64px!important;resize:vertical}#goalCreateModal .goal-type-btn,#goalCreateModal .deadline-preset-btn,#goalCreateModal .time-deadline-preset-btn,#goalCreateModal button{min-height:34px!important}#goalCreateModal .goal-type-buttons{gap:6px!important;flex-wrap:wrap!important}#goalCreateModal .goal-type-btn{padding:8px 10px!important;border-radius:12px!important;font-size:12px!important;flex:1 1 0!important;min-width:140px}#goalCreateModal .deadline-preset-btn,#goalCreateModal .time-deadline-preset-btn{padding:6px 10px!important;border-radius:999px!important;font-size:11px!important;max-width:100%}#goalCreateModal .modal-footer button,#goalCreateModal .modal-actions button{height:34px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0 20px!important}#goalCreateModal .manual-counters-editor{display:grid;grid-template-columns:1fr;gap:6px}#goalCreateModal .manual-counter-row{border:1px solid rgba(255,255,255,.15);border-radius:18px;background:#0000004d!important;padding:12px;box-shadow:inset 0 0 20px #38bdf80d;margin-bottom:8px}#goalCreateModal .manual-counter-row__title{font-size:13px;font-weight:900;color:#38bdf8;text-shadow:0 0 8px rgba(56,189,248,.4)}#goalCreateModal .manual-counter-row__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}#goalCreateModal .manual-counter-row__remove{background:#ef444426!important;color:#f87171!important;border:1px solid rgba(239,68,68,.3)!important;padding:4px 12px!important;border-radius:8px!important;font-size:11px!important;font-weight:800!important;cursor:pointer;transition:all .2s ease}#goalCreateModal .manual-counter-row__remove:hover{background:#ef44444d!important;border-color:#ef4444!important;color:#fff!important}#goalCreateModal .manual-counter-row__grid{display:grid;grid-template-columns:1.5fr .7fr .7fr .7fr;gap:10px;margin-top:8px}#goalCreateModal .manual-counter-row__grid label{color:#fff9!important;font-size:10px!important;margin-bottom:4px!important;border:none!important;padding-left:0!important;display:block!important;text-align:center!important}#goalCreateModal .manual-counter-row__grid input[type=text],#goalCreateModal .manual-counter-row__grid input[type=number]{width:60%!important;margin-left:auto!important;margin-right:auto!important;display:block!important}@media(max-width:520px){#goalCreateModal .manual-counter-row__grid{grid-template-columns:1fr 1fr}}.goal-manual-counters{display:grid;grid-template-columns:1fr;gap:4px;margin-top:4px}.goal-manual-counters__header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;color:#64748b}.goal-manual-counter{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:6px;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.goal-manual-counter__name{font-size:12px;font-weight:900;color:#0f172a;line-height:1.15}.goal-manual-counter__meta{display:flex;align-items:center;gap:6px;justify-content:flex-end;flex-wrap:wrap}.goal-manual-counter__value{font-size:12px;font-weight:900;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:4px 8px;cursor:pointer}.goal-manual-counter__achieved{font-size:11px;font-weight:900;color:#059669;background:#d1fae5;border:1px solid rgba(5,150,105,.3);border-radius:999px;padding:4px 10px}.goal-manual-counter__btn{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:10px;padding:4px 8px;font-weight:900;cursor:pointer;min-height:28px;min-width:28px}.goal-manual-counter__btn:hover{background:#f1f5f9}#tab-breakdown #createGoalBtn,#tab-breakdown .goal-view-toggle-btn{border:none!important;outline:none!important;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Noto Sans JP,sans-serif;letter-spacing:.02em;display:flex;align-items:center;justify-content:center}#tab-breakdown #createGoalBtn{height:28px;min-height:28px!important;padding:0 14px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important;color:#fff!important;background:linear-gradient(180deg,#38bdf8,#0ea5e9)!important;box-shadow:0 4px 12px #0ea5e940,inset 0 1px #ffffff4d;position:relative}#tab-breakdown #createGoalBtn:hover{filter:brightness(1.05);box-shadow:0 6px 16px #0ea5e959,inset 0 1px #fff6}#tab-breakdown #createGoalBtn:active{filter:brightness(.95);box-shadow:0 2px 4px #0ea5e933}#tab-breakdown .goal-view-toggle{display:inline-flex;background:#94a3b81f;padding:2px;border-radius:999px;gap:2px}#tab-breakdown .goal-view-toggle-btn{height:24px;min-width:56px;padding:0 10px;font-size:11px;font-weight:800;border-radius:999px;color:#64748b;background:transparent!important}#tab-breakdown .goal-view-toggle-btn.is-active{background:#fff!important;color:#0ea5e9!important;box-shadow:0 2px 6px #0f172a1f}#tab-breakdown .goal-view-toggle-btn:not(.is-active):hover{color:#475569;background:#fff6!important}.goal-add-btn:hover,.goal-add-btn-compact:hover{transform:translateY(-1px);box-shadow:0 4px 6px #2563eb4d;filter:brightness(1.1)}.goals-list-scroll-area{overflow-y:auto;overflow-x:hidden;padding:12px;flex:1;background:#f8fafc;width:100%;box-sizing:border-box}.goals-list-scroll-area::-webkit-scrollbar{width:6px}.goals-list-scroll-area::-webkit-scrollbar-track{background:#94a3b81a;border-radius:3px}.goals-list-scroll-area::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.goals-list-scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b880}.goal-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 10px;text-align:center;color:#94a3b8;min-height:100px;width:100%}.goal-empty-icon{font-size:32px;margin-bottom:8px;opacity:.8}.goal-empty-title{font-size:12px;font-weight:700;color:#64748b;margin-bottom:4px}.goal-empty-desc{font-size:13px;line-height:1.6;opacity:.8}:root{--stellar-void: #000000;--stellar-galaxy-bg: #020617;--stellar-nebula-1: #1e1b4b;--stellar-nebula-2: #312e81;--stellar-nebula-3: #4338ca;--stellar-nebula-4: #1e3a8a;--stellar-star-color: rgba(255, 255, 255, .95);--stellar-gold: #fbbf24;--stellar-accent: #38bdf8;--stellar-flare: rgba(255, 255, 255, .85);--stellar-text-bright: #fefce8;--stellar-border: rgba(251, 191, 36, .2)}.progress-subsection.goal-subsection{background:var(--stellar-galaxy-bg)!important;border:1px solid var(--stellar-border)!important;box-shadow:inset 0 0 60px #000!important;overflow:visible!important;position:relative}#tab-breakdown .progress-section-header-compact.goal-section-header{background:#0f172afa!important;border-bottom:1px solid var(--stellar-border)!important;padding:0 12px}#tab-breakdown .progress-section-header-compact.goal-section-header .progress-section-title{color:var(--stellar-gold)!important;text-shadow:0 0 15px rgba(251,191,36,.4);font-weight:900}.goals-list-scroll-area{background:transparent!important;position:relative;overflow-x:hidden}.goals-list-scroll-area:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 5% 5%,#fff,transparent),radial-gradient(1px 1px at 15% 35%,#fff,transparent),radial-gradient(1.5px 1.5px at 45% 15%,#fff,transparent),radial-gradient(1px 1px at 75% 65%,#fff,transparent),radial-gradient(1px 1px at 95% 95%,#fff,transparent);background-size:400px 400px;opacity:.15;animation:stellarGalaxyFlow 120s linear infinite;pointer-events:none}.stellar-empty{padding:40px 20px!important;color:var(--stellar-text-bright)!important;text-align:center!important}.stellar-empty-icon{font-size:48px;margin-bottom:16px;display:block;filter:drop-shadow(0 0 15px var(--stellar-accent));animation:stellarPulse 3s ease-in-out infinite}.stellar-empty-title{font-size:14px;font-weight:900;letter-spacing:.05em;margin-bottom:8px;color:var(--stellar-accent)}.stellar-empty-desc{font-size:12px;opacity:.6}#tab-breakdown .goal-view-toggle{background:#0006!important;border:1px solid rgba(251,191,36,.2)}#tab-breakdown .goal-view-toggle-btn{color:#ffffff80!important}#tab-breakdown .goal-view-toggle-btn.is-active{background:var(--stellar-gold)!important;color:#000!important;box-shadow:0 0 15px #fbbf2466}#tab-breakdown .goal-add-btn{background:var(--stellar-accent)!important;color:#000!important;border:none!important;font-weight:900!important}.goal-card--stellar{position:relative;background:var(--stellar-void)!important;--goal-frame-normal: rgba(251, 191, 36, .2);--goal-frame-hover: rgba(251, 191, 36, .85);--goal-border: rgba(251, 191, 36, .3);--goal-glow-strong: rgba(251, 191, 36, 1);--goal-glow-soft: rgba(251, 191, 36, .3);--goal-inset-soft: rgba(251, 191, 36, .05);--goal-inset-hover: rgba(251, 191, 36, .15);border:none!important;border-radius:16px!important;padding:0!important;color:var(--stellar-text-bright)!important;transition:box-shadow .4s ease,border-color .4s ease;box-shadow:0 15px 40px #000c,inset 0 0 20px var(--goal-inset-soft);margin-bottom:14px!important}.goal-card--stellar:hover{box-shadow:0 0 50px var(--goal-glow-soft),0 30px 70px #000000e6,inset 0 0 30px var(--goal-inset-hover)}.stellar-void{position:absolute;inset:0;border-radius:16px;background:radial-gradient(circle at 50% 50%,#0f172a,#020617);z-index:0;pointer-events:none}.stellar-nebula{position:absolute;inset:-50%;z-index:0;opacity:.5;filter:blur(50px);background:radial-gradient(circle at 20% 30%,var(--stellar-nebula-1) 0%,transparent 40%),radial-gradient(circle at 80% 70%,var(--stellar-nebula-3) 0%,transparent 40%),radial-gradient(circle at 50% 50%,var(--stellar-nebula-4) 0%,transparent 50%);animation:stellarNebulaMove 25s ease-in-out infinite alternate;pointer-events:none}.stellar-noise{position:absolute;inset:0;z-index:0;opacity:.25;filter:url(#stellar-noise);pointer-events:none}.stellar-stars{position:absolute;inset:0;z-index:0;opacity:.8;background-image:radial-gradient(1px 1px at 10% 10%,#fff,transparent),radial-gradient(1.5px 1.5px at 20% 50%,#fff,transparent),radial-gradient(2px 2px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 60% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 80% 40%,#fff,transparent),radial-gradient(1px 1px at 90% 90%,#fff,transparent),radial-gradient(2.5px 2.5px at 75% 15%,var(--stellar-accent),transparent),radial-gradient(1.5px 1.5px at 15% 85%,var(--stellar-gold),transparent);background-size:200% 200%;animation:stellarStarsTwinkle 5s ease-in-out infinite;pointer-events:none}.goal-card--stellar:before{content:"";position:absolute;inset:0;padding:2px;border-radius:16px;background:var(--goal-frame-normal);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:destination-out;z-index:1;pointer-events:none;transition:background .25s ease,padding .25s ease,filter .25s ease;filter:none}.goal-card--stellar:hover:before{padding:2px;background:var(--goal-frame-hover);animation:none;filter:drop-shadow(0 0 10px var(--goal-glow-strong))}.progress-subsection.goal-subsection .goals-list-scroll-area>.goal-card--stellar:nth-child(2){--goal-frame-normal: rgba(244, 63, 94, .18);--goal-frame-hover: rgba(244, 63, 94, .85);--goal-border: rgba(244, 63, 94, .35);--goal-glow-strong: rgba(244, 63, 94, 1);--goal-glow-soft: rgba(244, 63, 94, .28);--goal-inset-soft: rgba(244, 63, 94, .06);--goal-inset-hover: rgba(244, 63, 94, .16)}.progress-subsection.goal-subsection .goals-list-scroll-area>.goal-card--stellar:nth-child(3){--goal-frame-normal: rgba(59, 130, 246, .18);--goal-frame-hover: rgba(59, 130, 246, .85);--goal-border: rgba(59, 130, 246, .35);--goal-glow-strong: rgba(59, 130, 246, 1);--goal-glow-soft: rgba(59, 130, 246, .28);--goal-inset-soft: rgba(59, 130, 246, .06);--goal-inset-hover: rgba(59, 130, 246, .16)}.progress-subsection.goal-subsection .goals-list-scroll-area>.goal-card--stellar:nth-child(4){--goal-frame-normal: rgba(16, 185, 129, .18);--goal-frame-hover: rgba(16, 185, 129, .85);--goal-border: rgba(16, 185, 129, .35);--goal-glow-strong: rgba(16, 185, 129, 1);--goal-glow-soft: rgba(16, 185, 129, .28);--goal-inset-soft: rgba(16, 185, 129, .06);--goal-inset-hover: rgba(16, 185, 129, .16)}.progress-subsection.goal-subsection .goals-list-scroll-area>.goal-card--stellar:nth-child(5){--goal-frame-normal: rgba(180, 83, 9, .18);--goal-frame-hover: rgba(180, 83, 9, .85);--goal-border: rgba(180, 83, 9, .35);--goal-glow-strong: rgba(180, 83, 9, 1);--goal-glow-soft: rgba(180, 83, 9, .28);--goal-inset-soft: rgba(180, 83, 9, .06);--goal-inset-hover: rgba(180, 83, 9, .16)}@keyframes stellarBorderBreath{0%{filter:drop-shadow(0 0 6px rgba(251,191,36,.5));opacity:.8}to{filter:drop-shadow(0 0 18px rgba(251,191,36,1));opacity:1}}.stellar-title{color:var(--stellar-gold)!important;background:linear-gradient(to right,#fff,var(--stellar-gold),#fff,#fef08a,#fff);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:stellarTitleShine 4s linear infinite;text-shadow:0 0 20px rgba(251,191,36,.5);font-family:Outfit,sans-serif}@keyframes stellarTitleShine{to{background-position:300% center}}.stellar-meta{color:#ffffffb3!important;letter-spacing:.15em;font-family:Outfit,sans-serif}.stellar-meta-sep{margin:0 6px;opacity:.3}.stellar-menu-btn .stellar-menu-icon{font-size:20px;opacity:.6;transition:all .3s ease}.stellar-menu-btn:hover .stellar-menu-icon{opacity:1;color:var(--stellar-gold);transform:scale(1.2)}.stellar-stat-orbit{position:relative;padding:4px 0;text-align:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px}.stellar-stat-orbit:hover{transform:scale(1.1);z-index:5}.stellar-stat-label{font-size:7px!important;font-weight:900;letter-spacing:.2em;margin-bottom:2px;position:relative;text-shadow:0 0 5px currentColor;opacity:.7}.stellar-stat-label:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#ffffff1a 50%);background-size:100% 2px;pointer-events:none}.stellar-stat-value{font-size:13px!important;font-weight:900;color:#fff!important;text-shadow:0 0 12px rgba(255,255,255,.8);position:relative;z-index:2;font-family:Outfit,sans-serif}.stellar-ring{position:absolute;top:55%;left:50%;width:64px;height:64px;margin-top:-24px;margin-left:-32px;border-radius:50%;transform:rotateX(76deg);pointer-events:none;z-index:1}.stellar-ring:after{content:"";position:absolute;inset:-2px;background:conic-gradient(from 0deg,currentColor 0%,rgba(255,255,255,.2) 20%,transparent 50%,transparent 80%,currentColor 95%,#fff 98%,currentColor 100%);border-radius:50%;mask:radial-gradient(closest-side,transparent 88%,white 90%);-webkit-mask:radial-gradient(closest-side,transparent 88%,white 90%);filter:blur(1.5px);opacity:.8;box-shadow:0 0 15px currentColor,inset 0 0 10px currentColor;animation:stellarRingSpinSimple 12s linear infinite}.stellar-ring:before{content:"";position:absolute;inset:0;border:2.5px solid currentColor;border-radius:50%;opacity:.25;filter:blur(4px)}.is-time .stellar-stat-label{color:#fcd34d}.is-time .stellar-ring{color:#fbbf24}.is-time .stellar-stat-value{text-shadow:0 0 15px rgba(251,191,36,.9)}.is-days .stellar-stat-label{color:#38bdf8}.is-days .stellar-ring{color:#0ea5e9}.is-days .stellar-stat-value{text-shadow:0 0 15px rgba(14,165,233,.9)}.is-sessions .stellar-stat-label{color:#e2e8f0}.is-sessions .stellar-ring{color:#fff}.is-sessions .stellar-stat-value{text-shadow:0 0 15px rgba(255,255,255,.9)}@keyframes stellarRingSpinSimple{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stellarRingSpin{to{transform:rotate(360deg)}}.stellar-sub-label{font-size:10px!important;font-weight:900;color:#fff9;letter-spacing:.15em}.stellar-count-badge{background:#38bdf833;color:var(--stellar-accent);font-size:10px;font-weight:900;padding:2px 8px;border-radius:999px;border:1px solid rgba(56,189,248,.3)}.stellar-project-scroll{border-color:#ffffff26!important}.stellar-project-scroll>div{border-bottom-color:#ffffff14!important;transition:background .3s ease}.stellar-project-scroll>div:hover{background:#38bdf81a}.goal-card--stellar .goal-manual-counter{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px}.goal-card--stellar .goal-manual-counter:hover{background:#ffffff1a!important;border-color:var(--stellar-accent)!important}.goal-card--stellar .goal-manual-counter__name{color:var(--stellar-text-bright)!important;font-weight:800}.goal-card--stellar .goal-manual-counter__value{background:#000!important;border-color:#38bdf84d!important;color:var(--stellar-accent)!important;font-family:Outfit,sans-serif;font-weight:900}.stellar-ripple{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10;animation:stellarRippleEffect 1.2s cubic-bezier(0,.5,.5,1) forwards;box-shadow:0 0 20px #fff}.stellar-supernova{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#fff 0%,var(--stellar-gold) 30%,transparent 70%);opacity:.15;mix-blend-mode:color-dodge;animation:stellarSupernovaPulse 5s ease-in-out infinite alternate}@keyframes stellarSupernovaPulse{0%{transform:scale(.9);opacity:.1}to{transform:scale(1.15);opacity:.25}}.history-card{background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px;padding:12px;margin-bottom:12px;transition:all .3s ease;color:var(--stellar-text-bright)}.history-card:hover{background:#ffffff0f!important;border-color:var(--stellar-accent)!important;box-shadow:0 0 20px #38bdf81a}.history-title{color:var(--stellar-text-bright)!important;font-weight:800!important}.history-date{color:#fff6!important}.history-retry-btn{background:#38bdf81a!important;border-color:#38bdf84d!important;color:var(--stellar-accent)!important}.history-retry-btn:hover{background:var(--stellar-accent)!important;color:#000!important}.goal-card{position:relative;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:0;margin-bottom:12px;box-shadow:0 2px 4px #0000000d;color:#1e293b;transition:transform .2s,border-color .2s,box-shadow .2s;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden;word-wrap:break-word}.goal-card:hover{border-color:#cbd5e1;box-shadow:0 6px 12px -1px #0000001a}.goal-card.status-urgent{border-left:4px solid #f59e0b}.goal-card.status-good{border-left:4px solid #10b981}.goal-card.status-danger{border-left:4px solid #ef4444}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.goal-title-group{flex:1;min-width:0;max-width:100%}.goal-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:4px;margin-bottom:4px;letter-spacing:.5px}.goal-title{font-size:15px;font-weight:700;line-height:1.4;color:#0f172a;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.goal-desc{font-size:12px;color:#64748b;margin-top:4px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.goal-buddy-message{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:3px solid #f59e0b;padding:10px 12px;margin:8px 0;border-radius:6px;font-size:12px;line-height:1.6;color:#78350f;font-weight:500;box-shadow:0 1px 3px #f59e0b1a}.goal-menu-btn{background:transparent;border:none;color:#94a3b8;font-size:18px;padding:4px;cursor:pointer;line-height:1;border-radius:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.goal-menu-btn:hover{background:#f1f5f9;color:#475569}.goal-progress-section{margin-bottom:16px}.goal-progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.goal-progress-value{font-size:18px;font-weight:800;color:#3b82f6;font-family:Outfit,sans-serif}.goal-progress-value small{font-size:12px;color:#64748b;font-weight:600}.goal-progress-sub{font-size:11px;color:#64748b}.goal-progress-bar-bg{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.goal-progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.status-good .goal-progress-bar-fill{background:linear-gradient(90deg,#10b981,#34d399)}.status-urgent .goal-progress-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.status-danger .goal-progress-bar-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.goal-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;background:#f8fafc;padding:12px;border-radius:8px;border:1px solid #f1f5f9}.goal-stat-box{text-align:center}.goal-stat-icon{color:#94a3b8;margin-bottom:4px;display:flex;justify-content:center}.goal-stat-label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.goal-stat-value{font-size:13px;font-weight:700;color:#334155;font-family:Outfit,sans-serif}.goal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f1f5f9}.goal-projects{display:flex;gap:4px;flex-wrap:wrap}.goal-project-tag{font-size:10px;padding:2px 6px;background:#e0f2fe;color:#0284c7;border-radius:4px;font-weight:600}.goal-actions{display:flex;gap:8px}.goal-action-btn{padding:6px 12px;font-size:12px;font-weight:600;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .2s;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.goal-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.goal-action-btn.primary{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.goal-action-btn.primary:hover{background:#dbeafe;color:#1d4ed8}.goal-action-btn.success{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.goal-action-btn.success:hover{background:#d1fae5;color:#047857}.goal-action-btn.danger{background:#fef2f2;color:#dc2626;border-color:#fecaca}.goal-action-btn.danger:hover{background:#fee2e2;color:#b91c1c}.history-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-bottom:8px;transition:all .2s;width:100%;box-sizing:border-box;max-width:100%}.history-card:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0000000d}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-title-group{display:flex;align-items:center;gap:6px;flex:1}.history-type-emoji{font-size:16px}.history-title{font-size:13px;font-weight:600;color:#334155}.history-status{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.history-status.success{background:#d1fae5;color:#047857}.history-status.failed{background:#fee2e2;color:#b91c1c}.history-status.cancelled{background:#f1f5f9;color:#64748b}.history-reward{font-size:11px;color:#78350f;background:#fef3c7;padding:4px 8px;border-radius:4px;margin-bottom:8px;display:inline-block}.history-footer{display:flex;justify-content:space-between;align-items:center}.history-date{font-size:11px;color:#94a3b8}.history-retry-btn{font-size:11px;font-weight:600;padding:4px 10px;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:4px;cursor:pointer;transition:all .2s;min-height:32px;min-width:32px}.history-retry-btn:hover{background:#dbeafe;color:#1d4ed8}.progress-subsection.goal-subsection{background:radial-gradient(ellipse at 85% 100%,#162845 0,transparent 65%),#0b1529!important;border:1px solid #8b80604d!important;box-shadow:inset 0 1px #e8d4a817!important;overflow:hidden!important;isolation:isolate;container-type:inline-size}.goal-subsection .goals-list-scroll-area{padding:6px!important;scrollbar-color:#66758a #0e192e}.goal-subsection .goals-list-scroll-area:before{background-image:radial-gradient(1px 1px at 9% 20%,#e9d8a8 80%,transparent),radial-gradient(1px 1px at 83% 48%,#d0e2ef 80%,transparent),radial-gradient(1px 1px at 32% 87%,#c6d6eb 80%,transparent);background-size:280px 330px;opacity:.28;animation:none}#tab-breakdown .progress-section-header-compact.goal-section-header{padding:3px 5px!important;height:auto;min-height:46px;background:#111d32 url(/assets/ui/compact-backgrounds/wish-header.e404d87a18b6e378.jpg) left center / cover no-repeat!important;border-bottom:1px solid #d6be8730!important;justify-content:flex-end!important}#tab-breakdown .goal-section-header .progress-section-title{color:#e7d3a2!important;text-shadow:none;font-size:12px}#tab-breakdown .goal-section-actions{gap:5px;min-width:0;margin-left:auto;position:relative}#tab-breakdown #createGoalBtn{min-height:40px;padding:0 10px!important;font-size:12px!important;border:1px solid #e7cf94!important;border-radius:8px!important;background:linear-gradient(#efdbab,#d1b87c)!important;color:#263044!important;box-shadow:inset 0 1px #fff8!important;text-shadow:none!important;animation:none!important}#tab-breakdown .goal-add-btn:before,#tab-breakdown .goal-add-btn:after{display:none}#tab-breakdown .goal-view-toggle{border:1px solid #61708a!important;border-radius:8px;background:#101a2c!important;padding:0}#tab-breakdown .goal-view-toggle-btn{min-height:40px;padding:0 8px!important;font-size:11px;color:#c6d2e1!important;text-shadow:none}#tab-breakdown .goal-view-toggle-btn.is-active{background:#354965!important;color:#fff2d6!important;box-shadow:none!important;border-radius:7px}.goal-subsection button:focus-visible,.goal-card--wish button:focus-visible{outline:2px solid #a8d9ff!important;outline-offset:-2px}.goal-card.goal-card--stellar.goal-card--wish{background:linear-gradient(125deg,#1a263e,#121d34 70%)!important;border:1px solid #b3a07899!important;border-radius:12px!important;margin:0 0 7px!important;padding:0!important;box-shadow:inset 0 1px #fff4d819,0 2px 5px #030a1526!important;transform:none!important;overflow:hidden;color:#f0e7d3!important}.goal-card--wish:before,.goal-card--wish:after{display:none!important}.goal-card--wish:hover{border-color:#dbc898!important}.goal-card--wish .wish-corner{position:absolute;right:-17px;top:-37px;width:81px;height:81px;border:1px solid #d8bc7d25;border-radius:50%;pointer-events:none}.goal-card--wish .wish-corner:after{content:"";position:absolute;inset:9px;border:1px solid #d8bc7d1c;border-radius:50%}.goal-card--wish .stellar-header{padding:7px 6px 5px 9px!important;border-color:#b4c1d51c!important;gap:4px}.goal-card--wish .stellar-title{color:#f2e8cf!important;-webkit-text-fill-color:currentColor!important;background:none!important;animation:none!important;text-shadow:none!important;font:600 15px/1.4 Yu Mincho,Hiragino Mincho ProN,serif!important;padding-left:24px;position:relative;overflow-wrap:anywhere}.goal-card--wish .wish-star{position:absolute;left:0;top:-1px;color:#f2dca8;font:23px/1 serif;text-shadow:0 0 7px #e6c77855}.goal-card--wish .stellar-meta{margin-left:24px;font:10px/1.45 system-ui!important;letter-spacing:.01em;color:#bac6d6!important;flex-direction:row!important;flex-wrap:wrap;column-gap:8px!important}.goal-card--wish .stellar-meta>div{flex-wrap:wrap}.goal-card--wish .stellar-meta span{text-shadow:none!important}.goal-card--wish .stellar-menu-btn{flex:0 0 40px;width:40px!important;height:40px!important;border-radius:8px}.goal-card--wish .stellar-menu-btn:hover{background:#ffffff0c!important}.goal-card--wish .stellar-menu-icon{opacity:.85;transform:none!important}.goal-card--wish .stellar-stats{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr)!important;padding:6px 8px!important;gap:4px!important;border-color:#d7bd822d!important}.goal-card--wish .stellar-stat-orbit{min-width:0;min-height:41px;padding:0;transform:none!important;gap:3px}.goal-card--wish .stellar-stat-orbit+.stellar-stat-orbit{border-left:1px solid #bbc5da24}.goal-card--wish .stellar-stat-label{order:2;font:10px/1.2 system-ui!important;letter-spacing:.03em;color:#bfccdd!important;opacity:1;text-shadow:none;margin:0}.goal-card--wish .stellar-stat-label:after{display:none}.goal-card--wish .stellar-stat-value{font:500 clamp(16px,4.8cqw,22px)/1.2 "Yu Mincho",Georgia,serif!important;color:#eee4cc!important;text-shadow:none!important;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.goal-card--wish .is-time .stellar-stat-value{color:#ffe8b8!important}.goal-card--wish .stellar-stat-value small{font-size:11px;margin-left:2px}.goal-card--wish .stellar-projects{padding:3px 8px 5px!important;border:0!important}.goal-card--wish .stellar-project-scroll{max-height:78px!important;background:#080f1b26!important;border:0!important;border-radius:4px!important;scrollbar-width:thin}.goal-card--wish .stellar-project-scroll>div{min-height:23px;padding:3px 4px!important;gap:8px}.goal-card--wish .stellar-project-scroll>div>span:first-child{color:#d7e0ec!important;font-weight:500}.goal-card--wish .stellar-project-scroll>div>span:last-child{color:#d3dfef!important;font-weight:500!important}.goal-card--wish .stellar-footer:empty{display:none}.goal-card--wish .stellar-footer:not(:has(*)){display:none}.goal-card--wish.is-completed{border-color:#97bea3!important}.goal-subsection .wish-empty{position:relative;padding:clamp(34px,12cqw,64px) 8px 24px!important;margin:0;background:transparent;border:0;box-shadow:none;color:#e8dec5!important;min-height:220px}.wish-empty-sky{display:block;position:relative;width:160px;height:68px;margin:0 auto 17px}.wish-empty-sky b{position:absolute;left:73px;top:21px;font:30px/1 serif;color:#f2ddaa;text-shadow:0 0 12px #f5d78c4a;animation:wish-breathe 9s ease-in-out infinite}.wish-empty-sky:before,.wish-empty-sky:after{content:"";width:2px;height:2px;background:#b0c4df;position:absolute;left:27px;top:46px;box-shadow:110px -28px #d3c59b;opacity:.6}.wish-empty-sky:after{left:114px;top:61px;box-shadow:none}.wish-empty-sky i{position:absolute;right:5px;top:7px;width:35px;height:1px;background:linear-gradient(90deg,transparent,#e8ddb8);transform:rotate(-28deg);opacity:0;animation:wish-distant-star 29s 6s linear infinite}.goal-subsection .wish-empty .stellar-empty-title{color:#f1e5c8;font:500 clamp(15px,4.5cqw,18px)/1.9 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.04em;margin-bottom:12px}.goal-subsection .wish-empty .stellar-empty-desc{font:11px/1.8 system-ui;color:#bdc9da;opacity:1}@keyframes wish-breathe{0%,to{opacity:.72}50%{opacity:1}}@keyframes wish-distant-star{0%,89%,to{opacity:0;transform:translate(0) rotate(-28deg)}90%{opacity:.65}94%{opacity:0;transform:translate(-38px,20px) rotate(-28deg)}}@container (max-width: 340px){#tab-breakdown .goal-section-header .progress-section-title{font-size:10px}#tab-breakdown #createGoalBtn{padding:0 6px!important;font-size:11px!important}#tab-breakdown .goal-view-toggle-btn{padding:0 6px!important;font-size:10px}.goal-card--wish .stellar-title{font-size:14px!important}}@media(pointer:coarse){#tab-breakdown .goal-add-btn,#tab-breakdown .goal-view-toggle-btn,.goal-card--wish .stellar-menu-btn{min-height:44px}}@media(prefers-reduced-motion:reduce){.wish-empty-sky b,.wish-empty-sky i{animation:none}}.goal-card.goal-card--stellar.goal-card--wish{--wish-accent: #d8bd7c;border-color:var(--wish-accent)!important;border-left-width:3px!important;box-shadow:inset 0 0 18px color-mix(in srgb,var(--wish-accent) 8%,transparent),0 2px 5px #030a1526!important}.goal-card--wish:nth-child(5n+2){--wish-accent: #d78891 !important}.goal-card--wish:nth-child(5n+3){--wish-accent: #83bfa3 !important}.goal-card--wish:nth-child(5n+4){--wish-accent: #84b4da !important}.goal-card--wish:nth-child(5n+5){--wish-accent: #b7a0db !important}.goal-card--wish .wish-star{color:var(--wish-accent);animation:wish-star-rest 7s ease-in-out infinite}.goal-card--wish:nth-child(2n) .wish-star{animation-delay:-3s}.goal-card--wish .wish-corner,.goal-card--wish .wish-corner:after{border-color:color-mix(in srgb,var(--wish-accent) 22%,transparent)}.wish-edge-light{position:absolute;z-index:2;pointer-events:none;width:5px;height:5px;border-radius:50%;background:#fff4ce;box-shadow:0 0 7px 2px var(--wish-accent);opacity:0}.wish-working .wish-edge-light{animation:wish-edge-orbit 12s linear infinite}.wish-comet{position:absolute;right:28px;top:3px;width:42px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--wish-accent));opacity:0;animation:wish-margin-comet 31s 7s linear infinite}.goal-card--wish:nth-child(2n) .wish-comet{animation-delay:19s}.goal-card--wish.wish-contribution .is-time .stellar-stat-value{animation:wish-time-glow 1.8s ease-out}.goal-card--wish.wish-contribution .wish-star{animation:wish-star-receive 1.8s ease-out}.goal-card--wish.wish-arrive{animation:wish-card-arrive .5s ease-out}.goal-card--wish.wish-arrive .wish-star{animation:wish-star-receive 1.8s ease-out}.goal-card--wish.wish-contribution .wish-edge-light{animation:wish-delivery 1.1s ease-in-out both}@keyframes wish-star-rest{0%,to{opacity:.68;filter:brightness(.95)}50%{opacity:1;filter:brightness(1.22)}}@keyframes wish-edge-orbit{0%{left:8%;top:-2px;opacity:.4}30%{left:calc(100% - 3px);top:-2px;opacity:.85}50%{left:calc(100% - 3px);top:calc(100% - 3px)}80%{left:-2px;top:calc(100% - 3px);opacity:.4}95%{left:-2px;top:-2px}to{left:8%;top:-2px;opacity:.4}}@keyframes wish-margin-comet{0%,94%,to{opacity:0;transform:translate(0)}95%{opacity:.7}98%{opacity:0;transform:translate(-75px)}}@keyframes wish-time-glow{0%,to{text-shadow:none}25%{text-shadow:0 0 12px #ffe6acb3;color:#fff8de}}@keyframes wish-star-receive{0%,to{transform:scale(1)}45%{transform:scale(1)}65%{transform:scale(1.45);filter:brightness(1.6);text-shadow:0 0 12px var(--wish-accent)}}@keyframes wish-delivery{0%{left:-2px;top:80%;opacity:0}25%{opacity:.9}75%{left:-2px;top:14px;opacity:.9}to{left:15px;top:14px;opacity:0}}@keyframes wish-card-arrive{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}.wish-achievement{position:relative;animation:wish-achievement-reveal 2.6s ease both}.wish-achievement:before{content:"✦";position:absolute;top:-18px;left:50%;color:#fff1bf;font-size:32px;pointer-events:none;animation:wish-ascend 2.6s ease-out both}@keyframes wish-achievement-reveal{0%{opacity:0;translate:0 10px}15%,80%{opacity:1;translate:0 0}to{opacity:0;translate:0 -4px}}@keyframes wish-ascend{0%,20%{opacity:0;transform:translate(-50%,10px) scale(.4)}35%{opacity:1;text-shadow:0 0 20px #ebd495}90%,to{opacity:0;transform:translate(-50%,-160px) scale(.65)}}@media(prefers-reduced-motion:reduce){.goal-card--wish,.goal-card--wish .wish-star,.goal-card--wish .wish-comet,.goal-card--wish .wish-edge-light,.goal-card--wish.wish-contribution .stellar-stat-value,.wish-achievement,.wish-achievement:before{animation:none!important}.wish-working .wish-edge-light{left:0;top:14px;opacity:.65}.wish-contribution .wish-star{filter:brightness(1.4)}}.goal-card--wish:focus-visible{outline:2px solid #e7ca8d;outline-offset:2px}#goalCreateModal[data-wish-editor=true],#goalMemoModal{padding:12px!important;background:#050c1ab8!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#goalCreateModal[data-wish-editor=true] .modal-content,#goalMemoModal .modal-content{width:min(600px,100%)!important;max-width:600px!important;max-height:calc(100dvh - 24px)!important;margin:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;border:1px solid #af9870!important;border-radius:12px!important;background:linear-gradient(140deg,#19263d,#101b30 75%)!important;box-shadow:0 15px 60px #02071477,inset 0 1px #fff1cb16!important;color:#e3e9f1!important;animation:wish-modal-open .2s ease-out!important;color-scheme:dark}#goalCreateModal[data-wish-editor=true] .modal-content:before,#goalMemoModal .modal-content:before,#goalCreateModal[data-wish-editor=true] .form-group:before,#goalCreateModal[data-wish-editor=true] .form-group:after,#goalCreateModal[data-wish-editor=true] button:before,#goalCreateModal[data-wish-editor=true] button:after{display:none!important}#goalCreateModal[data-wish-editor=true] .modal-header,#goalMemoModal .modal-header{flex:0 0 auto;position:relative!important;min-height:52px;margin:0!important;padding:6px 12px!important;gap:8px!important;background:#111d32!important;border:0!important;border-bottom:1px solid #c9b17d40!important;box-shadow:none!important}#goalCreateModal[data-wish-editor=true] .modal-title,#goalMemoModal .modal-title{color:#f2e2ba!important;font:600 18px/1.4 Yu Mincho,serif!important;text-shadow:none!important;margin:0!important}#goalCreateModal[data-wish-editor=true] .modal-title:before{content:"✦";margin-right:8px;color:#ddc38b;font-size:20px}#goalCreateModal[data-wish-editor=true] .modal-body,#goalMemoModal .modal-body{min-height:0;flex:1 1 auto;max-height:none!important;padding:10px 14px!important;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#697586 #132039}#goalCreateModal[data-wish-editor=true] .form-group{padding:0 0 9px!important;margin:0 0 9px!important;background:none!important;border:0!important;border-bottom:1px solid #a4b2c020!important;border-radius:0!important;box-shadow:none!important;transform:none!important}#goalCreateModal[data-wish-editor=true] .form-group>label,#goalCreateModal[data-wish-editor=true] .form-group>div>label{color:#d8dfeb!important;font-size:12px!important;font-weight:600!important;border:0!important;padding:0!important;margin-bottom:5px!important;text-shadow:none!important}#goalCreateModal[data-wish-editor=true] #typeDescription{padding:0!important;margin:-4px 0 10px!important;border:0!important;background:none!important;font-size:11px;line-height:1.6;color:#adbed2!important;box-shadow:none!important}#goalCreateModal[data-wish-editor=true] input:not([type=checkbox]),#goalCreateModal[data-wish-editor=true] select,#goalCreateModal[data-wish-editor=true] textarea,#goalMemoModal textarea{min-width:0;max-width:100%;min-height:42px;padding:8px 10px!important;border:1px solid #6e7e96!important;border-radius:6px!important;background:#0c172a!important;color:#f0f2f6!important;font-size:14px!important;box-shadow:inset 0 1px 4px #040a1633!important;transform:none!important}#goalCreateModal[data-wish-editor=true] input::placeholder,#goalCreateModal[data-wish-editor=true] textarea::placeholder{color:#95a5bb!important}#goalCreateModal[data-wish-editor=true] input:focus,#goalCreateModal[data-wish-editor=true] select:focus,#goalCreateModal[data-wish-editor=true] textarea:focus,#goalMemoModal textarea:focus{outline:2px solid #e7ca8d!important;outline-offset:1px;border-color:#e7ca8d!important}#goalCreateModal[data-wish-editor=true] button,#goalMemoModal button{min-height:40px;padding:6px 10px!important;background:#263950!important;color:#e4ebf4!important;border:1px solid #71829b!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important;text-shadow:none!important;transform:none!important}#goalCreateModal[data-wish-editor=true] button:focus-visible,#goalMemoModal button:focus-visible{outline:2px solid #f4db9f;outline-offset:2px}#goalCreateModal[data-wish-editor=true] button:hover:not(:disabled){background:#354b65!important}#goalCreateModal[data-wish-editor=true] button.active,#goalCreateModal[data-wish-editor=true] button[aria-pressed=true]{color:#fff1cb!important;border-color:#d9be80!important;background:#4c493d!important}#goalCreateModal[data-wish-editor=true] .time-deadline-preset-btn{flex:1 0 auto;padding:6px 9px!important}#goalCreateModal[data-wish-editor=true] #goalDeadlineTimeBased{flex:1 1 140px!important}#goalCreateModal[data-wish-editor=true] #goalTitle{width:100%!important}#goalCreateModal[data-wish-editor=true] #goalCreateSave,#goalCreateModal[data-wish-editor=true] #goalCreateCancel,#goalCreateModal[data-wish-editor=true] #goalCreateClose,#goalCreateModal[data-wish-editor=true] #goalDeleteBtn,#goalCreateModal[data-wish-editor=true] .goal-type-buttons .goal-type-btn,#goalCreateModal[data-wish-editor=true] .time-deadline-preset-btn,#goalCreateModal[data-wish-editor=true] .project-category-tab{min-height:44px!important;height:auto!important;border-radius:6px!important}#goalCreateModal[data-wish-editor=true] .modal-footer,#goalMemoModal .modal-footer{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px!important;padding:8px 12px!important;margin:0!important;background:#0d192c!important;border-top:1px solid #c9b17d40!important;box-shadow:0 -5px 15px #050c191f!important}#goalCreateModal[data-wish-editor=true] .modal-footer>div{display:flex;gap:6px!important;margin-left:auto}#goalCreateModal[data-wish-editor=true] #goalCreateSave{background:linear-gradient(#efdab0,#ceb078)!important;border-color:#f2d9a3!important;color:#243044!important;min-width:85px}#goalCreateModal[data-wish-editor=true] #goalDeleteBtn{color:#f2a4a7!important;border-color:#985660!important;background:#452737!important;font-size:11px!important}#goalCreateModal[data-wish-editor=true][data-mode=create] #goalDeleteBtn{display:none!important}#goalCreateModal[data-wish-editor=true] #goalCreateClose,#goalMemoModal #goalMemoClose{width:40px;min-width:40px;border:0!important;background:transparent!important}#goalCreateModal[data-wish-editor=true] #projectLinkCategoryTabs{gap:4px!important;margin:5px 0!important}#goalCreateModal[data-wish-editor=true] #projectLinkList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0!important;max-height:none!important;overflow:visible!important;background:none!important;border:0!important}#goalCreateModal[data-wish-editor=true] .wish-project-option{display:flex;align-items:center;gap:7px;min-height:44px;margin:0!important;padding:5px 8px!important;background:#24354c!important;border:1px solid #5b6e85!important;border-radius:6px;cursor:pointer}#goalCreateModal[data-wish-editor=true] .wish-project-option:has(:checked){border-color:#ccb580!important;background:#464737!important}#goalCreateModal[data-wish-editor=true] .wish-project-option:has(:disabled){opacity:.6;cursor:default}#goalCreateModal[data-wish-editor=true] .wish-project-option input{flex:0 0 18px;width:18px;height:18px;accent-color:#dac28a}#goalCreateModal[data-wish-editor=true] .wish-project-option input[type=checkbox]{width:18px!important;min-width:18px!important;height:18px!important;margin:0!important}#goalCreateModal[data-wish-editor=true] .wish-project-option span{min-width:0;overflow-wrap:anywhere;color:#e1e9f2!important;font-size:12px;text-shadow:none!important}#goalCreateModal[data-wish-editor=true] .wish-project-option small{display:block;color:#d6bb83;font-size:10px}#goalCreateModal[data-wish-editor=true] #habitSettings>div{background:#18283d!important;border-color:#53647c!important;padding:9px!important;margin-bottom:8px!important}#goalCreateModal[data-wish-editor=true] #habitSettings :is(span,label,h3,strong){color:#d5e1ee!important}#goalCreateModal[data-wish-editor=true] #habitSettings div{color:#d5e1ee!important}#goalCreateModal[data-wish-editor=true] #habitSettings div[style*="background:"]{background:#203149!important;border-color:#556c83!important}#goalCreateModal[data-wish-editor=true] .form-group:hover,#goalCreateModal[data-wish-editor=true] .form-group:focus-within{background:none!important;box-shadow:none!important;transform:none!important}#goalCreateModal[data-wish-editor=true] #manualCountersEditor{background:none!important}#goalCreateModal[data-wish-editor=true] .goal-type-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}#goalCreateModal[data-wish-editor=true] .goal-type-buttons .goal-type-btn{width:100%!important;min-width:0!important}#goalCreateModal[data-wish-editor=true] #manualCountersSettings .form-group>div:last-child>div{color:#aebcd0!important;font-size:11px!important}#goalCreateModal[data-wish-editor=true] #goalAchievementReportBlock>div{padding:9px!important;margin-bottom:10px!important;border:1px solid #bba371!important;background:#202d42!important}#goalCreateModal[data-wish-editor=true] #goalAchievementReportBlock .gold-gradient-text,#goalCreateModal[data-wish-editor=true] #goalAchievementReportBlock .gold-gradient-text-subtle{background:none!important;-webkit-text-fill-color:#eddcb4!important;color:#eddcb4!important;text-shadow:none!important;animation:none!important}#goalCreateModal[data-wish-editor=true] #goalAchieveReportBtn{border-color:#b8a276!important;color:#f3e2bc!important;background:#43443a!important}@keyframes wish-modal-open{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@media(max-width:600px){#goalCreateModal[data-wish-editor=true],#goalMemoModal{padding:6px!important}#goalCreateModal[data-wish-editor=true] .modal-content,#goalMemoModal .modal-content{max-height:calc(100dvh - 12px)!important;border-radius:10px!important}#goalCreateModal[data-wish-editor=true] .modal-body,#goalMemoModal .modal-body{padding:8px 10px!important}#goalCreateModal[data-wish-editor=true] button,#goalMemoModal button{min-height:44px!important}#goalCreateModal[data-wish-editor=true] .modal-footer{padding:7px 8px!important}#goalCreateModal[data-wish-editor=true] .modal-title{font-size:16px!important}}@media(prefers-reduced-motion:reduce){#goalCreateModal[data-wish-editor=true] .modal-content,#goalMemoModal .modal-content{animation:none!important}}#mobileActivityTabs{display:none}.communication-tab-label{min-width:0}.communication-tab-word{white-space:nowrap}@media(max-width:768px),(max-height:500px)and (orientation:landscape){html[data-mobile-activity-pending] body:not([data-mobile-activity]) .panel.middle,html[data-mobile-activity-pending] body:not([data-mobile-activity]) .panel.right{display:none!important}body[data-mobile-activity]{overflow:visible}body[data-mobile-activity] .sessionBar{position:static!important;width:100%!important}body[data-mobile-activity] .wrap{display:flex!important;flex-direction:column;grid-template-columns:minmax(0,1fr);align-content:start;gap:0}#mobileActivityTabs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,.85fr) minmax(0,.85fr);gap:4px;position:relative;top:auto;align-self:stretch;flex:none;z-index:50;padding:6px;border:1px solid var(--line, #d1dce3);border-radius:12px 12px 0 0;background:var(--panel, #fffdf6);box-shadow:0 3px 8px #16374b15}#mobileActivityTabs>button{min-width:0;min-height:44px;padding:6px 3px;border:1px solid #c6d6df!important;border-radius:7px;background:#fff;color:#345268!important;font-size:clamp(10px,2.6vw,12px);line-height:1.3;font-weight:700;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}#mobileActivityTabs>button[aria-selected=true]{color:#fff!important;background:#185f7a;border-color:#185f7a!important;box-shadow:inset 0 -3px #09384d}#mobileActivityTabs>button:focus-visible{outline:3px solid #d4a22d;outline-offset:1px}body[data-mobile-activity] .communication-tab-bar,body[data-mobile-activity] .right-panel-tabs{display:none}body[data-mobile-activity] .panel.middle,body[data-mobile-activity] .panel.right{flex:none;height:var(--mobile-activity-frame-height);min-height:0;padding:4px;margin:0 0 8px;border-top:0;border-radius:0 0 12px 12px}body[data-mobile-activity] .panel.middle>.section,body[data-mobile-activity] .panel.right>.section{grid-template-rows:minmax(0,1fr)!important;height:100%!important;min-height:0!important;padding:3px;margin:0}body[data-mobile-activity=communication] .panel.right,body[data-mobile-activity=sprint] .panel.right,body[data-mobile-activity=tab-breakdown] .panel.middle,body[data-mobile-activity=tab-log] .panel.middle,body[data-mobile-activity=game] .panel.middle,body[data-mobile-activity=game] .panel.right,body[data-mobile-activity] #mobileGamePanel[hidden]{display:none!important}body[data-mobile-activity] #mobileActivityTabs{order:0}body[data-mobile-activity] .panel.middle,body[data-mobile-activity] .panel.right{order:-2}body[data-mobile-activity] .panel.left{order:-1;flex:none}body[data-mobile-activity] .communication-tab-content[hidden],body[data-mobile-activity] .right-panel-tab-content[hidden]{display:none!important}body[data-mobile-activity] #tab-log,body[data-mobile-activity] #tab-breakdown{height:100%!important;min-height:0!important;max-height:100%}body[data-mobile-activity] #tab-log{animation:none}body[data-mobile-activity] #tab-log .breakdown-segment{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-mobile-activity] #tab-log .breakdown-segment-btn{min-height:32px}body[data-mobile-activity] .communication-subsection-header{font-size:11px;padding:6px}body[data-mobile-activity] #communicationTabContent>.communication-subsection{display:block!important;overflow-y:auto;overflow-x:hidden}body[data-mobile-activity] .communication-section .communication-content{overflow:visible!important;height:auto!important}body[data-mobile-activity] .social-stamp-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}body[data-mobile-activity] .social-stamp-preview{justify-self:start}body[data-mobile-activity] .social-style-btn{grid-column:2;grid-row:1}body[data-mobile-activity] .social-angle{grid-column:1 / -1;grid-row:2;min-width:0}body[data-mobile-activity] .social-angle input{width:100%;min-width:0}}@media(max-width:768px),(max-height:500px)and (orientation:landscape){#mobileActivityStage{position:relative;isolation:isolate;order:-1;flex:none;width:100%;height:var(--mobile-activity-frame-height);min-height:0;overflow:hidden;background:var(--masthead-bg,#12313b)}body[data-mobile-activity] #mobileActivityStage>.panel,body[data-mobile-activity] #mobileActivityStage>#mobileGamePanel{position:absolute!important;inset:0;width:100%!important;height:100%!important;margin:0!important;padding:0!important;box-sizing:border-box;background:var(--masthead-bg,#12313b)!important}body[data-mobile-activity] #mobileActivityStage>.panel>.section{position:relative;background:var(--masthead-bg,#12313b)!important}#mobileActivityStage .communication-tab-content,#mobileActivityStage .right-panel-tab-content{position:absolute;inset:0;box-sizing:border-box;animation:none!important}#mobileActivityStage .is-outgoing{z-index:2;pointer-events:none}body[data-mobile-activity] #mobileActivityStage #tab-breakdown{background:#0b1529}body #mobileActivityTabs{display:block;height:86px;min-height:86px;padding:0;border-radius:0;border-width:1px 0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--masthead-ink,#f9eccb);background:var(--masthead-bg,#12313b)}.mobile-activity-reel{position:absolute;inset:0 104px 0 10px;overflow:hidden}body #mobileActivityTabs .mobile-activity-reel>button{position:absolute;top:21px;left:0;width:100%;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;margin:0;padding:0 4px;border:0!important;border-radius:0;background:transparent!important;color:var(--masthead-ink,#f9eccb)!important;box-shadow:none!important;font:600 12px/1.2 system-ui;white-space:nowrap;overflow:visible;transform:translateY(calc(var(--activity-offset) * 32px));opacity:.45;transition:transform .13s ease-out,opacity .13s ease-out,font-size .13s ease-out}body #mobileActivityTabs .mobile-activity-reel>button.is-preview{z-index:1;font-size:clamp(17px,4.8vw,22px);font-weight:750;opacity:1}body #mobileActivityTabs.is-dragging .mobile-activity-reel>button{transition:none}#mobileActivityTabs .communication-tab-label{white-space:nowrap}#mobileActivityTabs .mobile-activity-hint{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:600 10px/1.4 system-ui;opacity:.65;pointer-events:none}#mobileActivityTabs .mobile-activity-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body #mobileActivityTabs button:focus-visible{outline:2px solid currentColor;outline-offset:-3px}}@media(max-width:768px),(max-height:500px)and (orientation:landscape){body #mobileActivityTabs{height:auto;min-height:60px;aspect-ratio:5 / 1;border:0;padding:0;margin-top:-4px}#mobileActivityTabs .mobile-activity-reel{inset:0}body #mobileActivityTabs .mobile-activity-reel>button{top:0;height:100%;min-height:0;padding:0;overflow:hidden;background-image:var(--banner-row-image,none)!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;transform:translateY(calc(var(--activity-offset) * 100%));opacity:1;font-size:0!important;color:transparent!important;transition:transform .14s ease-out}#mobileActivityTabs .communication-tab-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#mobileActivityTabs .mobile-activity-hint{display:none}body #mobileActivityTabs button:focus-visible{outline:3px solid #fff3b0!important;outline-offset:-4px}}@media(prefers-reduced-motion:reduce){body #mobileActivityTabs .mobile-activity-reel>button{transition:none}}.guest-gate{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:16px;background:#07132638}.guest-gate-card{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid #c7a764;border-radius:12px;background:#102a36;color:#fff1d4;box-shadow:0 12px 36px #0007,inset 0 0 0 3px #d5bb7620;text-align:center}.guest-gate-art{height:146px;position:relative;overflow:hidden}.guest-gate-art img{width:100%;height:100%;object-fit:cover;object-position:center 44%;image-rendering:pixelated;display:block}.guest-gate-art:after{content:"";position:absolute;inset:auto 0 0;height:28px;background:linear-gradient(transparent,#102a36)}.guest-gate-body{padding:8px 20px 14px}.guest-gate-eyebrow{margin:0 0 4px;font-size:11px;letter-spacing:.1em;color:#e0c68e}.guest-gate h2{margin:0 0 10px;font-size:20px;font-weight:800;color:#fff1d4}.guest-gate-text{margin:0 0 14px;font-size:13px;line-height:1.8;color:#e6ece8}.guest-gate-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}.guest-gate-btn{display:flex;align-items:center;justify-content:center;padding:12px 8px;border-radius:5px;border:1px solid #8da6ac;background:#1b3c4b;color:#eef2ec;font-size:14px;font-weight:700;text-decoration:none;min-height:46px;box-sizing:border-box}.guest-gate-btn--primary{background:linear-gradient(#f4d58f,#dfb569);border-color:#ffe6ad;color:#352715}.guest-gate-btn:hover{filter:brightness(1.12)}.guest-gate-link{grid-column:1 / -1;padding:10px;border:1px solid #a2bbc044;border-radius:5px;background:transparent;color:#dcece9;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px}.guest-gate-link span{margin-left:8px}.guest-gate-link:hover{background:#244552}.guest-gate-btn:focus-visible,.guest-gate-link:focus-visible{outline:2px solid #ffe0a0;outline-offset:2px}.guest-gate-note{margin:10px 0 0;font-size:10px;line-height:1.6;color:#b4c4c5}@media(max-width:600px){.guest-gate{align-items:flex-end;padding:10px 10px max(10px,env(safe-area-inset-bottom))}.guest-gate-card{max-height:min(72dvh,480px)}.guest-gate-art{height:112px}.guest-gate-body{padding:6px 12px 12px}.guest-gate h2{font-size:18px;margin-bottom:8px}.guest-gate-text{font-size:12px;margin-bottom:10px}}@media(max-height:550px){.guest-gate-art{height:72px}.guest-gate-card{max-height:calc(100dvh - 20px)}}