*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Inter,Roboto,sans-serif}img{max-width:100%;display:block}.history-page{padding:24px;max-width:100%;overflow-x:hidden}.history-title{font-size:40px;margin:0}.history-filters{margin-top:22px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}.history-filter{width:190px;height:52px;border-radius:12px;border:1px solid #7a7a7a;background:#e8e8e8;color:#000;padding:0 16px;font-size:16px;outline:none;box-sizing:border-box}.history-filter::placeholder{color:#000;opacity:1}.history-filter--select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}.history-filter--active{border-color:#4124f48c;background:#4124f42e}.history-grid{margin-top:26px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,236px));gap:24px;align-items:start;width:100%;max-width:1500px;margin-inline:auto}.history-card{width:100%;max-width:236px;aspect-ratio:236 / 324;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;text-decoration:none;cursor:pointer;box-shadow:0 10px 18px #0000001f;transform:translateZ(0);transition:transform .16s ease,box-shadow .16s ease}.history-card:hover{transform:translateY(-2px);box-shadow:0 14px 24px #00000029}.history-card__image{flex:0 0 66.05%;width:100%;overflow:hidden;background:#d2d2d7}.history-card__img{width:100%;height:100%;display:block;object-fit:cover}.history-card__info{flex:1;width:100%;padding:14px 14px 12px;box-sizing:border-box;color:#fff;background:linear-gradient(90deg,#ef3030,#4124f4);display:flex;flex-direction:column;gap:8px}.history-card__name{font-size:18px;font-weight:700;line-height:1.1}.history-card__type,.history-card__date{font-size:14px;line-height:1.1;opacity:.95}.history-room-page{padding:24px;max-width:100%;overflow-x:hidden}.history-room-subtitle{margin-top:28px;font-size:clamp(22px,2.2vw,40px);line-height:1.15}.history-room-subtitle__name{font-weight:700}.history-room-layout{margin-top:26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"card participants";gap:clamp(16px,3vw,64px);align-items:start;width:100%;max-width:1500px;margin-inline:auto;justify-content:center}.history-room-card{width:100%;max-width:clamp(320px,28vw,560px);border-radius:16px;overflow:hidden;box-shadow:0 10px 18px #0000001f;background:#d2d2d7;justify-self:center}.history-room-layout>.history-room-card{grid-area:card}.history-room-layout>.history-room-cards{grid-area:card}.history-room-cards{width:100%;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-items:center}.history-room-card--compact{max-width:320px}.history-room-card__image{width:100%;aspect-ratio:404 / 412;overflow:hidden;background:#d2d2d7}.history-room-card__img{width:100%;height:100%;display:block;object-fit:cover}.history-room-card__text{width:100%;min-height:clamp(170px,22vh,212px);padding:22px 20px;box-sizing:border-box;color:#fff;background:linear-gradient(90deg,#ef3030,#4124f4);display:flex;flex-direction:column;gap:14px}.history-room-card__title{font-size:20px;font-weight:700;line-height:1.15}.history-room-card__description{font-size:16px;line-height:1.25;opacity:.95}.history-room-participants{grid-area:participants;width:100%;max-width:clamp(320px,29vw,580px);height:clamp(320px,60vh,560px);border-radius:16px;box-sizing:border-box;padding:22px;background:#d9d9d9;display:flex;flex-direction:column;color:#000;justify-self:center}.history-room-participants__title{font-size:22px;font-weight:600}.history-room-participants__list{margin-top:18px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px}.history-room-participants__item{padding:10px 12px;border-radius:12px;background:#ffffffa6}.history-room-participants__empty{padding:12px;border-radius:12px;background:#ffffffa6;color:#000000b3}.history-room-actions{margin-top:46px;display:flex;justify-content:center;width:100%}@media(max-width:980px){.history-room-layout{grid-template-columns:1fr;grid-template-areas:"card" "participants";gap:24px}.history-room-card,.history-room-participants{max-width:520px}}@media(max-width:720px){.history-page{padding:16px}.history-title{font-size:32px}.history-filter{width:min(100%,240px)}.history-grid{gap:16px}.history-room-page{padding:16px}.history-room-layout{gap:16px}.history-room-participants{padding:16px}.history-room-card__text{padding:18px 16px}}.collections-filters{margin-top:22px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-bottom:18px}.collections-filter{width:190px;height:52px;border-radius:12px;border:1px solid #7a7a7a;background:#e8e8e8;padding:0 16px;font-size:16px;color:#1f1f1f;outline:none;box-sizing:border-box}.collections-filter--select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}.collections-filter--active{border-color:#4124f48c;background:#4124f42e}.collections-filter option{color:#1f1f1f}.drawing-page{padding:24px;max-width:100%;overflow-x:hidden}.drawing-title{font-size:26px;margin:0}.drawing-layout{margin-top:24px;display:grid;grid-template-columns:minmax(0,2fr) minmax(88px,120px) minmax(220px,1fr);grid-template-areas:"canvas toolbar topic";gap:24px;align-items:start;width:100%;max-width:1500px;margin-inline:auto}.drawing-canvas-wrapper{grid-area:canvas;width:100%;max-width:1100px;height:clamp(280px,70vh,615px);background:#e8e8e8;border-radius:35px;overflow:hidden;justify-self:center;min-width:0}.drawing-canvas{display:block;width:100%;height:100%}.toolbar{grid-area:toolbar;width:100%;max-width:120px;height:clamp(280px,70vh,615px);border-radius:22px;background:linear-gradient(180deg,#ef3030,#4124f3);padding:14px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px}.toolbar__icon-button{width:56px;height:56px;border-radius:14px;border:2px solid transparent;background:#ffffff2e;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:none}.toolbar__icon-button--active{border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 3px #0000001f}.toolbar__spacer{flex:1}.toolbar__palette{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;justify-items:center;padding-bottom:6px}.toolbar__color-button{width:26px;height:26px;border-radius:8px;border:2px solid rgba(0,0,0,.15);box-shadow:none;cursor:pointer;padding:0}.toolbar__color-button--active{border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 3px #0000001f}.toolbar__color-button[data-color="#FF3B30"]{background:#ff3b30}.toolbar__color-button[data-color="#1C1C1E"]{background:#1c1c1e}.toolbar__color-button[data-color="#007AFF"]{background:#007aff}.toolbar__color-button[data-color="#FFFFFF"]{background:#fff}.toolbar__color-button[data-color="#FFCC00"]{background:#fc0}.toolbar__color-button[data-color="#34C759"]{background:#34c759}.topic-card{grid-area:topic;width:100%;max-width:520px;height:clamp(280px,70vh,615px);border-radius:35px;background:linear-gradient(180deg,#ef303033,#4124f333);display:flex;align-items:flex-start;justify-content:center;padding-top:40px;box-sizing:border-box;justify-self:center}.topic-card__content{width:min(369px,100%);height:auto;display:flex;flex-direction:column;align-items:center;gap:22px;padding:0 16px;box-sizing:border-box}.topic-card__text{width:100%;min-height:132px;height:auto;border-radius:35px;background:#e8e8e8;color:#000;display:flex;align-items:center;justify-content:center;padding:0 20px;box-sizing:border-box;text-align:center;font-size:18px;font-weight:500}.topic-card__action{width:169px;height:76px;border-radius:35px;border:none;cursor:pointer;background:linear-gradient(180deg,#ef3030,#4124f3);color:#fff;font-size:14px;font-weight:600}.topic-card__action:disabled{cursor:default}@media(max-width:980px){.drawing-layout{grid-template-columns:minmax(0,1fr) 120px;grid-template-areas:"canvas toolbar" "topic topic"}.topic-card{max-width:none}}@media(max-width:720px){.drawing-page{padding:16px}.drawing-layout{grid-template-columns:1fr;grid-template-areas:"canvas" "toolbar" "topic";gap:16px}.toolbar{max-width:none;height:auto;flex-direction:row;justify-content:center;flex-wrap:wrap;padding:12px;gap:10px}.toolbar__spacer{display:none}.toolbar__palette{width:auto;grid-template-columns:repeat(6,1fr);gap:10px;padding-bottom:0}.topic-card{height:auto;min-height:280px;padding-top:24px;padding-bottom:24px}}.room-page{display:flex;flex-direction:column;gap:28px;max-width:1500px;margin:0 auto}.room-title{font-size:36px;font-weight:600;margin:0}.room-subtitle{font-size:18px;color:#3e3b3b;margin:8px 0 0}.room-card{border-radius:32px;background:#f2f2f2;padding:24px;box-shadow:0 10px 24px #00000014}.room-card--ghost{background:#fff9;border:1px solid rgba(31,31,31,.1);box-shadow:none}.room-form{display:grid;grid-template-columns:minmax(220px,280px) minmax(260px,320px) minmax(220px,280px);grid-template-areas:"name collection password" "modes collection access";gap:24px 40px;align-items:start}.room-form__field{display:flex;flex-direction:column;gap:10px}.room-form__label{font-size:14px;color:#3e3b3b}.room-form__input{height:40px;border-radius:12px;border:1px solid rgba(31,31,31,.2);padding:0 12px;font-size:14px;background:#fff;color:#1f1f1f}.room-form__input::placeholder{color:#1f1f1f8c}.room-form__input:focus{outline:2px solid rgba(65,36,243,.3)}.room-form__checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:8px}.room-form__checkbox{display:flex;align-items:center;gap:10px;font-size:15px}.room-form__checkbox input{width:16px;height:16px;accent-color:#4124f3}.room-form__collection{grid-area:collection}.room-form__collection-box{border-radius:18px;padding:10px;background:linear-gradient(180deg,#ef3030e6,#4124f3e6)}.room-form__select{width:100%;border:none;background:transparent;color:#fff;font-size:14px;outline:none}.room-form__select option{color:#1f1f1f}.room-form__select--list{height:220px;border-radius:12px;background:transparent}.room-form__footer{display:flex;justify-content:center;margin-top:12px}.room-button{min-width:160px;height:44px;border-radius:18px;border:none;color:#fff;cursor:pointer;background:linear-gradient(180deg,#ef3030,#4124f3);font-size:15px;font-weight:600;transition:transform .2s ease}.room-button:hover{transform:translateY(-1px)}.room-button--ghost{background:transparent;border:2px solid rgba(65,36,243,.6);color:#4124f3}.room-actions{display:flex;justify-content:center;gap:16px;margin-top:20px}.room-connect-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:28px 40px;align-items:start}.room-vote{display:flex;flex-direction:column;align-items:center;gap:20px}.room-vote-card{width:min(360px,100%);border-radius:30px;background:linear-gradient(180deg,#b6c6f2,#f6f6f6,#4124f3);overflow:hidden;display:flex;flex-direction:column;align-items:stretch;box-shadow:0 18px 30px #00000029}.room-vote-card__image{height:240px;background:#d6d6d6;display:grid;place-items:center}.room-vote-card__image img{width:100%;height:100%;object-fit:cover}.room-vote-card__content{padding:16px;color:#fff;text-align:center}.room-vote-card__title{font-size:18px;font-weight:600}.room-vote-actions{display:flex;gap:16px}.room-vote-actions button{min-width:90px;height:34px;border-radius:10px;border:none;color:#fff;font-weight:600;cursor:pointer}.room-vote-actions .room-vote-actions__no{background:#ef3030}.room-vote-actions .room-vote-actions__yes{background:#34c759}.room-drawing-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(88px,120px) minmax(220px,1fr);grid-template-areas:"canvas toolbar participants";gap:24px;align-items:start}.room-drawing-hint{margin:0 0 16px;font-size:18px}.room-participants{grid-area:participants;width:100%;max-width:320px;min-height:420px;border-radius:26px;background:linear-gradient(180deg,#ef30303d,#4124f33d);padding:18px;display:flex;flex-direction:column;gap:16px}.room-participant{display:flex;align-items:center;gap:12px}.room-participant__avatar{width:56px;height:56px;border-radius:18px;background:#f4f4f4;border:2px solid rgba(31,31,31,.1)}.room-participant__name{font-size:15px}.room-results{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.room-results__headline{font-size:48px;font-weight:600;margin:0}.room-results__text{font-size:20px;max-width:620px}.room-results-card{width:min(360px,100%);border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#ef303033,#4124f380);box-shadow:0 14px 26px #00000024}.room-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;justify-items:center}.room-results-card__image{height:240px;background:#d6d6d6}.room-results-card__image img{width:100%;height:100%;object-fit:cover}.room-results-card__info{padding:16px;color:#fff;text-align:left}.room-results-card__title{font-size:16px;font-weight:600}.room-drawings-panel{border-radius:28px;padding:22px;background:linear-gradient(180deg,#ef30304d,#4124f359)}.room-drawings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.room-drawings-card{background:#ffffffb3;border-radius:24px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.room-drawings-card__image{width:100%;aspect-ratio:4 / 3;border-radius:20px;background:#f0f0f0;display:grid;place-items:center;overflow:hidden}.room-drawings-card__image img{width:100%;height:100%;object-fit:contain}.room-drawings-card__name{font-size:15px}.rooms-page{display:flex;flex-direction:column;gap:20px;align-items:center}.rooms-title{font-size:36px;font-weight:600;margin:0}.rooms-room-layout{display:flex;flex-direction:column;align-items:center;gap:16px}.rooms-card{width:min(320px,100%);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#ef303033,#4124f380);box-shadow:0 14px 26px #00000024}.rooms-card__header{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#1f1f1f;background:#ffffffb3}.rooms-card__avatar{width:36px;height:36px;border-radius:50%;background:#fff}.rooms-card__nick{font-weight:600}.rooms-card__image{height:320px;background:#d6d6d6}.rooms-card__image img{width:100%;height:100%;object-fit:cover}.rooms-card__footer{padding:16px;color:#fff;text-align:center}.rooms-card__title{font-size:18px;font-weight:600;margin-bottom:8px}.rooms-room-actions{display:flex;gap:16px}.rooms-action-button{min-width:110px;height:36px;border-radius:10px;border:none;color:#fff;font-weight:600;cursor:pointer}.rooms-action-button--no{background:#ef3030}.rooms-action-button--yes{background:#34c759}.rooms-exit-button{min-width:180px;height:40px;border-radius:12px;border:none;color:#fff;font-weight:600;cursor:pointer;background:linear-gradient(180deg,#ef3030,#4124f3)}@media(max-width:1200px){.room-form{grid-template-columns:1fr 1fr;grid-template-areas:"name password" "collection collection" "modes access"}.room-drawing-layout{grid-template-columns:minmax(0,1fr) 120px;grid-template-areas:"canvas toolbar" "participants participants"}.room-participants{max-width:none;min-height:240px}}@media(max-width:768px){.room-form{grid-template-columns:1fr;grid-template-areas:"name" "collection" "password" "modes" "access"}.room-connect-grid{grid-template-columns:1fr}.room-drawing-layout{grid-template-columns:1fr;grid-template-areas:"canvas" "toolbar" "participants"}}:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}