.dj-booth{inset:0;z-index:7;isolation:isolate;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff9eb;background:#876541}.dj-booth,.dj-heading{position:absolute;display:flex}.dj-heading{top:max(16px,env(safe-area-inset-top));left:16px;right:16px;align-items:center;justify-content:space-between;gap:12px}.dj-heading h2{font-size:17px;font-weight:500;margin:0;text-shadow:0 2px 9px #302315}.cafe-entrance .dj-heading button{background:#3c3a2b85;color:#fff9eb;border:1px solid #fff8d980;backdrop-filter:blur(12px)}.dj-scopes{position:absolute;top:max(76px,calc(env(safe-area-inset-top) + 60px));right:16px;display:flex;gap:6px}.cafe-entrance .dj-scopes button{font-size:13px;padding:8px 12px;background:#fff8e7eb;min-height:44px}.cafe-entrance .dj-scopes button[aria-pressed=true]{background:#315b49;color:#fff8e8}.dj-controls{box-sizing:border-box;width:min(100%,680px);margin:0 auto;padding:16px 14px max(16px,env(safe-area-inset-bottom));display:grid;gap:8px;background:linear-gradient(transparent,#241e1477);max-height:64%;overflow:auto;scrollbar-width:thin}.dj-request{padding:12px 14px;background:#fff8e9e8;backdrop-filter:blur(12px);color:#345747;border:1px solid #fff9e8a0;border-radius:18px;box-shadow:0 8px 25px #3a231d20;display:grid;gap:8px}.dj-request label{font-size:13px}.dj-request-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.dj-request input{font:inherit;font-size:16px;min-width:0;box-sizing:border-box;width:100%;min-height:48px;padding:10px 12px;border:1px solid #bbc9b7;border-radius:14px;background:#fffdf6;color:#264b3a}.cafe-entrance .dj-request button[type=submit]{background:#24573f;color:#fff9e9;font-weight:600;min-height:48px;border-radius:16px;font-size:14px;padding:10px 14px;white-space:nowrap}.dj-voice{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dj-voice small{font-size:11px;flex:1;min-width:130px}.dj-request p{font-size:13px;margin:0;line-height:1.5}.dj-playing{display:grid;grid-template-columns:36px 42px minmax(0,1fr) auto auto;grid-template-rows:auto auto;align-items:center;gap:6px 8px;border:1px solid #e6d3a2a0;padding:10px;border-radius:12px;background:#234331e8;backdrop-filter:blur(10px)}.dj-playing>div{grid-row:1;grid-column:3;min-width:0}.dj-playing strong{font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-playing small{display:block;font-size:12px}.dj-playing img{grid-row:1;grid-column:2;width:42px;height:42px;object-fit:cover;border-radius:3px}.cafe-entrance .dj-playing .dj-transport{grid-row:1;font-size:13px;padding:7px 10px;border-radius:20px;min-height:44px}.cafe-entrance .dj-playing .dj-transport:first-of-type{grid-column:4}.cafe-entrance .dj-playing .dj-transport:nth-of-type(2){grid-column:5}.cafe-entrance .dj-playing .dj-lyrics-button{grid-row:2;grid-column:3/6;justify-self:start;font-size:13px;padding:6px 14px;border-radius:20px;min-height:40px;background:#fff8e8;color:#315b49;border:1px solid #c7d4bd}.dj-lyrics-sheet{max-height:28dvh;overflow:auto;box-sizing:border-box;padding:12px 16px;border:1px solid #d9c9a4;border-radius:14px;background:#fff8e9f2;color:#345747;box-shadow:0 5px 16px #2c211b25}.dj-lyrics-sheet h3{font-family:serif;font-size:16px;font-weight:600;line-height:1.5;margin:0;overflow-wrap:anywhere}.dj-lyrics-sheet small{font-size:12px;color:#697869}.dj-lyrics-sheet p{margin:10px 0 0;font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.dj-disc{display:block;flex-shrink:0;width:36px;height:36px;background:repeating-radial-gradient(circle,#1a211d 0 2px,#39423a 3px 4px);border:2px solid #545b4b;border-radius:50%;position:relative}.dj-disc:after{content:"";position:absolute;inset:12px;background:#d7bd80;border-radius:50%}.is-playing .dj-disc{animation:dj-spin 4s linear infinite}.dj-selection{font-size:13px;line-height:1.6;text-shadow:0 1px 6px #241a0f;padding:8px 12px;border-radius:12px;background:#273a2cbd}.dj-selection p{margin:0 0 6px}.dj-selection details{max-height:16dvh;overflow:auto}.dj-selection ul{margin:4px 0;padding-left:20px}.dj-selection summary{cursor:pointer;min-height:32px}.dj-mini-player{position:absolute;left:16px;bottom:16px;z-index:5;display:flex;gap:8px;align-items:center;background:#244d3ce8;border-radius:24px;padding:6px 12px;max-width:calc(100% - 32px);box-sizing:border-box}.dj-mini-player span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.cafe-entrance:has(.dj-mini-player) .cafe-entrance-content{padding-bottom:84px}.dj-booth button:disabled{opacity:.55;cursor:default}.dj-booth button:focus-visible,.dj-booth input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@keyframes dj-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.is-playing .dj-disc{animation:none}}@media(min-aspect-ratio:1/1){.dj-controls{margin-right:24px;width:min(520px,52%);max-height:72%}.dj-heading h2{font-size:19px}}@media(max-height:650px){.dj-controls{max-height:70%;padding-bottom:10px}.dj-request{padding:8px 12px;gap:5px}.dj-selection{max-height:16dvh;overflow:auto}}.cafe-entrance:has(.dj-booth) .lounge-room-top,.island-app:has(.dj-booth) .island-back{display:none}.island-app:has(.dj-booth) .island-bgm,.island-app:has(audio[data-island-dj]) .island-bgm{display:none}.dj-booth{position:fixed;z-index:60;min-height:0;border-radius:0}.dj-mini-player{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));left:auto;right:12px;z-index:40;background:#244d3cf2;color:#fff8e8;flex-wrap:wrap;border-radius:20px}.dj-mini-player>div{display:flex;flex-direction:column;min-width:0}.dj-mini-player small{font-size:10px;opacity:.85}.dj-mini-player button{font:inherit;font-size:12px;min-height:44px;border-radius:24px;border:1px solid #c7d4bd;background:#fff8e8;color:#315b49;padding:6px 10px}.dj-mini-player button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.island-native-panel{margin:auto;width:min(620px,calc(100% - 24px));max-height:85dvh;overflow:auto;border:1px solid #bacdc6;border-radius:8px;padding:0 20px 24px;background:#fff;color:#294c43;box-shadow:0 16px 60px #142b3940;overscroll-behavior:contain;letter-spacing:0}.island-native-panel::backdrop{background:#193c4259}.island-native-panel-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;padding:16px 0;border-bottom:1px solid #dce6df}.island-native-panel-heading h2{font-size:22px;margin:0}.island-native-panel-heading button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:inherit;flex-shrink:0}.island-relationship-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:16px 0}.island-relationship-tabs button[aria-pressed=true]{background:#e2f0ec;border-color:#38796b}.island-connections-content>section{padding:16px 0;border-bottom:1px solid #dce6df}.island-family-settings .management-login-card{border:0;border-radius:0;box-shadow:none;background:transparent;padding:16px 0;margin:0;border-bottom:1px solid #dce6df}.island-family-settings .household-stack{gap:0}.island-family-settings h2{font-size:20px}.island-family-settings h3{font-size:17px}.island-family-settings input,.island-family-settings select{max-width:100%}.island-family-settings .household-family-name-actions{flex-wrap:wrap}.island-family-settings .household-member-list{padding:0;list-style:none}.island-family-settings .household-member-list li{padding:12px 0}@media(max-width:420px){.island-native-panel{padding:0 14px 20px}.island-native-panel-heading h2{font-size:20px}}.island-family-photos{padding:24px 0}.island-family-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.island-family-photo-grid button{padding:0;border:0;aspect-ratio:1;background:#eef5f1;overflow:hidden;border-radius:6px}.island-family-photo-grid img{width:100%;height:100%;object-fit:cover}.island-family-photo-view{margin:20px 0}.island-family-photo-view img,.island-family-photo-view video{display:block;width:100%;max-height:60dvh;object-fit:contain}.island-family-photo-view figcaption{padding:12px 0;overflow-wrap:anywhere}.island-family-photo-view time{display:block;font-size:14px}.island-home-panel{width:min(960px,calc(100% - 24px))}.island-home-panel .ap-intro{display:none}.island-home-panel .ap-life{padding-top:12px}.island-home-panel .ap-board,.island-home-panel .ap-history,.island-home-panel .ap-weekly{border-radius:0;box-shadow:none;border-left:0;border-right:0}.island-home-panel[open]{display:flex;flex-direction:column;height:85dvh;overflow:hidden;padding-bottom:0}.island-home-panel>.island-native-panel-heading{flex-shrink:0}.island-home-panel .ap-life{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding-top:0}.ap-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:12px 0;background:#fff;flex-shrink:0}.ap-sections button{min-height:44px;padding:8px 4px;border:1px solid #c4d7d0;border-radius:6px;background:#fff;color:#294c43;font-size:14px;font-weight:600;letter-spacing:0;overflow-wrap:anywhere}.ap-sections button[aria-pressed=true]{background:#e2f0ec;border-color:#38796b}.ap-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:20px}.ap-floors{display:grid;gap:18px}.ap-content #ap-requests>.ap-board{margin-top:0}.ap-content .island-family-photos{padding-top:0}@media(max-width:600px){.ap-floors{gap:9px}}.island-native-panel-heading .island-home-back{width:auto;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;font-size:14px;white-space:nowrap}.ap-room-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.ap-room-tabs button{min-height:44px;padding:8px 4px;border:1px solid #c4d7d0;border-radius:6px;background:#fff;color:#294c43;font-size:14px;font-weight:600;letter-spacing:0;overflow-wrap:anywhere}.ap-room-tabs button[aria-pressed=true]{background:#e2f0ec;border-color:#38796b}.island-home-panel:has(.ap-editor)[open]{width:min(760px,calc(100% - 18px));height:86dvh;max-height:86dvh;margin:7dvh auto 0;padding:0 16px max(12px,env(safe-area-inset-bottom));border:0;border-radius:0;background:transparent;box-shadow:none}.island-home-panel:has(.ap-editor)::backdrop{background:#193c422b}.island-home-panel:has(.ap-editor)>.island-native-panel-heading{background:linear-gradient(180deg,#fff9edb8,#fff9ed00);border:0;padding:10px 0 8px;color:#23483d;text-shadow:0 1px 5px #fff9ed}.island-home-panel:has(.ap-editor)>.island-native-panel-heading h2{font-family:serif;letter-spacing:.04em}.island-home-panel:has(.ap-editor)>.island-native-panel-heading .island-home-back{border:1px solid #fff9ed8c;border-radius:22px;background:#fff9ed80;backdrop-filter:blur(8px)}.island-home-panel:has(.ap-editor) .ap-life{background:linear-gradient(180deg,#fff9ed00,#fff9ed36 12%,#fff9edb8 32%,#fff9edf2 75%);color:#3f493b}.island-home-panel:has(.ap-editor) .ap-sections{background:transparent;padding:8px 0 10px}.island-home-panel:has(.ap-editor) .ap-sections button{border:1px solid #ffffffa8;border-radius:8px;background:#fff9ed9c;color:#365a4a;backdrop-filter:blur(8px)}.island-home-panel:has(.ap-editor) .ap-sections button[aria-pressed=true]{border-color:#729582;background:#deebe1e8;box-shadow:inset 0 -2px #729582}.island-home-panel:has(.ap-editor) .ap-content{padding:0 0 20px}.island-home-panel:has(.ap-editor) .ap-board{display:none}.island-home-panel:has(.ap-editor) .ap-editor{margin:0;padding:10px 10px 22px;border:0;border-radius:0;background:transparent;box-shadow:none}.island-home-panel:has(.ap-editor) .ap-editor h2{font-family:serif;color:#244f43;text-shadow:0 1px 4px #fff9ed}.island-home-panel:has(.ap-editor) .ap-editor form{gap:11px}.island-home-panel:has(.ap-editor) .ap-editor label{color:#4d5948;text-shadow:0 1px 4px #fff9ed;font-size:14px}.island-home-panel:has(.ap-editor) .ap-editor select,.island-home-panel:has(.ap-editor) .ap-editor textarea{border:0;border-bottom:1px solid #71857199;border-radius:2px;background:#fffdf780!important;box-shadow:none;padding:11px 12px;backdrop-filter:blur(7px)}.island-home-panel:has(.ap-editor) .ap-editor textarea{background:repeating-linear-gradient(180deg,#fffdf766 0 27px,#778d7330 28px,#fffdf766 29px)!important}.island-home-panel:has(.ap-editor) .ap-editor form>p{margin:3px 0;color:#52624d;text-shadow:0 1px 4px #fff9ed}.island-home-panel:has(.ap-editor) .ap-editor .island-actions{margin:15px 0 0}.island-home-panel:has(.ap-editor) .ap-editor .island-secondary{background:#fff9edae;border-color:#91a992;border-radius:24px;backdrop-filter:blur(8px)}@media(max-width:600px){.island-home-panel:has(.ap-editor)[open]{width:calc(100% - 12px);height:88dvh;max-height:88dvh;margin:6dvh auto 0;padding-right:12px;padding-left:12px}.island-home-panel:has(.ap-editor) .ap-editor{padding:8px 6px 20px}.island-home-panel:has(.ap-editor) .ap-sections{gap:6px}}.island-home-panel:has(#ap-requests:not([hidden]))[open]{width:min(760px,calc(100% - 18px));height:86dvh;max-height:86dvh;margin:7dvh auto 0;padding:0 16px max(12px,env(safe-area-inset-bottom));border:0;border-radius:0;background:linear-gradient(180deg,#193c4224,#fff9ed12 40%,#fff9ed2e),url(/island/apartment-lobby.jpg) 50%/cover no-repeat;box-shadow:none}.island-home-panel:has(#ap-requests:not([hidden])):has(.ap-editor)[open]{background:linear-gradient(180deg,#193c4224,#fff9ed12 40%,#fff9ed2e),url(/island/apartment-lobby.jpg) 50%/cover no-repeat}.island-home-panel:has(#ap-requests:not([hidden]))::backdrop{background:#193c422b}.island-home-panel:has(#ap-requests:not([hidden]))>.island-native-panel-heading{background:linear-gradient(180deg,#fff9edb8,#fff9ed00);border:0;border-radius:0;padding:10px 0 8px;color:#23483d;text-shadow:0 1px 5px #fff9ed}.island-home-panel:has(#ap-requests:not([hidden]))>.island-native-panel-heading h2{font-family:serif;letter-spacing:.04em}.island-home-panel:has(#ap-requests:not([hidden]))>.island-native-panel-heading .island-home-back{border:1px solid #fff9ed8c;border-radius:22px;background:#fff9ed80;backdrop-filter:blur(8px)}.island-home-panel:has(#ap-requests:not([hidden])) .ap-life{background:transparent;color:#3f493b}.island-home-panel:has(#ap-requests:not([hidden])) .ap-sections{background:transparent;padding:8px 0 10px}.island-home-panel:has(#ap-requests:not([hidden])) .ap-sections button{border:1px solid #ffffffa8;border-radius:22px;background:#fff9ed80;color:#365a4a;backdrop-filter:blur(8px)}.island-home-panel:has(#ap-requests:not([hidden])) .ap-sections button[aria-pressed=true]{border-color:#729582;background:#deebe1d9;box-shadow:inset 0 -2px #729582}.island-home-panel:has(#ap-requests:not([hidden])) .ap-content{padding:0 0 20px}.island-home-panel:has(#ap-requests:not([hidden])) #ap-requests>.ap-board{margin:0;padding:10px 4px 24px;border:0;border-radius:0;background:transparent;box-shadow:none}.island-home-panel:has(#ap-requests:not([hidden])) #ap-requests>.ap-board>header{align-items:flex-start}.island-home-panel:has(#ap-requests:not([hidden])) #ap-requests>.ap-board>header h2{font-family:serif;color:#244f43;text-shadow:0 1px 4px #fff9ed}.island-home-panel:has(#ap-requests:not([hidden])) .ap-quests{grid-template-columns:1fr;gap:0;margin-top:14px}.island-home-panel:has(#ap-requests:not([hidden])) .ap-quests article{padding:16px 12px;margin-bottom:10px;border:1px solid #fff9edba;border-radius:14px;background:#fff9ede8;box-shadow:0 4px 16px #193c421c;backdrop-filter:blur(8px)}.island-home-panel:has(#ap-requests:not([hidden])) .ap-quests article:before{display:none}@media(max-width:600px){.island-home-panel:has(#ap-requests:not([hidden]))[open]{width:calc(100% - 12px);height:88dvh;max-height:88dvh;margin:6dvh auto 0;padding-right:12px;padding-left:12px}.island-home-panel:has(#ap-requests:not([hidden])) .ap-sections{gap:6px}}.island-home-panel:has(#ap-requests:not([hidden])):has(.ap-editor)[open] .ap-editor{max-width:640px;margin:12px auto 24px;padding:22px 20px 24px;border:1px solid #d7d0bd;border-radius:20px;background:#fffaf2f5;box-shadow:0 12px 36px #183c3333;color:#294f46;backdrop-filter:blur(14px)}.island-home-panel:has(#ap-requests:not([hidden])):has(.ap-editor)[open] .ap-editor h2{margin:0 0 18px;color:#244f43;text-shadow:none;font-size:22px}.island-home-panel:has(#ap-requests:not([hidden])):has(.ap-editor)[open] .ap-editor label{color:#294f46;text-shadow:none;font-size:15px;font-weight:650}.island-home-panel:has(#ap-requests:not([hidden])):has(.ap-editor)[open] .ap-editor select,.island-home-panel:has(#ap-requests:not([hidden])):has(.ap-editor)[open] .ap-editor textarea{min-height:48px;padding:12px 14px;border:1px solid #9bb8a8!important;border-radius:10px;background:#fff!important;color:#263e35!important;box-shadow:inset 0 1px 2px #1c3a2c12!important;backdrop-filter:none}.island-home-panel:has(#ap-requests:not([hidden])):has(.ap-editor)[open] .ap-editor textarea{min-height:112px;resize:vertical}.island-home-panel:has(#ap-requests:not([hidden])):has(.ap-editor)[open] .ap-editor form>p{color:#435a4e;text-shadow:none;line-height:1.7}.island-home-panel:has(#ap-requests:not([hidden])):has(.ap-editor)[open] .ap-editor .island-primary{min-height:48px;border:1px solid #285b47;border-radius:24px;background:#285b47;color:#fffaf2;padding:10px 20px;font-weight:700}.island-home-panel:has(#ap-requests:not([hidden])):has(.ap-editor)[open] .ap-editor .island-secondary{min-height:48px;border:1px solid #7c9b89;border-radius:24px;background:#fffaf2;color:#294f46;padding:10px 20px}@media(max-width:600px){.island-home-panel:has(#ap-requests:not([hidden])):has(.ap-editor)[open] .ap-editor{margin:10px 0 20px;padding:18px 16px 20px;border-radius:18px}}.island-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}