@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-outlined-CP_JrVKe.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--bg: #ffffff;--bg-sidebar: #f8f8f7;--bg-hover: rgba(55, 53, 47, .06);--bg-active: rgba(55, 53, 47, .1);--bg-subtle: #f7f6f3;--bg-elevated: #ffffff;--text: #37352f;--text-strong: #191919;--text-muted: rgba(55, 53, 47, .62);--text-faint: rgba(55, 53, 47, .4);--border: rgba(55, 53, 47, .12);--border-strong: rgba(55, 53, 47, .2);--accent: #2383e2;--accent-hover: #0f6fcf;--accent-soft: rgba(35, 131, 226, .12);--danger: #d44c47;--danger-soft: rgba(212, 76, 71, .1);--warn: #c47a0a;--warn-soft: rgba(203, 145, 47, .14);--success: #2d8a5f;--success-soft: rgba(68, 131, 97, .13);--shadow: 0 0 0 1px rgba(15, 15, 15, .05), 0 3px 6px rgba(15, 15, 15, .1), 0 9px 24px rgba(15, 15, 15, .2);--radius: 6px;--font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #191919;--bg-sidebar: #202020;--bg-hover: rgba(255, 255, 255, .055);--bg-active: rgba(255, 255, 255, .1);--bg-subtle: #252525;--bg-elevated: #252525;--text: rgba(255, 255, 255, .86);--text-strong: #fff;--text-muted: rgba(255, 255, 255, .5);--text-faint: rgba(255, 255, 255, .3);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--accent-soft: rgba(35, 131, 226, .22);--danger-soft: rgba(212, 76, 71, .2);--warn-soft: rgba(203, 145, 47, .2);--success-soft: rgba(68, 131, 97, .25);--shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 3px 6px rgba(0, 0, 0, .4), 0 9px 24px rgba(0, 0, 0, .5);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #191919;--bg-sidebar: #202020;--bg-hover: rgba(255, 255, 255, .055);--bg-active: rgba(255, 255, 255, .1);--bg-subtle: #252525;--bg-elevated: #252525;--text: rgba(255, 255, 255, .86);--text-strong: #fff;--text-muted: rgba(255, 255, 255, .5);--text-faint: rgba(255, 255, 255, .3);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--accent-soft: rgba(35, 131, 226, .22);--danger-soft: rgba(212, 76, 71, .2);--warn-soft: rgba(203, 145, 47, .2);--success-soft: rgba(68, 131, 97, .25);--shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 3px 6px rgba(0, 0, 0, .4), 0 9px 24px rgba(0, 0, 0, .5);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}h1,h2,h3{color:var(--text-strong);margin:0}.board{--wall: #e9edf1;--note-yellow: #fde68a;--note-pink: #fbcfe0;--note-blue: #c7e2fb;--note-ink: #2a2830;--note-ink-soft: #57535f;--note-red: #b42318;--button: #2a2830;--button-ink: #fff8d6;min-height:100%;display:grid;place-items:center;padding:72px 24px;background:var(--wall);color:var(--note-ink);overflow-x:hidden}:root[data-theme=dark] .board{--wall: #15181d;--note-yellow: #e6d27a;--note-pink: #e2b6c6;--note-blue: #a9c9e6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .board{--wall: #15181d;--note-yellow: #e6d27a;--note-pink: #e2b6c6;--note-blue: #a9c9e6}}.board-cluster{position:relative;width:min(100%,420px)}.sticky{--tilt: 0deg;position:relative;color:var(--note-ink);border-radius:2px;background-image:linear-gradient(to bottom,rgba(0,0,0,.045) 0,rgba(0,0,0,.045) 22px,transparent 22px);box-shadow:0 1px 1px #1e180a1a,0 10px 18px -12px #1e180a59,10px 16px 18px -14px #1e180a66;transform:rotate(var(--tilt));animation:sticky-in .42s cubic-bezier(.2,.9,.3,1.2) both}@keyframes sticky-in{0%{opacity:0;transform:translateY(-16px) rotate(calc(var(--tilt) - 3deg)) scale(1.03)}to{opacity:1;transform:rotate(var(--tilt))}}.sticky-yellow{background-color:var(--note-yellow)}.sticky-pink{background-color:var(--note-pink)}.sticky-blue{background-color:var(--note-blue)}.sticky-main{--tilt: -1.2deg;z-index:2;min-height:0;padding:44px 34px 36px;display:flex;flex-direction:column;gap:16px;animation-delay:.08s}.sticky-date{--tilt: -6deg;position:absolute;z-index:3;top:-34px;left:-46px;width:104px;padding:18px 10px 14px;text-align:center;line-height:1.1}.sticky-date-day{display:block;font-size:30px;font-weight:700}.sticky-date-week{font-size:14px;color:var(--note-ink-soft)}.sticky-memo{--tilt: 3.5deg;position:absolute;z-index:3;right:-180px;bottom:-44px;width:200px;padding:24px 18px 20px;font-size:14px;line-height:1.55;animation-delay:.2s;overflow-wrap:anywhere}.sticky-title{margin:0;color:var(--note-ink);font-size:38px;font-weight:700;line-height:1.15;letter-spacing:-.02em}.sticky-text{margin:0;font-size:14px;line-height:1.6}.sticky-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--note-ink-soft)}.sticky-field input{font:inherit;font-size:15px;color:var(--note-ink);padding:10px 12px;border:1.5px solid rgba(42,40,48,.35);border-radius:8px;background:#ffffff8c;outline:none;transition:border-color .15s,background .15s}.sticky-field input:focus{border-color:var(--note-ink);background:#ffffffd9}.sticky-button{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border:0;border-radius:10px;background:var(--button);color:var(--button-ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:0 2px #00000040}.sticky-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px #00000040}.sticky-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #00000040}.sticky-button:disabled{opacity:.7;cursor:progress}.auth-error{margin:0;color:var(--note-red);font-size:13px;line-height:1.6}.badge-tag{display:inline-block;font-size:12px;font-weight:600;background:#00000014;padding:3px 8px;border-radius:4px}@media(max-width:760px){.board{padding:56px 20px 40px}.sticky-date{top:-26px;left:auto;right:-6px;width:88px}.sticky-date-day{font-size:24px}.sticky-memo{position:relative;right:auto;bottom:auto;width:auto;margin:-10px 12px 0 24px}.sticky-title{font-size:32px}.sticky-button{width:100%}}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.app-navbar{display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--bg-sidebar)}.app-logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.app-nav-tabs{display:flex;gap:4px}.nav-tab-btn{border:0;background:transparent;padding:6px 12px;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;font-size:13px}.nav-tab-btn:hover{background:var(--bg-hover);color:var(--text)}.nav-tab-btn.is-active{background:var(--bg-active);color:var(--text-strong);font-weight:600}.app-nav-user{display:flex;align-items:center;gap:12px;font-size:13px}.btn-secondary{border:1px solid var(--border);background:var(--bg);padding:5px 10px;border-radius:var(--radius);font-size:12px;cursor:pointer;transition:background .12s}.btn-secondary:hover{background:var(--bg-hover)}.btn-primary{border:0;background:var(--accent);color:#fff;padding:6px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer}.btn-primary:hover{background:var(--accent-hover)}.app-main{flex:1;max-width:1040px;width:100%;margin:0 auto;padding:40px 24px 80px}.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:20px}.notion-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:0 1px 2px #0000000a;transition:border-color .15s,box-shadow .15s}.notion-card:hover{border-color:var(--border-strong);box-shadow:0 3px 8px #0000000f}.notion-card-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.notion-card-icon{font-size:24px}.notion-card-title{font-size:16px;font-weight:600}.notion-card-url{font-size:12px;color:var(--text-muted)}.notion-card-desc{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:16px;flex:1}.notion-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border)}.role-badge{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:2px 6px;border-radius:4px}.notion-table-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);overflow-x:auto;margin-top:16px}.notion-table{width:100%;border-collapse:collapse;font-size:13px}.notion-table th{background:var(--bg-subtle);border-bottom:1px solid var(--border);padding:10px 14px;text-align:left;font-weight:500;color:var(--text-muted)}.notion-table td{padding:12px 14px;border-bottom:1px solid var(--border)}.notion-table tr:last-child td{border-bottom:none}.notion-table select{border:1px solid var(--border);background:var(--bg);padding:3px 6px;border-radius:4px;font-size:12px;outline:none}.banner-notice{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:1000;padding:20px}.modal-dialog{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow);width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .15s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-title{font-size:16px;font-weight:600;color:var(--text-strong)}.modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-subtle)}.detail-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:16px}.detail-section-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.dl-grid{display:grid;grid-template-columns:100px 1fr;gap:8px 12px;font-size:13px}.dl-grid dt{color:var(--text-muted)}.dl-grid dd{margin:0;color:var(--text-strong)}.item-list{display:flex;flex-direction:column;gap:8px}.item-card{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-subtle);font-size:13px}.status-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.status-tag.active{background:var(--success-soft);color:var(--success)}.status-tag.disabled{background:var(--danger-soft);color:var(--danger)}.status-tag.pending{background:var(--warn-soft);color:var(--warn)}.danger-box{border:1px solid var(--danger-soft);border-left:4px solid var(--danger);background:var(--danger-soft);border-radius:var(--radius);padding:14px}