body{margin:0}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--accent:#0028a5;--accent-dark:#001d78;--accent-tint:#eef1fa;--ink:#1c2130;--ink-soft:#4a5163;--line:#d9dde6;--bg:#f6f7f9;--card:#fff;--error:#b3261e;--warn-bg:#fff4d6;--warn-ink:#7a5200}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #0028a573}.study-page{min-height:100vh;padding:1.5rem 1rem 4rem}.study-column{flex-direction:column;gap:1rem;max-width:680px;margin:0 auto;display:flex}.study-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:clamp(1.25rem,4vw,2.5rem)}.study-card.narrow{width:100%;max-width:480px;margin:2rem auto 0}.study-card.centered{text-align:center}.study-card.centered .btn{margin-top:1rem}.study-card h1{color:var(--ink);margin-bottom:1rem;font-size:1.45rem;line-height:1.3}.study-card h2{color:var(--ink);margin:1.5rem 0 .4rem;font-size:1.05rem}.study-card h2:first-of-type{margin-top:1.25rem}.study-card p{color:var(--ink-soft);margin-bottom:.75rem}.study-card>ul,.study-card>ol:not(.ranking-list),.notice-box ul{color:var(--ink-soft);margin:0 0 .75rem 1.35rem}.study-card>ul li,.study-card>ol:not(.ranking-list) li,.notice-box li{margin-bottom:.35rem}.study-card .error{color:var(--error);font-weight:600}.progress-steps{grid-template-columns:repeat(4,1fr);gap:.25rem;padding:.75rem .5rem;display:grid}.progress-step{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex;position:relative}.progress-step:not(:last-child):after{content:"";background:var(--line);height:2px;position:absolute;top:.9rem;left:calc(50% + 1.1rem);right:calc(1.1rem - 50%)}.progress-step.done:not(:last-child):after{background:var(--accent)}.progress-dot{border:2px solid var(--line);background:var(--card);width:1.8rem;height:1.8rem;color:var(--ink-soft);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.progress-step.current .progress-dot{border-color:var(--accent);background:var(--accent);color:#fff}.progress-step.done .progress-dot{border-color:var(--accent);color:var(--accent)}.progress-label{color:var(--ink-soft);font-size:.75rem}.progress-step.current .progress-label{color:var(--accent);font-weight:600}.btn{text-align:center;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-primary:disabled{color:#f2f3f7;cursor:not-allowed;background:#c6cbd8}.btn-link{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.9rem;text-decoration:underline}.card-actions{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1.75rem;display:flex}.study-card.centered .card-actions{align-items:center}.action-hint{color:var(--ink-soft);margin:0;font-size:.85rem}.consent-box{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--accent-tint);border-radius:8px;margin-top:1.75rem;padding:1.25rem}.consent-box h2{margin-top:0}.consent-check{cursor:pointer;color:var(--ink);align-items:flex-start;gap:.75rem;padding:.6rem .25rem;display:flex}.consent-check input{width:1.35rem;height:1.35rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:.15rem}.q-block{border:none;flex-direction:column;gap:.6rem;margin:1.5rem 0 0;display:flex}.q-label{color:var(--ink);padding:0;font-weight:600}.text-input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;width:100%;max-width:20rem;padding:.7rem .85rem;font-family:inherit;font-size:1rem}.text-input:focus{border-color:var(--accent)}.likert-group{flex-wrap:wrap;gap:.5rem;display:flex}.likert-option input{opacity:0;width:1px;height:1px;position:absolute}.likert-option span{border:1px solid var(--line);min-width:2.75rem;min-height:2.75rem;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:.5rem .9rem;font-size:.95rem;transition:background .15s,border-color .15s;display:flex}.likert-option span:hover{border-color:var(--accent)}.likert-option input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.likert-option input:focus-visible+span{outline-offset:2px;outline:3px solid #0028a573}.likert-anchors{color:var(--ink-soft);justify-content:space-between;max-width:24rem;font-size:.78rem;display:flex}.task-timer{z-index:10;border:1px solid var(--line);background:var(--card);color:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;align-self:center;align-items:baseline;gap:.5rem;padding:.55rem 1.4rem;font-size:1.25rem;font-weight:700;display:flex;position:sticky;top:.5rem;box-shadow:0 2px 10px #1c213014}.task-timer-caption{color:var(--ink-soft);font-size:.8rem;font-weight:400}.task-timer.low{background:var(--warn-bg);color:var(--warn-ink);border-color:#e5c65e}.rank-columns{flex-direction:column;gap:1.25rem;margin:1.25rem 0;display:flex}.rank-pool,.rank-target{border:1px solid var(--line);background:#fbfbfd;border-radius:8px;padding:1rem}.rank-pool h2,.rank-target h2{margin:0 0 .75rem;font-size:.95rem}.rank-pool .count{color:var(--ink-soft);font-weight:400}.rank-pool-list{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.rank-pool-item{border:1px solid var(--line);cursor:grab;background:#fff;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .4rem .4rem .75rem;display:flex}.rank-pool-item.dragging,.ranking-item.dragging{opacity:.45}.rank-add{border:1px solid var(--accent);background:var(--accent-tint);color:var(--accent);cursor:pointer;border-radius:5px;padding:.35rem .6rem;font-size:.8rem;font-weight:600}.rank-add:hover{background:var(--accent);color:#fff}.rank-pool-empty{color:var(--accent);font-weight:600}.rank-drop-hint{border:2px dashed var(--line);text-align:center;border-radius:6px;padding:1rem;font-size:.9rem}.ranking-list{flex-direction:column;gap:.4rem;list-style:none;display:flex}.ranking-item{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:.6rem;padding:.5rem .6rem;font-size:.95rem;display:flex}.rank-target .ranking-item{cursor:grab}.ranking-item.drop-before{box-shadow:0 -3px 0 0 var(--accent)}.ranking-item.drop-after{box-shadow:0 3px 0 0 var(--accent)}.rank-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:600;display:flex}.rank-label{flex:1;min-width:0}.rank-actions{gap:.3rem;display:flex}.rank-actions button{border:1px solid var(--line);width:2.1rem;height:2.1rem;color:var(--ink);cursor:pointer;background:#fff;border-radius:5px;padding:0;font-size:.9rem;line-height:1}.rank-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.rank-actions button:disabled{opacity:.35;cursor:default}.notice-box{background:var(--warn-bg);border:1px solid #e5c65e;border-radius:8px;margin:1.25rem 0 0;padding:1rem 1.25rem}.notice-box h2{color:var(--warn-ink);margin:0 0 .4rem;font-size:.95rem}.notice-box ul{margin-bottom:0}.notice-box li{color:var(--ink)}.waiting-spinner{border:3px solid var(--accent-tint);border-top-color:var(--accent);border-radius:50%;width:2.25rem;height:2.25rem;margin:.75rem auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.waiting-count{color:var(--accent);font-size:1.15rem;font-weight:600}@media (width<=480px){.progress-label{font-size:.65rem}.progress-step:not(:last-child):after{left:calc(50% + 1rem);right:calc(1rem - 50%)}.card-actions .btn{text-align:center;width:100%}.text-input{max-width:none}}.loading-container{min-height:100vh;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.loading-container .error{color:var(--error);font-weight:600}.login-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.login-container h1{margin-bottom:0;font-size:1.5rem}.login-hint{color:var(--ink-soft);margin-bottom:.5rem;font-size:.8rem}.login-container form{flex-direction:column;gap:.75rem;width:300px;display:flex}.login-container input{border:1px solid #ccc;border-radius:4px;padding:.5rem .75rem;font-size:1rem}.login-container button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.5rem;font-size:1rem}.login-container button:hover{background:var(--accent-dark)}.login-container .error{color:var(--error);font-size:.875rem}.login-container .toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.875rem;text-decoration:underline}.chat-layout{height:100vh;display:flex}.sidebar{color:#cdd6f4;background:#1e1e2e;border-right:1px solid #313244;flex-direction:column;width:240px;min-width:240px;display:flex}.sidebar-header{border-bottom:1px solid #313244;padding:1rem;font-size:.9rem;font-weight:600}.sidebar-user{opacity:.7;font-size:.8rem;font-weight:400}.sidebar-rooms{flex:1;padding:.5rem 0;overflow-y:auto}.sidebar-room{color:#cdd6f4;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.6rem 1rem;font-size:.85rem;transition:background .15s;display:block}.sidebar-room:hover{background:#313244}.sidebar-room.active{color:#fff;background:#45475a}.room-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-empty{color:#6c7086;padding:1rem;font-size:.8rem}.chat-main{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{background:var(--accent);color:#fff;border-bottom:1px solid var(--accent-dark);align-items:center;padding:.75rem 1rem;display:flex}.chat-header h2{font-size:1rem;font-weight:600}.messages-shell{flex:1;min-height:0;position:relative}.messages{background:#e9ecf3;flex-direction:column;gap:.4rem;height:100%;padding:1rem 1.5rem;display:flex;overflow-y:auto}.new-messages{z-index:4;border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#fff;border-radius:999px;padding:.45rem .8rem;font-size:.8rem;font-weight:600;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000002e}.new-messages:hover{background:var(--accent-tint)}.message{word-wrap:break-word;border-radius:8px;max-width:65%;padding:.35rem .55rem .9rem;position:relative;box-shadow:0 1px .5px #00000021}.message.own{background:#dbe3f8;align-self:flex-end}.message.other{background:#fff;align-self:flex-start}.message .sender{color:var(--accent);margin-bottom:.1rem;font-size:.72rem;font-weight:600}.message .body{white-space:pre-wrap;padding-right:2.5rem;font-size:.9rem;line-height:1.35}.message .meta{color:#667781;font-size:.65rem;position:absolute;bottom:.35rem;right:.55rem}.entry-message{color:#333;text-align:center;background:#e9ecef;border:1px solid #ced4da;border-radius:10px;align-self:center;max-width:80%;padding:.5rem .75rem;font-size:.85rem;line-height:1.35}.entry-hint{color:#667781;margin-top:.25rem;font-size:.8rem;display:inline-block}.bot-message{background:#fff8e1;border:1px solid #ffe08a;border-radius:10px;align-self:center;max-width:80%;padding:.5rem .75rem;font-size:.85rem}.bot-message.private{background:#eef4fb;border-color:#b3d4f5}.bot-label{color:#b8860b;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.15rem;font-size:.7rem;font-weight:600;display:flex}.bot-meta{color:#667781;flex-shrink:0;margin-left:auto;font-weight:400}.bot-message.private .bot-label{color:var(--accent)}.audience-badge{letter-spacing:.01em;border-radius:999px;padding:.1rem .5rem;font-weight:700}.badge-public{color:#fff;background:#b8860b}.badge-private{background:var(--accent);color:#fff}.bot-body{color:#333;white-space:pre-wrap;line-height:1.35}.typing-indicator{color:#5f6670;background:#f0f0f0;min-height:1.35rem;padding:.15rem 1.15rem 0;font-size:.75rem;font-style:italic}.message-input{background:#f0f0f0;align-items:flex-end;gap:.5rem;padding:.6rem 1rem;display:flex;position:relative}.mention-menu{z-index:5;background:#fff;border-radius:10px;min-width:12rem;max-width:min(20rem,100% - 2rem);max-height:12rem;margin:0;padding:.25rem;list-style:none;position:absolute;bottom:calc(100% - .2rem);left:1rem;overflow-y:auto;box-shadow:0 4px 16px #0000002e}.mention-item{cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.9rem;font-weight:600;display:flex}.mention-item.active{background:var(--accent-tint)}.mention-dot{border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem}.mention{color:var(--accent);font-weight:600}.message-input textarea{resize:none;background:#fff;border:none;border-radius:20px;outline:none;flex:1;min-height:2.6rem;max-height:6rem;padding:.6rem 1rem;font-family:inherit;font-size:.95rem;line-height:1.35;overflow-y:auto}.message-input button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:2.6rem;height:2.6rem;font-size:1rem}.message-input button:hover{background:var(--accent-dark)}.study-layout{height:100vh;display:flex}.chat-header{justify-content:space-between}.chat-user{color:#fff;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.user-dot{border-radius:50%;width:.6rem;height:.6rem;display:inline-block}.panel-resizer{cursor:col-resize;background:0 0;border-left:1px solid #e0e0e0;flex-shrink:0;width:6px;transition:background .15s,border-color .15s}.panel-resizer:hover,.panel-resizer:focus-visible{background:var(--accent-tint);border-left-color:var(--accent)}.panel-col{background:#fff;flex-direction:column;gap:1rem;width:340px;padding:1rem;display:flex;overflow-y:auto}.panel-col .ranking-item{background:#fafafa;padding:.4rem .5rem;font-size:.85rem}.panel-col .shared-ranking-list .ranking-item{cursor:grab}.panel-col .shared-ranking-list .ranking-item:active{cursor:grabbing}.panel-col .rank-num{width:1.4rem;height:1.4rem;font-size:.75rem}.panel-col .rank-actions button{width:1.7rem;height:1.7rem;font-size:.8rem}.timer{z-index:3;text-align:center;background:var(--accent-tint);color:var(--accent);border-radius:6px;flex-shrink:0;padding:.5rem;font-size:.95rem;font-weight:600;position:sticky;top:0}.timer.low{color:#d32f2f;background:#fdecea}.briefing h3{margin-bottom:.4rem;font-size:.95rem}.briefing-body{color:var(--ink-soft);margin-bottom:.75rem;font-size:.95rem;line-height:1.6}.panel-col .briefing-body{color:#333;margin-bottom:0;font-size:.85rem;line-height:1.5}.ranking h3{margin-bottom:.5rem;font-size:.95rem}.ranking-activity{min-height:1.25rem;color:var(--accent);margin-bottom:.35rem;font-size:.72rem;font-weight:600}.panel-col .ranking-item.remote-move{outline:2px solid var(--accent);animation:.9s ease-out remote-ranking-move}@keyframes remote-ranking-move{0%{background:#dbe3f8;transform:translate(6px)}to{background:#fafafa;transform:translate(0)}}.external-workspace,.external-workspace-placeholder{min-height:12rem;margin:.75rem}.external-workspace{flex-direction:column;flex:1;min-height:0;display:flex}.external-workspace iframe{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;width:100%;min-height:24rem}.external-workspace-placeholder{border:1px dashed var(--line);background:var(--bg);color:var(--ink-soft);border-radius:8px;padding:1rem}.external-workspace-placeholder h3{color:var(--ink);margin-top:0}.no-room{color:#888;flex:1;justify-content:center;align-items:center;font-size:.95rem;display:flex}@media (width<=760px){.study-layout{flex-direction:column;height:auto;min-height:100vh}.chat-main{min-height:65vh}.panel-resizer{display:none}.panel-col{border-top:1px solid #ddd;max-height:none;width:100%!important;min-width:0!important}}